.mail-view {padding:24px; color:var(--bc-text,#f5f1ed); background:var(--bc-canvas,#111114)}.mail-view[hidden]{display:none!important}.mail-heading,.mail-actions,.mail-folders,.mail-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mail-heading{justify-content:space-between}.mail-heading h1{font-size:28px;margin:0}.mail-heading p{min-height:24px}.mail-layout{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(250px,1fr) minmax(300px,1.4fr);border:1px solid var(--bc-line,#5d535b);border-radius:12px;margin-top:18px;overflow:hidden}.mail-layout>aside,.mail-layout>section{padding:16px;min-width:0}.mail-list,.mail-detail{border-left:1px solid var(--bc-line,#5d535b)}.mail-view h2{font-size:17px;overflow-wrap:anywhere}.mail-view button{color:var(--bc-text,#f5f1ed);background:var(--bc-panel,#1d1b20);border:1px solid var(--bc-line,#5d535b);border-radius:6px;padding:9px 12px;cursor:pointer}.mail-view button:disabled{opacity:.45;cursor:default}.mail-view button.selected,.mail-view button[aria-pressed=true]{background:var(--os-bordeaux);border-color:var(--os-bordeaux)}.mail-view input,.mail-view select,.mail-view textarea{color:var(--bc-text,#f5f1ed);background:var(--bc-panel,#1d1b20);border:1px solid var(--bc-line,#5d535b);border-radius:6px;padding:10px;max-width:100%;font:inherit}.mail-view input:not([type=checkbox]),.mail-view textarea,.mail-view select{width:100%}.mail-view label{display:block;margin:10px 0}.mail-accounts button{white-space:normal;display:block;width:100%;text-align:left;overflow-wrap:anywhere;margin-bottom:10px}.mail-view [data-mail-search]{display:flex;gap:8px;margin:14px 0}.mail-view [data-mail-search] input{min-width:0;flex:1}.mail-view [data-mail-search] button{flex:0 0 auto;white-space:nowrap}.mail-row{display:block;text-align:left;width:100%;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.mail-row-detail{margin:0 0 12px;background:#242126;padding:8px;font-size:12px;color:var(--bc-muted,#c1b7bb);overflow-wrap:anywhere}.mail-muted{font-size:12px;color:var(--bc-muted,#c1b7bb);line-height:1.6}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.65;border-top:1px solid var(--bc-line,#5d535b);padding-top:15px}.mail-detail p{overflow-wrap:anywhere}.mail-view iframe{width:100%;min-height:300px;background:#fff;border:0}.mail-view details{margin-top:16px}.mail-note{padding:10px;background:var(--bc-panel,#1d1b20);border-left:3px solid var(--bc-accent,#ffb49d)}.mail-delivery{font-size:12px}.mail-upload{border:1px solid var(--bc-line,#5d535b);border-radius:6px;padding:9px}.mail-upload input{width:auto!important;font-size:12px}.mail-view :focus-visible{outline:3px solid var(--bc-accent,#ffb49d);outline-offset:2px}

.workspace-open .nav-item[data-module-scope="mail"]:not(.permission-hidden){display:flex}.module-mail .crm-only,.module-mail .schedule-only{display:none!important}.module-mail #moduleDescription{display:none}
.mail-results{max-height:calc(100vh - 310px);min-height:180px;overflow:auto;padding-right:5px}.mail-detail{max-height:calc(100vh - 160px);overflow:auto}

.module-mail .topbar{display:none}.workspace-open.module-mail .nav-item:not([data-module-scope="mail"]){display:none}

.mail-editor-toolbar { display:flex; gap:6px; flex-wrap:wrap; align-items:center; padding:10px; border:1px solid var(--bc-line,#5d535b); border-radius:8px 8px 0 0; background:var(--bc-panel,#1d1b20); }
.mail-view .mail-editor-toolbar label { margin:0; font-size:12px; }.mail-view .mail-editor-toolbar select { width:auto; padding:7px; }
.mail-view .mail-editor-toolbar input[type=color] { width:40px; height:35px; padding:3px; }
.mail-editor { min-height:260px; max-height:65vh; overflow:auto; background:#fff; color:#202020; padding:20px; border:1px solid var(--bc-line,#5d535b); border-top:0; border-radius:0 0 8px 8px; line-height:1.6; overflow-wrap:anywhere; font:16px Arial,sans-serif; }
.mail-editor:empty:before { content:'Scrivi il messaggio…'; color:#666; pointer-events:none; }
.mail-editor p { margin:0 0 .8em; }.mail-view button[data-save] { border-color:var(--bc-accent,#ffb49d); }
.mail-view * { box-sizing:border-box; }.mail-view button:disabled { opacity:1; color:#a9a0a5; background:#242126; }
body.workspace-open.module-mail .suite-layout { display:block; }
body.workspace-open.module-mail .suite-layout>.sidebar { display:none; }
body[data-environment=crm].module-mail .main { background:var(--bc-canvas,#111114); color:var(--bc-text,#f5f1ed); padding:0; }
body.module-mail #crmNavigation { color:var(--bc-muted,#c1b7bb); background:var(--bc-canvas,#111114); }
.mail-heading { justify-content:flex-start; }.mail-heading>div { margin-right:auto; }
.mail-heading p:empty { display:none; }.mail-view { min-height:calc(100vh - 145px); }

body.module-mail #crmNavigation { margin:0; padding:14px 24px; border-bottom:1px solid var(--bc-line,#5d535b); }
body.module-mail #crmNavigation button { color:var(--bc-text,#f5f1ed); background:var(--bc-panel,#1d1b20); border-color:var(--bc-line,#5d535b); }

.mail-archive-status {min-width:0;padding:18px;border:1px solid var(--bc-line,#504740);border-radius:10px;overflow-wrap:anywhere}
.mail-archive-status input{display:block;max-width:100%;width:180px;margin:8px 0}.mail-originals{margin:16px 0}

/* Responsive panes use the mail workspace width, including the OS sidebar. */
.mail-view{container-type:inline-size;container-name:mail;padding:20px;min-width:0}
.mail-pane-navigation{display:none;gap:6px;margin-top:16px}
.mail-layout{align-items:stretch}
.mail-list h2{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.mail-accounts .mail-folders{display:grid;gap:4px;border-top:1px solid var(--os-line);padding-top:16px;margin-top:18px}
.mail-folders button{margin:0}
.mail-row{white-space:normal;line-height:1.5}
.mail-row-detail{font-size:13px;line-height:1.5}
.mail-muted{font-size:13px}
.mail-sync-details{margin:8px 0 16px}
.mail-sync-details summary{color:var(--os-muted);cursor:pointer;font-size:14px}
.mail-pagination{justify-content:space-between;font-size:13px}
@container mail (max-width:1050px){
 .mail-layout{grid-template-columns:200px minmax(0,1fr)}
 .mail-pane-navigation{display:flex;flex-wrap:wrap}
 .mail-detail{display:none;max-height:none}
 .mail-view[data-mail-pane=detail] .mail-list{display:none}
 .mail-view[data-mail-pane=detail] .mail-detail{display:block}
}
@container mail (max-width:620px){
 .mail-layout{display:block}
 .mail-layout>.mail-accounts,.mail-layout>.mail-list,.mail-layout>.mail-detail{display:none;border:0}
 .mail-view[data-mail-pane=accounts] .mail-accounts,.mail-view[data-mail-pane=list] .mail-list,.mail-view[data-mail-pane=detail] .mail-detail{display:block}
 .mail-accounts button{width:100%}
 .mail-results{max-height:60vh}
 .mail-pagination{gap:8px}
 .mail-pane-navigation button{flex:1;padding:10px 8px;font-size:14px}
}