/* Editor template email (GrapesJS) — pagina admin/email_templates/edit */
.email-editor-page { display: flex; flex-direction: column; min-height: calc(100vh - 80px); }
.email-editor-body { display: flex; flex: 1; min-height: 0; }
.email-editor-sidebar { width: 240px; flex-shrink: 0; padding: 1rem; background: #f9fafb; border-right: 1px solid #e5e7eb; overflow-y: auto; }
.email-editor-canvas { flex: 1; min-width: 0; min-height: 500px; }
.email-editor-canvas .gjs-editor-cont, .email-editor-canvas .gjs-editor { height: 100%; }
.email-editor-preview[hidden] { display: none; }
.email-editor-preview { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 60; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.email-editor-preview-box { background: #fff; border-radius: .5rem; width: min(760px, 100%); height: 90vh; display: flex; flex-direction: column; overflow: hidden; }

/* Tailwind preflight azzera alcuni stili base che la UI di GrapesJS dà per scontati */
.gjs-editor button { background-color: transparent; }
.gjs-editor img, .gjs-editor svg { display: inline-block; }
.gjs-block svg { display: block; }
.gjs-dynamic-block-placeholder { border: 2px dashed #4a7bbc; background: #eef4fb; padding: 16px; text-align: center; color: #4a7bbc; font-family: sans-serif; font-size: 14px; }