:root{font:14px system-ui,sans-serif;color:#11264c;background:#f6f9fc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{padding:10px 14px;border-radius:9px;border:1px solid #d5e1eb;background:white;color:#17385c;cursor:pointer}button.primary{background:#074d84;color:#fff;border:0}button:hover{filter:brightness(.97)}input,select{padding:11px;border:1px solid #ccd8e5;border-radius:9px;width:100%;margin:6px 0 14px}input:focus{outline:2px solid #23a9a5}.layout{display:grid;grid-template-columns:260px minmax(350px,1fr);min-height:100vh}.side{background:white;border-right:1px solid #dce6ef;padding:20px}.side img{width:220px;max-width:100%;height:110px;object-fit:contain;object-position:left center}.content{padding:32px;max-width:1120px;width:100%;margin:auto}.card{background:#fff;padding:22px;border:1px solid #dce6ef;border-radius:14px;margin:16px 0;box-shadow:0 8px 28px #1434520c}.login{max-width:430px;margin:8vh auto}.login img{display:block;width:260px;height:150px;object-fit:contain;margin:auto}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.badge{background:#e9f9f6;color:#137d75;border-radius:15px;padding:5px 10px;font-size:12px;display:inline-block}.dim{color:#62768c}.error{color:#a12a42}.items{display:grid;gap:10px}.mailbox{padding:12px;border:1px solid #d6e6ef;border-radius:9px;background:#f8fbff}.label{font-weight:650}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.top select{width:240px}.subject{font-weight:bold}.email{border-bottom:1px solid #e8eef4;padding:12px 0;cursor:pointer}.email:hover{background:#f6fafa}.reader{white-space:pre-wrap;line-height:1.65}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.layout{display:block}.side{border-bottom:1px solid #dce6ef}.side img{height:75px}.content{padding:14px}.top{display:block}.top select{width:100%}}
/* Mailly three-pane mail application */
.content:has(.mail-app){max-width:none;padding:22px 28px;margin:0;min-width:0}
.layout:has(.mail-app){grid-template-columns:220px minmax(0,1fr)}
.mail-app{display:grid;grid-template-columns:170px minmax(275px,360px) minmax(340px,1fr);height:calc(100vh - 120px);min-height:530px;border:1px solid #e0e9f4;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #132f5210}
.mail-folders{padding:16px;border-right:1px solid #e9eef5;background:#fcfdff}
.folder-heading{margin:22px 8px 12px;color:#8190a9;letter-spacing:.12em;font-size:11px;font-weight:700}
.folder-item{border:0;display:block;text-align:left;width:100%;margin:3px 0;padding:11px;color:#49617c}
.folder-item span{margin-right:9px;color:#0c80c8}
.folder-item.active{background:#e8f2ff;color:#086bc5;font-weight:700}
.compose-btn{width:100%;background:#1c79ee!important}
.mail-list{border-right:1px solid #e7edf7;display:flex;flex-direction:column;min-width:0}
.mail-list-head{padding:14px;border-bottom:1px solid #e8eef7}
.mail-list-head h2{margin:0 0 8px;font-size:20px}
.mail-list-head select{margin:0 0 10px}
.searchbar{display:flex;gap:5px}
.searchbar input{margin:0}
.searchbar button{flex:none}
.email-scroll{overflow:auto;flex:1}
.mail-row{width:100%;border:0;border-bottom:1px solid #edf1f7;border-radius:0;padding:16px;text-align:left;display:grid;gap:5px;background:#fff}
.mail-row:hover,.mail-row.selected{background:#eef5ff}
.row-sender{font-weight:700;color:#183454}
.row-subject{font-weight:600;color:#233b5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-snippet,.row-date{font-size:12px;color:#8493a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-reader{overflow:auto;min-width:0}
.reader-toolbar{display:flex;gap:7px;padding:17px;border-bottom:1px solid #e8edf5;flex-wrap:wrap}
.mail-detail{padding:25px}
.mail-detail h2{font-size:24px;margin:8px 0 20px}
.reader-body{white-space:pre-wrap;line-height:1.8;margin-top:27px;color:#2c415b}
.empty{padding:55px 25px;text-align:center;color:#8591a6}
.empty h2,.empty h3{color:#25415f}
.big-icon{font-size:46px;color:#60a6f3}
.tiny{font-size:11px}
.compose-overlay{position:fixed;inset:0;background:#14294555;display:flex;justify-content:flex-end;align-items:flex-end;padding:30px;z-index:10}
.compose-window{width:min(540px,95vw);max-height:90vh;overflow:auto;background:#fff;padding:22px;border-radius:16px;box-shadow:0 25px 80px #172f5555}
.compose-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:18px}
.compose-window label{display:block;font-size:12px;font-weight:600;color:#60748c}
.compose-window input,.compose-window select,.compose-window textarea{width:100%;margin:5px 0 11px}
.compose-window textarea{padding:12px;border:1px solid #ccd8e5;border-radius:10px;resize:vertical}
.compose-actions{display:flex;gap:10px;justify-content:flex-end}
@media(max-width:1250px){.mail-app{grid-template-columns:145px minmax(220px,320px) minmax(270px,1fr)}.layout:has(.mail-app){grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:950px){.mail-app{display:block;height:auto}.mail-folders{display:flex;gap:4px;overflow:auto}.folder-heading{display:none}.folder-item{min-width:115px}.mail-list{height:380px}.mail-reader{min-height:300px}.content:has(.mail-app){padding:12px}}

/* Unified mail workspace: one navigation, folders and account controls */
.unified-root{min-height:100vh;display:flex;flex-direction:column}
.workspace-top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#f5f8fc;gap:16px}
.workspace-top select{width:min(330px,45vw);margin:0}
.workspace-top strong{font-size:18px;color:#112c4e}
.unified-root .mail-app{flex:1;margin:0 16px 16px;min-height:calc(100vh - 85px);height:calc(100vh - 85px);grid-template-columns:220px minmax(320px,390px) minmax(350px,1fr)}
.unified-root .mail-folders{display:flex;flex-direction:column;padding:16px 12px}
.mail-brand img{width:175px;max-height:86px;object-fit:contain;object-position:left}
.mail-identity{font-size:12px;line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;gap:6px;overflow-wrap:anywhere;margin:10px 6px 18px}
.unified-root .folder-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:12px 4px}
.unified-root .folder-bottom button{text-align:left;border-color:#dae6f1}
.unified-root .folder-item{flex:none}
.unified-root .folder-item.active{background:#e5f1ff}
.unified-root .mail-reader{min-height:0}
.unified-root .mail-list{min-height:0}
.unified-root .compose-btn{font-weight:700}
.alert{padding:10px 18px;margin:5px 16px;border-radius:8px}
.alert.error{background:#fff0f0}
.alert.success{background:#e9f8f4;color:#126b51}
.settings-header{display:flex;justify-content:space-between;padding:12px 24px;align-items:center}
.settings-header img{width:175px;height:65px;object-fit:contain}
.admin-view{max-width:1100px;margin:20px auto;padding:0 20px;width:100%}
.settings-signout{position:fixed;bottom:14px;left:14px}
@media(max-width:1120px){.unified-root .mail-app{grid-template-columns:170px minmax(270px,350px) minmax(300px,1fr)}}
@media(max-width:800px){.unified-root .mail-app{height:auto;display:flex;flex-direction:column}.unified-root .mail-folders{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.mail-identity,.folder-heading,.folder-bottom{display:none!important}.mail-brand{width:100%}.mail-brand img{height:58px}.unified-root .folder-item{width:auto;min-width:100px}.unified-root .compose-btn{width:auto}.unified-root .mail-list{height:430px}.unified-root .mail-reader{min-height:280px}.workspace-top{padding:8px;gap:8px}}

/* Mailbox refresh progress */
.refresh-mailboxes:disabled{opacity:.75;cursor:wait}
.refresh-icon{display:inline-block;transform-origin:center center}
.refresh-icon.spinning{animation:mailly-refresh-spin .85s linear infinite}
@keyframes mailly-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.refresh-icon.spinning{animation:none}}

/* Approved compose confirmation and recipient dropdown */
.confirm-backdrop{position:fixed;inset:0;background:#112c4b66;display:grid;place-items:center;z-index:40;padding:20px;backdrop-filter:blur(2px)}
.confirm-dialog{width:min(590px,96vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid #e1e8f3;border-radius:18px;padding:26px;box-shadow:0 30px 90px #142a4b44}
.confirm-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.confirm-heading h2{font-size:25px;margin:0 0 5px}
.confirm-heading p{color:#647695;margin:0}
.confirm-heading>button{margin-left:auto;border:0;align-self:flex-start}
.confirm-symbol{display:grid;place-items:center;border-radius:50%;height:58px;width:58px;background:#e0edff;color:#176df3;font-size:26px;flex-shrink:0}
.confirm-dialog dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:20px;background:#f6f9fd;border:1px solid #e5eaf3;border-radius:10px}
.confirm-dialog dt{color:#64728e}
.confirm-dialog dd{margin:0;overflow-wrap:anywhere}
.confirm-preview{white-space:pre-wrap;max-height:145px;overflow:auto}
.confirm-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}
.confirm-buttons button{min-width:118px}
.confirm-buttons .primary{background:#1673ec}
.compose-window{position:relative}
.recipient-suggestions{position:absolute;left:22px;right:22px;z-index:3;max-height:220px;overflow:auto;background:white;border:1px solid #ced9e9;border-radius:10px;box-shadow:0 9px 28px #203d6030;padding:6px}
.recipient-suggestions[hidden]{display:none}
.recipient-suggestions button{display:block;width:100%;text-align:left;border:0;padding:10px}
.recipient-suggestions button:hover{background:#edf4ff}

/* Workspace picker lives with the account in the mail sidebar */
.unified-root .mail-app{height:100vh;min-height:100vh;margin:0;border-radius:0;border-top:0;border-bottom:0;box-shadow:none}
.workspace-picker-label{display:block;font-size:10px;font-weight:750;letter-spacing:.09em;color:#7a899f;margin:8px 6px 4px}
.sidebar-workspace-picker{width:100%;min-width:0;max-width:100%;padding:10px 7px;margin:0 0 16px;font-size:12px;text-overflow:ellipsis;background:#f7faff}
.admin-workspace-selector{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px}
.admin-workspace-selector .workspace-picker-label{margin:0}
.admin-workspace-selector .sidebar-workspace-picker{width:min(350px,60vw);margin:0}
@media(max-width:800px){.unified-root .mail-app{height:auto;min-height:100vh}.unified-root .mail-folders .workspace-picker-label{display:block}.unified-root .mail-folders .sidebar-workspace-picker{display:block;width:min(350px,100%)}}

/* Account controls anchored at the bottom of the desktop folder sidebar */
.unified-root .folder-bottom .workspace-picker-label{margin:4px 0 2px}
.unified-root .folder-bottom .sidebar-workspace-picker{margin:0 0 8px}
@media(max-width:800px){.unified-root .mail-folders .folder-bottom{display:flex!important;width:100%;align-items:stretch;margin-top:10px}.unified-root .mail-folders .folder-bottom .sidebar-workspace-picker{width:100%}}

/* Settings and Platform share the persistent Mailly sidebar. */
.unified-root .mail-app.settings-mode{grid-template-columns:220px minmax(0,1fr)}
.mail-settings-pane{min-width:0;overflow-y:auto;background:#f7f9fd;padding:24px 32px}
.mail-settings-pane h1{font-size:24px;color:#17385c;margin:0 0 20px}
.mail-settings-pane .card{max-width:960px;margin:0 0 18px}
.unified-root .mail-folders [data-view].active{background:#e5f1ff;color:#086bc5;font-weight:700}
@media(max-width:800px){.unified-root .mail-app.settings-mode{display:flex;flex-direction:column}.mail-settings-pane{padding:16px}}

/* Local draft actions */
.draft-row-delete{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid #e5edf5;background:#fbfcfe;color:#a33434;padding:5px 14px;font-size:12px}
.draft-row-delete:hover{background:#fff0f0}
.compose-actions .draft-delete{color:#a33434;border-color:#e9a9a9}

/* Fixed application shell; scroll inside list and reader, never document. */
body:has(.unified-root){height:100dvh;overflow:hidden}
#app:has(.unified-root),.unified-root{height:100dvh;min-height:0;overflow:hidden}
.unified-root .mail-app{height:100dvh!important;min-height:0!important;max-height:100dvh;margin:0!important;min-width:0;overflow:hidden}
.unified-root .mail-folders,.unified-root .mail-list,.unified-root .mail-reader,.unified-root .mail-settings-pane{min-height:0;max-height:100%;overflow-x:hidden}
.unified-root .mail-folders{overflow-y:auto}
.unified-root .mail-list{display:flex;flex-direction:column;overflow:hidden}
.unified-root .mail-list-head{flex:none}
.unified-root .email-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.unified-root .mail-reader,.unified-root .mail-settings-pane{overflow-y:auto;overscroll-behavior:contain}
.mail-snackbar{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 32px));padding:13px 15px;background:#173d33;color:#fff;border:1px solid #3c7564;border-radius:12px;box-shadow:0 14px 44px #162b3d44;line-height:1.4;animation:snackbar-appear .2s ease-out}
.mail-snackbar .snackbar-check{display:grid;place-items:center;background:#347a61;width:27px;height:27px;flex:none;border-radius:50%;font-weight:700}
.mail-snackbar button{margin-left:6px;padding:2px 5px;border:0;color:#fff;background:transparent}
@keyframes snackbar-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.unified-root .mail-app{height:100dvh!important;max-height:100dvh;overflow-y:auto}.unified-root .mail-list{min-height:250px;max-height:55dvh}.unified-root .mail-reader{min-height:160px;max-height:40dvh}.mail-snackbar{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.mail-snackbar{animation:none}}

/* Top-center Mailly notifications (PR #19 merge resolution). */
.mail-snackbar{top:18px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);animation:none}
@media(max-width:800px){.mail-snackbar{top:12px;bottom:auto;left:16px;right:16px;transform:none;max-width:none}}


/* Enterprise workspace visual refresh: presentation-only, preserves mail actions. */
:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:#172b4d;background:#f5f7fb}
body{color:#172b4d}
button{border-color:#dce4ef;color:#263f61;border-radius:7px;transition:background-color .14s,border-color .14s,box-shadow .14s}
button:hover{filter:none;background:#f0f5fd;border-color:#b6cbe5}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2277e9;outline-offset:2px}
button.primary,.compose-btn{background:#176ce5!important;color:#fff!important;border-color:#176ce5!important}
button.primary:hover,.compose-btn:hover{background:#0e56be!important}
input,select,textarea{border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#213854}
.unified-root{background:#fff}
.unified-root .mail-app{border:0;grid-template-columns:224px minmax(350px,385px) minmax(450px,1fr);background:#fff}
.unified-root .mail-folders{background:#f8fafc;border-right:1px solid #e4eaf2;padding:18px 12px}
.mail-brand{padding:0 5px 12px;border-bottom:1px solid #e6ebf2;margin-bottom:12px}
.mail-brand img{width:150px;max-height:64px;object-position:left center}
.mail-identity{margin:8px 6px 16px;font-size:12px;color:#586b82}
.unified-root .compose-btn{height:42px;margin-bottom:14px;box-shadow:0 2px 4px #176ce51a}
.folder-heading{color:#73839b;font-size:10px;letter-spacing:.11em;margin:18px 8px 8px}
.unified-root .folder-item{min-height:37px;padding:9px 11px;border-radius:7px;font-size:13px;color:#3f5570;font-weight:520}
.unified-root .folder-item.active{background:#e5efff;color:#145dc6;font-weight:700}
.unified-root .folder-item:hover:not(.active){background:#eef2f7}
.folder-item span{color:#3d78bb}
.unified-root .folder-bottom{padding:12px 5px;gap:8px;border-top:1px solid #e6ebf2}
.workspace-picker-label{color:#64758c}
.sidebar-workspace-picker{border:1px solid #d9e2ef;background:#fff!important;border-radius:8px;font-weight:600}
.mail-list{background:#fff;border-right:1px solid #e4eaf2}
.mail-list-head{padding:20px 16px 13px;border-bottom:1px solid #e6ebf3;background:#fff}
.mail-list-head h2{font-size:20px;letter-spacing:-.035em;color:#142c4f;margin-bottom:12px}
.mail-list-head select{min-height:39px}
.searchbar input{height:39px;font-size:13px}
.email-scroll{scrollbar-color:#c9d4e3 transparent;scrollbar-width:thin}
.mail-row{position:relative;padding:15px 16px;gap:6px;border-bottom:1px solid #edf0f5;min-height:94px;transition:background-color .12s}
.mail-row:hover{background:#f7faff}
.mail-row.selected{background:#eaf2ff;border-left:3px solid #246ef2;padding-left:13px}
.row-sender{color:#1d3454;font-size:12.5px;font-weight:700}
.row-subject{color:#293d5b;font-size:13px;letter-spacing:-.01em}
.row-snippet,.row-date{font-size:11.5px;color:#75869c;line-height:1.45}
.mail-reader{background:white}
.reader-toolbar{position:sticky;top:0;z-index:2;background:#fff;gap:6px;padding:13px 20px;border-bottom:1px solid #e7ecf4}
.reader-toolbar button{padding:8px 11px;background:#fff;font-size:12px;font-weight:550}
.mail-detail{max-width:1100px;padding:30px clamp(24px,3vw,48px)}
.mail-detail h2{font-size:23px;line-height:1.27;letter-spacing:-.035em;color:#102a4b;margin:8px 0 22px}
.reader-body{font-size:13.5px;line-height:1.85;color:#334861;margin-top:26px;max-width:82ch}
.tiny,.dim{color:#78889d}
.badge{border-radius:6px;background:#e7f5f1;color:#137365;font-weight:650}
.card{border-color:#e2e8f0;box-shadow:0 2px 10px #132d4d08}
.compose-window,.confirm-dialog{border-radius:12px;box-shadow:0 25px 70px #122b4b30}
.alert{border:1px solid #d7e9e3}
@media(max-width:1220px){.unified-root .mail-app{grid-template-columns:190px minmax(285px,340px) minmax(300px,1fr)}}
@media(max-width:800px){.unified-root .mail-app{display:flex;flex-direction:column}.unified-root .mail-folders{flex-direction:row;flex-wrap:wrap}.mail-brand{border:0}.mail-row{min-height:80px}.reader-toolbar{position:static}.mail-detail{padding:22px}}
@media(prefers-reduced-motion:reduce){button,.mail-row{transition:none}}


/* ============================================================
   MAILLY ENTERPRISE REFRESH — visual-only enhancement
   Built on current main. No selectors used by JS are renamed.
   ============================================================ */
:root{
  font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  color:#172c4a;
  background:#f7f9fc;
  --mailly-navy:#122c4b;
  --mailly-accent:#1670e8;
  --mailly-border:#e3eaf3;
  --mailly-muted:#70829c;
}
body{color:var(--mailly-navy);letter-spacing:-.005em}
button,input,select,textarea{font-family:inherit}
button{border-radius:8px;border-color:#dae4f1;font-size:12.5px;font-weight:550;transition:background .12s ease,border-color .12s ease}
button:hover:not(:disabled){filter:none;background:#eef4fd;border-color:#b8cde7}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2780e9;outline-offset:2px}
button.primary,.unified-root .compose-btn{background:var(--mailly-accent)!important;border:1px solid var(--mailly-accent)!important;color:#fff!important}
button.primary:hover:not(:disabled),.unified-root .compose-btn:hover:not(:disabled){background:#095cce!important}
input,select,textarea{background:#fff;color:#183656;border-color:#d6e1ee;border-radius:8px}
input::placeholder,textarea::placeholder{color:#92a1b4}
.unified-root{background:#fff}
.unified-root .mail-app{grid-template-columns:225px minmax(320px,385px) minmax(350px,1fr);border:none;background:#fff}
.unified-root .mail-app.settings-mode{grid-template-columns:225px minmax(0,1fr)}
.unified-root .mail-folders{background:#f8fafd;border-right:1px solid var(--mailly-border);padding:18px 13px}
.mail-brand{border-bottom:1px solid #e8edf4;margin-bottom:12px;padding:0 6px 13px}
.mail-brand img{width:165px;max-width:100%;max-height:65px;object-fit:contain;object-position:left center}
.mail-identity{margin:9px 7px 15px;color:#64758e;font-size:12px}
.mail-identity strong{color:#1b3657;font-size:12px}
.badge{background:#e7f5f2;border:1px solid #d4ede6;color:#17796d;border-radius:7px;font-size:10.5px;font-weight:700;padding:4px 9px}
.unified-root .compose-btn{height:42px;border-radius:8px;font-weight:700;margin-bottom:10px;box-shadow:0 3px 9px #176ce515}
.folder-heading{color:#8290a6;letter-spacing:.11em;font-size:10px;font-weight:700;margin:18px 7px 7px}
.unified-root .folder-item{border-radius:8px;min-height:36px;margin:2px 0;padding:9px 10px;color:#455b77;font-weight:550;font-size:12.5px;line-height:1.25}
.unified-root .folder-item.active,.unified-root .mail-folders [data-view].active{background:#e5f0ff;color:#1263cd;font-weight:750}
.unified-root .folder-item:hover:not(.active){background:#eff4fa}
.folder-item span{margin-right:10px;color:#3979be}
.unified-root .folder-bottom{border-top:1px solid #e5ecf4;padding:13px 3px;gap:7px}
.unified-root .folder-bottom button{background:#fff}
.workspace-picker-label{color:#75849a;font-size:10px}
.sidebar-workspace-picker{border:1px solid #dce4ef;border-radius:8px;background:white!important;font-size:12px;min-height:38px}
.unified-root .mail-list{border-right:1px solid var(--mailly-border);background:#fff}
.mail-list-head{padding:18px 15px 14px;background:#fff;border-bottom:1px solid #e6ebf3}
.mail-list-head h2{color:#183250;font-size:20px;letter-spacing:-.035em;font-weight:750;margin:0 0 12px}
.mail-list-head select{height:40px;margin:0 0 10px;font-size:12.5px}
.searchbar{gap:7px;align-items:center}
.searchbar input{height:39px;margin:0;font-size:12.5px}
.searchbar button{height:39px;min-width:39px;padding:0 10px}
.unified-root .email-scroll{scrollbar-width:thin;scrollbar-color:#bdcbdb transparent}
.mail-row{background:#fff;border-bottom:1px solid #ebeff5;border-left:3px solid transparent;min-height:95px;padding:15px 13px;gap:6px;transition:background-color .12s}
.mail-row:hover{background:#f6f9fe}
.mail-row.selected{background:#eaf2ff;border-left-color:#2475ed}
.row-sender{color:#1e3859;font-size:12.5px;font-weight:730}
.row-subject{color:#273f5f;font-size:12.5px;font-weight:650}
.row-snippet,.row-date{color:#798ba2;font-size:11.5px;line-height:1.4}
.unified-root .mail-reader{background:#fff}
.reader-toolbar{background:#fff;position:sticky;top:0;z-index:3;border-bottom:1px solid #e5eaf2;padding:13px 20px;gap:6px}
.reader-toolbar button{background:#fff;border:1px solid #dae4f0;border-radius:7px;padding:8px 11px;font-size:12px;min-height:35px}
.reader-toolbar button:hover{background:#f2f7fe}
.mail-detail{padding:29px clamp(22px,3vw,46px);max-width:1150px}
.mail-detail h2{font-size:23px;line-height:1.3;color:#132d4d;font-weight:750;letter-spacing:-.035em;margin:10px 0 19px}
.mail-detail .dim{color:#70839b;font-size:12px}
.reader-body{color:#324a68;font-size:13.5px;line-height:1.85;margin-top:25px;max-width:85ch;overflow-wrap:anywhere}
.empty{color:#8695a9;padding:70px 26px}
.empty h2,.empty h3{color:#2a4261}
.mail-settings-pane{background:#f7f9fc;padding:28px clamp(22px,3vw,44px)}
.mail-settings-pane h1{color:#142f50;font-size:24px;letter-spacing:-.03em}
.mail-settings-pane .card{background:#fff;border:1px solid #e3eaf3;border-radius:12px;box-shadow:0 2px 14px #1c3c6008}
.compose-overlay{background:#112c4f65;backdrop-filter:blur(2px)}
.compose-window,.confirm-dialog{border-radius:13px;border:1px solid #e0e7f0;box-shadow:0 25px 70px #0f29484d}
.compose-title{color:#1b3453}
.compose-window textarea{line-height:1.65}
.mail-snackbar{box-shadow:0 9px 28px #10274430;border-radius:9px}
@media(max-width:1250px){
  .unified-root .mail-app{grid-template-columns:190px minmax(280px,340px) minmax(290px,1fr)}
  .unified-root .mail-app.settings-mode{grid-template-columns:190px minmax(0,1fr)}
  .unified-root .mail-folders{padding:12px 9px}
  .mail-detail{padding:24px}
  .reader-toolbar{padding:10px 12px}
}
@media(max-width:800px){
  .unified-root .mail-app,.unified-root .mail-app.settings-mode{display:flex;flex-direction:column}
  .unified-root .mail-folders{display:flex;flex-wrap:wrap;flex-direction:row;max-height:none;padding:12px}
  .unified-root .folder-item{width:auto}
  .unified-root .compose-btn{width:auto}
  .mail-brand{border:0;margin:0;padding:0}
  .mail-list-head{padding:12px}
  .unified-root .mail-list{min-height:240px;max-height:52dvh}
  .unified-root .mail-reader{min-height:180px;max-height:42dvh}
  .reader-toolbar{position:static}
  .mail-detail{padding:18px}
  .mail-settings-pane{padding:15px}
}
@media(prefers-reduced-motion:reduce){button,.mail-row{transition:none}}

/* Consistent Font Awesome icon spacing within existing actionable controls */
.unified-root button>.fa-solid,.unified-root button>.fa-regular,.unified-root button>.fa-brands{width:1.2em;text-align:center;margin-right:6px;vertical-align:-.05em}
.unified-root .searchbar button>.fa-solid,.unified-root #closeCompose>.fa-solid,.unified-root #dismissSnackbar>.fa-solid{margin-right:0}
.unified-root .folder-symbol{display:inline-flex;align-items:center;justify-content:center;width:19px;color:#4275a8;margin-right:10px}
.unified-root .folder-item.active .folder-symbol{color:#1263cd}
.unified-root .refresh-icon.spinning{display:inline-block}
.unified-root .big-icon .fa-regular{font-size:40px;color:#9ab4d6}

/* Isolated HTML email display: iframe contents cannot style or script the app. */
.email-html-notice{margin:22px 0 10px;padding:9px 12px;border:1px solid #e2eaf4;border-radius:8px;background:#f7faff;color:#667990;font-size:12px;line-height:1.5}
.email-html-frame{display:block;width:100%;height:min(70vh,720px);min-height:360px;border:1px solid #e5ebf4;border-radius:8px;background:#fff}
@media(max-width:800px){.email-html-frame{height:55vh;min-height:320px}}