:root{--bg:#f7f8fc;--surface:#fff;--soft:#f2f4f9;--ink:#192135;--muted:#8c95a7;--line:#e5e8ef;--accent:#5f63e9;--mint:#54b999;--purple:#9279ed;--blue:#659bda;--orange:#e7a45c;--shadow:0 16px 42px #1e2a4a0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;background:var(--surface);border-right:1px solid var(--line);padding:27px 17px 18px;display:flex;flex-direction:column}.brand{font:800 22px Manrope;color:var(--ink);letter-spacing:-.08em;text-decoration:none;padding:0 10px;margin-bottom:31px}.brand span,.brand b{color:var(--accent)}.brand em{font:700 9px 'DM Sans';letter-spacing:0;color:var(--muted);background:var(--soft);padding:3px 5px;border-radius:4px;font-style:normal;margin-left:4px}.compose-button{height:46px;border:0;border-radius:9px;background:var(--accent);color:#fff;font:700 12px 'DM Sans';box-shadow:0 9px 20px #5f63e934;cursor:pointer;margin-bottom:25px}.compose-button:hover,.primary:hover{background:#4f54d8;transform:translateY(-1px)}.main-nav{display:grid;gap:3px}.main-nav button,.account-list>button,.settings-link{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:7px;color:#707b8f;text-align:left;padding:10px 11px;font:600 12px 'DM Sans';cursor:pointer}.main-nav button i{width:17px;font-style:normal;font-size:17px;text-align:center}.main-nav button b,.account-list b{margin-left:auto;font-size:9px;color:var(--accent);background:#ebecff;border-radius:9px;padding:3px 6px}.main-nav button.active,.main-nav button:hover,.account-list>button:hover{background:#f0f1ff;color:var(--accent)}.pulse{height:6px;width:6px;background:var(--mint)!important;border-radius:50%!important;padding:0!important}.account-list{border-top:1px solid var(--line);margin-top:23px;padding-top:18px}.section-label{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:800;padding:0 10px 9px;display:flex;justify-content:space-between}.section-label button{border:0;background:transparent;color:var(--accent);font-size:17px;cursor:pointer}.account-list>button{font-size:11px;padding-top:8px;padding-bottom:8px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.all{background:linear-gradient(135deg,var(--accent) 50%,var(--orange) 50%)}.work{background:var(--mint)}.personal{background:var(--purple)}.studio{background:var(--blue)}.sidebar-footer{margin-top:auto}.storage-summary{display:grid;grid-template-columns:1fr auto;gap:6px;width:100%;border:0;background:var(--soft);border-radius:9px;padding:13px;text-align:left;color:var(--ink);cursor:pointer}.storage-summary span{display:grid;gap:3px;font-size:10px}.storage-summary small{font-size:9px;color:var(--muted)}.storage-summary strong{font-size:10px}.storage-summary>i{grid-column:1/-1;height:5px;background:#e0e4ec;border-radius:5px}.storage-summary em{display:block;height:100%;width:45%;background:var(--accent);border-radius:5px}.settings-link{margin:10px 0 11px}.profile{border-top:1px solid var(--line);padding:14px 4px 0;display:flex;align-items:center;gap:8px}.profile>span{width:29px;height:29px;border-radius:50%;background:#202a42;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.profile div{display:grid;gap:2px;flex:1}.profile b{font-size:11px}.profile small{font-size:9px;color:var(--muted)}.profile i{font-style:normal;color:var(--muted)}.workspace{flex:1;min-width:0}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 42px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(15px)}.crumb{display:flex;align-items:center;gap:10px;font-size:12px}.crumb span{color:var(--muted)}.crumb i{font-style:normal;color:#c5cad5}.top-actions{display:flex;gap:8px;align-items:center}.global-search{border:1px solid var(--line);background:var(--surface);border-radius:7px;height:37px;width:258px;display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--muted);font-size:18px}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:11px 'DM Sans'}.global-search kbd{font-size:9px;border:1px solid var(--line);border-radius:4px;padding:3px;color:var(--muted)}.icon-action{border:0;background:transparent;color:var(--muted);width:29px;height:29px;border-radius:6px;font-size:17px;cursor:pointer}.icon-action:hover{background:var(--soft);color:var(--accent)}.notification{position:relative}.notification:after{content:'';width:5px;height:5px;background:#ea7b72;border-radius:50%;position:absolute;right:4px;top:4px}.content{max-width:1370px;padding:42px;margin:auto}.home-head,.inbox-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.13em;color:var(--muted)}h1{font:800 29px Manrope;letter-spacing:-.07em;margin:8px 0 6px}h2{font:800 23px Manrope;letter-spacing:-.06em}.home-head p{margin:0;color:var(--muted);font-size:12px}.ghost,.inbox-toolbar button{border:1px solid var(--line);background:var(--surface);color:#758095;border-radius:7px;padding:9px 11px;font:700 10px 'DM Sans';cursor:pointer}.home-grid{display:grid;grid-template-columns:minmax(440px,1fr) 265px;gap:22px}.next-card,.side-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.next-card{padding:24px}.person-line{display:flex;align-items:center;gap:10px;margin:23px 0}.person-line div{display:grid;gap:4px}.person-line b{font-size:12px}.person-line small{font-size:10px;color:var(--muted)}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;flex:none}.purple{background:var(--purple)}.mint{background:var(--mint)}.blue{background:var(--blue)}.orange{background:var(--orange)}.next-card h2{margin:0 0 9px}.next-card>p{font-size:12px;line-height:1.65;color:#6c778a;max-width:620px}.route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;padding:14px 0;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.route b{color:var(--ink)}.route i{font-style:normal;color:#b4bac8;margin:0 5px}.next-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.primary{border:0;background:var(--accent);color:#fff;border-radius:7px;padding:10px 13px;font:800 10px 'DM Sans';cursor:pointer;box-shadow:0 7px 16px #5f63e925}.home aside{display:grid;align-content:start;gap:12px}.side-card{padding:16px}.side-card header{display:flex;justify-content:space-between}.side-card header b{font-size:11px}.side-card header button{border:0;background:transparent;color:var(--accent);font-size:18px}.stat{display:flex;gap:8px;align-items:center;margin:18px 0 9px}.stat b{font:800 30px Manrope;letter-spacing:-.06em}.stat span,.side-card small{font-size:10px;color:var(--muted)}.meter{height:5px;background:var(--soft);display:block;border-radius:4px;overflow:hidden}.meter em{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--accent),#9190f7);border-radius:4px}.side-card>button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;padding:8px 0;color:var(--muted);font-size:10px;text-align:left}.side-card>button b{margin-left:auto;color:var(--ink)}.tip{background:#232944;color:#c8cfdf;border-radius:9px;padding:13px;display:flex;gap:8px;font-size:10px;line-height:1.5}.tip:first-letter{color:#a9a6ff}.upnext{max-width:760px;margin-top:30px}.upnext>.eyebrow{display:block;margin-bottom:7px}.mail-row{position:relative;display:grid;grid-template-columns:31px 1fr auto 8px;gap:10px;align-items:start;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:14px 3px;cursor:pointer}.mail-row:hover,.mail-row.selected{background:var(--surface);margin:0 -10px;padding-left:13px;padding-right:10px;border-radius:8px;box-shadow:var(--shadow)}.mail-info{min-width:0;display:grid;gap:3px}.mail-info b{font-size:10px}.mail-info b em{font-style:normal;font-size:9px;color:var(--accent);background:#ebecff;border-radius:8px;padding:2px 5px;margin-left:4px}.mail-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-info small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row time{font-size:9px;color:var(--muted)}.unread .mail-info b,.unread .mail-info strong{font-weight:800}.unread-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;margin-top:4px}.inbox-layout{display:grid;grid-template-columns:430px 1fr;min-height:690px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.inbox-pane{border-right:1px solid var(--line);padding:25px 18px}.inbox-head{margin-bottom:20px}.inbox-head h1{font-size:25px}.segmented{display:flex;background:var(--soft);padding:3px;border-radius:7px}.segmented button{border:0;background:transparent;color:var(--muted);font:700 9px 'DM Sans';padding:6px 8px;border-radius:5px}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #1720330a}.inbox-toolbar{display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.inbox-toolbar span{font-size:9px;color:var(--muted);flex:1}.inbox-toolbar button{padding:7px 8px;font-size:9px}.spam-notice{font-size:10px;color:#9b743e;background:#fff8eb;border:1px solid #f1e0be;padding:10px;border-radius:7px;margin-bottom:12px}.reader-pane{overflow:auto;padding:31px 42px}.conversation{max-width:690px;margin:auto}.conversation-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.conversation-head h2{margin:7px 0 5px}.conversation-head p{margin:0;font-size:10px;color:var(--muted)}.conversation-head>div:last-child{display:flex;gap:5px}.conversation-head button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;height:30px;width:30px}.message-stack{display:grid;gap:8px}.message{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.message>button{display:flex;width:100%;align-items:center;gap:9px;border:0;background:transparent;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink)}.message>button>span{display:grid;gap:3px;flex:1}.message b{font-size:10px}.message b em{font-size:8px;color:var(--accent);font-style:normal}.message small,.message time{font-size:9px;color:var(--muted)}.message>button i{font-style:normal;color:var(--muted)}.message-body{display:none;padding:0 48px 17px;color:#6b7689;font-size:11px;line-height:1.65}.message.open .message-body{display:block}.identity-chip{display:inline-block;color:var(--accent);background:#ebecff;border-radius:5px;padding:5px 7px;font-size:9px;margin-bottom:12px}.identity-chip.sent{background:#e9f7f1;color:#348d70}.attachment{border:1px solid var(--line);border-radius:6px;padding:9px;color:var(--ink);font-size:10px}.attachment small{margin-left:6px}.sent-state{color:#348d70;background:#ebf8f3;border-radius:7px;padding:10px;margin-top:10px;font-size:10px}.reply{border:1px solid #c5c4fa;border-radius:9px;padding:14px;margin-top:14px}.reply>div:first-child{display:flex;justify-content:space-between;font-size:10px}.reply label{font-size:9px;color:var(--muted)}.reply select{border:0;background:transparent;color:var(--accent);font:700 9px 'DM Sans'}.reply textarea{display:block;width:100%;height:92px;border:0;outline:0;resize:none;padding:13px 0;font:11px 'DM Sans';color:var(--ink);background:transparent}.reply footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:9px}.overlay{position:fixed;inset:0;background:#17203365;backdrop-filter:blur(6px);z-index:5;display:grid;place-items:center}.modal{width:min(500px,calc(100vw - 32px));background:var(--surface);border-radius:13px;box-shadow:0 25px 80px #1720333d;padding:25px;position:relative}.modal.wide{width:min(600px,calc(100vw - 32px))}.modal h2{margin:7px 0 22px}.close{position:absolute;right:17px;top:17px;border:0;background:var(--soft);color:var(--muted);width:28px;height:28px;border-radius:6px;font-size:20px}.modal label{display:grid;gap:6px;font-size:10px;color:var(--muted);font-weight:700;margin-bottom:13px}.modal input,.modal select,.modal textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:11px;font:11px 'DM Sans';outline:0}.modal textarea{height:130px;resize:vertical;margin-bottom:13px}.intro{font-size:11px;color:var(--muted);line-height:1.6;margin-top:-12px}.identity-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:13px 0}.identity-row div{display:grid;gap:3px;flex:1}.identity-row b{font-size:11px}.identity-row small{font-size:9px;color:var(--muted)}.identity-row select{width:auto;font-size:9px;padding:7px}.outline{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:7px;padding:9px;font:700 10px 'DM Sans'}.storage-ring{width:88px;height:88px;border:9px solid #e3e5fa;border-top-color:var(--accent);border-right-color:var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;font:800 17px Manrope;color:var(--accent);margin:0 auto 22px}.storage-ring small{font:700 8px 'DM Sans';color:var(--muted)}.storage-row{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:11px;font-size:10px}.storage-row i{grid-column:1/-1;height:5px;background:var(--soft);border-radius:5px}.storage-row em{display:block;height:100%;background:var(--mint);border-radius:5px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.switch-row span{display:grid;gap:3px}.switch-row small{font-size:9px}.switch-row input{width:34px;height:20px;accent-color:var(--accent)}.modal hr{border:0;border-top:1px solid var(--line);margin:20px 0}.toast{position:fixed;z-index:10;right:25px;bottom:24px;background:#222a41;color:#fff;border-radius:8px;padding:12px 15px;font-size:11px;box-shadow:0 15px 32px #17203330}.hidden{display:none}.empty{padding:60px 15px;text-align:center;color:var(--muted);font-size:11px}
.dark{--bg:#111522;--surface:#1b2130;--soft:#252c3d;--ink:#f1f3f9;--muted:#9ca6ba;--line:#30394c;--shadow:0 16px 42px #0003}.dark .topbar{background:#151a28e8}.dark .main-nav button.active,.dark .main-nav button:hover,.dark .account-list>button:hover{background:#2a304b;color:#b3b2ff}.dark .global-search,.dark .mail-row:hover,.dark .mail-row.selected{background:var(--surface)}.dark .spam-notice{background:#332b1e;border-color:#5e4c2d;color:#d6bb87}.dark .tip{background:#242943}.dark .identity-chip{background:#2b3154;color:#b7b7ff}.dark .identity-chip.sent{background:#203b34;color:#81c9af}.dark .storage-summary>i{background:#343d51}.dark .route{border-color:var(--line)}
.inbox-layout{grid-template-columns:470px minmax(0,1fr);background:#fbfcff}.inbox-pane{padding:28px 20px;background:#fbfcff}.inbox-head{margin-bottom:25px}.inbox-toolbar{padding:0 2px 14px}.mail-list{display:grid;gap:3px}.mail-row{border-bottom:0;border-radius:10px;padding:14px 10px;margin:0}.mail-row:hover,.mail-row.selected{margin:0;padding:14px 10px;background:var(--surface);box-shadow:0 7px 20px #1e2a4a0b}.mail-row.selected{box-shadow:inset 3px 0 0 var(--accent),0 7px 20px #1e2a4a0b}.mail-info{gap:4px}.mail-info b{font-size:11px}.mail-info strong{font-size:12px;letter-spacing:-.01em}.mail-info small{font-size:10px;line-height:1.35}.reader-pane{padding:38px 50px;background:var(--surface)}.conversation{max-width:650px}.conversation-head{padding-bottom:19px;border-bottom:1px solid var(--line);margin-bottom:15px}.conversation-head h2{font-size:25px}.conversation-head p{font-size:10px}.message{border-radius:10px}.message>button{padding:13px 15px}.message>button>.message-sender{display:grid;gap:3px;flex:1;min-width:0}.message>button>.message-sender b{font-size:11px}.message>button>.message-sender small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-body{padding-left:55px;padding-right:25px}.message.open{box-shadow:0 7px 18px #17203308}.reply{margin-top:18px;border-radius:10px}.dark .inbox-layout,.dark .inbox-pane{background:#171c2a}.dark .mail-row.selected,.dark .mail-row:hover{background:var(--surface);box-shadow:inset 3px 0 0 #aaa9ff,0 8px 20px #0003}.dark .reader-pane{background:var(--surface)}
.message>button>.avatar{display:grid;flex:none;width:31px;height:31px;min-width:31px;min-height:31px;max-width:31px;max-height:31px}
.content{max-width:none;padding:24px 28px}.inbox-layout{grid-template-columns:400px minmax(560px,1fr);min-height:calc(100vh - 130px)}.inbox-pane{padding:31px 22px}.inbox-head h1{font-size:28px}.inbox-toolbar{padding-bottom:17px}.mail-list{gap:7px}.mail-row{grid-template-columns:38px 1fr auto 8px;gap:12px;padding:16px 11px}.mail-row:hover,.mail-row.selected{padding:16px 11px}.mail-row .avatar{width:36px;height:36px;font-size:10px}.mail-info{gap:5px}.mail-info b{font-size:12px}.mail-info b em{font-size:10px}.mail-info strong{font-size:13px;line-height:1.25}.mail-info small{font-size:11px;line-height:1.45;max-width:270px}.mail-row time{font-size:10px}.reader-pane{padding:44px 58px}.conversation{max-width:720px}.conversation-head{padding-bottom:22px;margin-bottom:19px}.conversation-head h2{font-size:29px;line-height:1.17;max-width:520px}.conversation-head p{font-size:11px}.message-stack{gap:10px}.message>button{padding:16px 17px;gap:11px}.message>button>.avatar{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;font-size:10px}.message>button>.message-sender b{font-size:12px}.message>button>.message-sender small,.message time{font-size:10px}.message-body{padding:2px 30px 22px 64px;font-size:13px;line-height:1.7}.message-body p{max-width:570px}.identity-chip{font-size:10px;margin-bottom:15px}.attachment{font-size:11px;padding:11px}.reply{padding:17px;margin-top:20px}.reply>div:first-child{font-size:12px}.reply label{font-size:10px}.reply textarea{height:112px;font-size:13px;line-height:1.55}.reply footer{font-size:10px}.primary{font-size:11px;padding:11px 15px}@media(max-width:1180px){.inbox-layout{grid-template-columns:385px minmax(0,1fr)}.reader-pane{padding:36px}.content{padding:22px}}@media(max-width:820px){.inbox-layout{grid-template-columns:360px minmax(0,1fr)}.reader-pane{padding:28px}.conversation-head h2{font-size:24px}}@media(max-width:720px){.content{padding:18px 12px}.inbox-layout{grid-template-columns:1fr;min-height:auto}.reader-pane{padding:26px 2px}.inbox-pane{padding:20px 4px}.mail-row{padding:15px 8px}.mail-row:hover,.mail-row.selected{padding:15px 8px}.conversation-head h2{font-size:24px}.message-body{padding:0 14px 18px;font-size:12px}}
@media(max-width:1000px){.sidebar{width:218px}.content{padding:28px}.inbox-layout{grid-template-columns:380px 1fr}.reader-pane{padding:26px}.home-grid{grid-template-columns:1fr}.home aside{grid-template-columns:1fr 1fr}.tip{display:none}}@media(max-width:720px){.sidebar{width:62px;padding:20px 8px}.brand{font-size:0;padding:0;text-align:center}.brand span{font-size:22px}.brand b,.brand em,.compose-button,.main-nav span,.main-nav button:not(:first-child) i+.x,.account-list,.sidebar-footer{display:none}.main-nav button{justify-content:center;padding:10px}.main-nav button i{font-size:19px}.topbar{height:65px;padding:0 15px}.crumb i,.crumb b{display:none}.global-search{width:38px;border:0;background:transparent;padding:0}.global-search input,.global-search kbd{display:none}.content{padding:22px 14px}.home-head{display:block}.home-head .ghost{margin-top:18px}.home-grid{display:block}.home aside{display:none}.inbox-layout{display:block;border:0;border-radius:0;box-shadow:none;background:transparent}.inbox-pane{border:0;padding:0}.reader-pane{padding:20px 0;margin-top:18px;border-top:1px solid var(--line)}.inbox-head{align-items:start}.segmented{margin-top:10px}.conversation-head h2{font-size:20px}.message-body{padding-left:14px;padding-right:14px}.reply label{display:none}.route{flex-wrap:wrap}.route i{display:none}}

/* Calm, single-purpose inbox: reading happens on a dedicated conversation page. */
.inbox-surface{max-width:1000px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:33px;box-shadow:var(--shadow)}
.inbox-surface .inbox-head{align-items:flex-end;margin-bottom:23px}.inbox-surface .inbox-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.inbox-controls{display:flex;align-items:center;gap:8px}.inbox-controls>button{border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:var(--surface);color:#758095;font:700 10px 'DM Sans';cursor:pointer}.inbox-controls>button:hover{border-color:#c9ceff;color:var(--accent);background:#f8f8ff}.inbox-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 3px 5px;color:var(--muted);font-size:10px}.inbox-summary b{color:var(--ink);font-size:11px}.full-list{margin-top:7px;gap:6px}.full-list .mail-row{grid-template-columns:42px minmax(0,1fr) auto 9px;gap:15px;padding:17px 13px;border:1px solid transparent}.full-list .mail-row:hover,.full-list .mail-row.selected{padding:17px 13px;border-color:#e9ebf7;background:#fafbff;box-shadow:0 8px 22px #1e2a4a0b}.full-list .mail-row.selected{box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #1e2a4a0b}.full-list .mail-row .avatar{width:38px;height:38px;font-size:10px}.full-list .mail-info b{font-size:12px}.full-list .mail-info strong{font-size:14px}.full-list .mail-info small{max-width:none;font-size:11px}.thread-page{max-width:860px;margin:0 auto;padding:6px 0 44px}.back-to-inbox{border:0;background:transparent;color:var(--muted);font:700 11px 'DM Sans';padding:9px 0 20px;cursor:pointer}.back-to-inbox:hover{color:var(--accent)}.thread-page .conversation{max-width:100%}.thread-page .conversation-head{margin-bottom:22px}.thread-page .conversation-head h2{font-size:31px;max-width:660px}.thread-page .message{border-radius:12px}.thread-page .reply{margin-top:22px}.dark .inbox-surface{background:#171c2a}.dark .full-list .mail-row:hover,.dark .full-list .mail-row.selected{background:var(--surface);border-color:#30394c;box-shadow:inset 3px 0 0 #aaa9ff,0 8px 22px #0003}
@media(max-width:720px){.app-shell{display:block}.workspace{min-height:100vh}.sidebar{position:fixed;z-index:10;bottom:0;left:0;width:100%;height:72px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(18px)}.sidebar .brand,.sidebar .compose-button,.sidebar .account-list,.sidebar .sidebar-footer{display:none}.main-nav{height:100%;grid-template-columns:repeat(6,minmax(52px,1fr));gap:2px;overflow-x:auto}.main-nav button,.main-nav button.active{min-width:52px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;border-radius:8px;font-size:8px;line-height:1.1;text-align:center}.main-nav button i{width:auto;height:18px;font-size:17px;line-height:17px}.main-nav button b{display:none}.content{padding:20px 14px 95px}.topbar{height:63px;padding:0 14px}.crumb{font-size:10px}.crumb i,.crumb b{display:none}.top-actions{gap:3px}.global-search{width:36px;height:36px;border:0;background:transparent;padding:0;justify-content:center}.global-search input,.global-search kbd{display:none}.icon-action{width:32px;height:32px}.inbox-surface{border:0;box-shadow:none;background:transparent;padding:0}.inbox-surface .inbox-head{display:block;margin-bottom:18px}.inbox-surface .inbox-head h1{font-size:28px}.inbox-controls{margin-top:14px;overflow:auto;padding:1px 0 4px;scrollbar-width:none}.inbox-controls::-webkit-scrollbar{display:none}.inbox-controls .segmented{margin-top:0;flex:none}.inbox-controls>button{flex:none}.inbox-summary{padding-top:13px}.full-list{gap:4px}.full-list .mail-row,.full-list .mail-row:hover,.full-list .mail-row.selected{padding:14px 7px}.full-list .mail-row{grid-template-columns:34px minmax(0,1fr) auto 6px;gap:9px;align-items:start}.full-list .mail-row .avatar{width:34px;height:34px;margin-top:2px}.full-list .mail-info{gap:3px}.full-list .mail-info b{font-size:11px}.full-list .mail-info strong{font-size:12px;line-height:1.3}.full-list .mail-info small{font-size:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.full-list .mail-row time{font-size:9px;padding-top:2px}.thread-page{padding-top:0}.thread-page .conversation-head{display:block}.thread-page .conversation-head h2{font-size:25px}.thread-page .conversation-head>div:last-child{margin-top:13px}.thread-page .message>button{padding:13px}.thread-page .message-body{padding:1px 15px 18px;font-size:12px}.thread-page .reply{padding:14px}.back-to-inbox{padding-bottom:14px}}
@media(max-width:390px){.content{padding-left:11px;padding-right:11px}.main-nav{grid-template-columns:repeat(6,56px);justify-content:start}.inbox-surface .inbox-head h1{font-size:26px}.inbox-controls{margin-left:-2px;margin-right:-2px}.inbox-controls>button{padding-left:9px;padding-right:9px}.inbox-summary{font-size:9px}.full-list .mail-row{grid-template-columns:32px minmax(0,1fr) auto 5px;gap:8px}.full-list .mail-row .avatar{width:32px;height:32px}.full-list .mail-info b{font-size:10px}.full-list .mail-info strong{font-size:11px}.full-list .mail-info small{font-size:9px}.thread-page .conversation-head h2{font-size:23px}}
/* Final Forest Teal dark-mode tokens: keep this last so the theme wins over legacy overrides. */
body.dark{--bg:#102f33;--surface:#173f43;--soft:#205255;--ink:#eff8f6;--muted:#a8c4c2;--line:#2f6264;--accent:#78c9bc;--mint:#58c6b5;--purple:#7da5a7;--blue:#78bfc5;--shadow:0 16px 42px #06191a99;background:var(--bg);color:var(--ink)}
body.dark .sidebar{background:#102f33;border-right-color:var(--line)}
body.dark .topbar{background:#12373be8;border-bottom-color:var(--line)}
body.dark .compose-button,body.dark .primary{background:#78c9bc;color:#0d292c}
body.dark .compose-button:hover,body.dark .primary:hover{background:#9addcf;color:#0b2729}
body.dark .next-card,body.dark .side-card,body.dark .inbox-surface,body.dark .message,body.dark .modal{background:#173f43;border-color:var(--line)}
body.dark .next-card>p,body.dark .message-body{color:#bad0cd}
body.dark h1,body.dark h2,body.dark .next-card h2,body.dark .route b,body.dark .profile b,body.dark .side-card header b,body.dark .inbox-summary b{color:var(--ink)}
body.dark .section-label,body.dark .eyebrow,body.dark .home-head p,body.dark .person-line small,body.dark .stat span,body.dark .side-card small,body.dark .route,body.dark .mail-row time,body.dark .conversation-head p,body.dark .message small,body.dark .message time,body.dark .reply label,body.dark .reply footer,body.dark .inbox-summary,body.dark .mail-categories small{color:#9bb8b5}
body.dark .main-nav button,body.dark .account-list>button,body.dark .settings-link,body.dark .ghost,body.dark .inbox-controls>button{color:#a8c4c2}
body.dark .main-nav button.active,body.dark .main-nav button:hover,body.dark .account-list>button:hover{background:#245b5d;color:#d7f2ed}
body.dark .global-search,body.dark .modal input,body.dark .modal select,body.dark .modal textarea{border-color:var(--line);background:#143538;color:var(--ink)}
body.dark .global-search input{color:var(--ink)}
body.dark .global-search kbd{border-color:#376b6c;background:#1c4a4e;color:#9bb8b5}
body.dark .icon-action{color:#9bb8b5}body.dark .icon-action:hover{background:#205255;color:#d7f2ed}
body.dark .storage-summary{background:#173f43;color:var(--ink)}body.dark .storage-summary>i,body.dark .meter,body.dark .storage-row i{background:#285759}
body.dark .storage-summary em{background:#78c9bc}
body.dark .mail-row:hover,body.dark .mail-row.selected,body.dark .full-list .mail-row:hover,body.dark .full-list .mail-row.selected{background:#1c4a4e;border-color:#347174;box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #06191a99}
body.dark .mail-info strong,body.dark .mail-subject strong,body.dark .mail-sender b,body.dark .mail-info b,body.dark .message>button{color:var(--ink)}
body.dark .mail-info small,body.dark .mail-subject small,body.dark .mail-sender small,body.dark .mail-identity{color:#9bb8b5}
body.dark .mail-categories{border-bottom-color:var(--line)}body.dark .mail-categories button{color:#9bb8b5}body.dark .mail-categories button:hover{background:#205255;color:var(--ink)}body.dark .mail-categories button.active{background:#286467;color:#d7f2ed}
body.dark .conversation-head{border-bottom-color:var(--line)}body.dark .conversation-head button{border-color:var(--line);background:#173f43;color:#9bb8b5}
body.dark .message>button i{color:#9bb8b5}body.dark .attachment{border-color:var(--line);background:#143538;color:var(--ink)}
body.dark .reply{border-color:#3c7776;background:#143538}body.dark .reply textarea{color:var(--ink)}body.dark .reply footer{border-top-color:var(--line)}
body.dark .outline{border-color:#4e8887;background:transparent;color:#9addcf}body.dark .close{background:#205255;color:#a8c4c2}
body.dark .tip{background:#0d292c;border-color:#285759;color:#d1e8e4}body.dark .sent-state{background:#1b4b43;color:#9addcf}
/* Quiet dark mode: charcoal first, Forest Teal only as an accent. */
body.dark{--bg:#101214;--surface:#17191b;--soft:#222628;--ink:#eceff0;--muted:#a0a8aa;--line:#2b3032;--accent:#6bc3b5;--mint:#62c6b5;--purple:#829092;--blue:#78aeb2;--shadow:0 18px 48px #0008;background:#101214;color:#eceff0}
body.dark .sidebar{background:#101214;border-right-color:#252a2c}
body.dark .topbar{background:#101214e8;border-bottom-color:#252a2c}
body.dark .compose-button,body.dark .primary{background:#6bc3b5;color:#0b1718;box-shadow:0 8px 22px #0006}
body.dark .compose-button:hover,body.dark .primary:hover{background:#8ad8ca;color:#071011}
body.dark .next-card,body.dark .side-card,body.dark .inbox-surface,body.dark .message,body.dark .modal{background:#17191b;border-color:#2b3032}
body.dark .global-search,body.dark .modal input,body.dark .modal select,body.dark .modal textarea{background:#17191b;border-color:#343b3d;color:#eceff0}
body.dark .storage-summary{background:#17191b;color:#eceff0}
body.dark .storage-summary>i,body.dark .meter,body.dark .storage-row i{background:#2a3032}
body.dark .mail-row:hover,body.dark .mail-row.selected,body.dark .full-list .mail-row:hover,body.dark .full-list .mail-row.selected{background:#222628;border-color:#3e6f6b;box-shadow:inset 3px 0 0 #6bc3b5,0 8px 24px #0007}
body.dark .segmented,body.dark .mail-categories button.active{background:#222628}
body.dark .segmented button.active,body.dark .mail-categories button.active{color:#b9eee5}
body.dark .mail-categories button span,body.dark .main-nav button b,body.dark .account-list b,body.dark .mail-info b em,body.dark .identity-chip{background:#203b3c;color:#b9eee5}
body.dark .reply{background:#141617;border-color:#3e6f6b}
body.dark .attachment{background:#141617;border-color:#2b3032}
body.dark .tip{background:#191d1f;border-color:#343b3d;color:#d2d9da}
body.dark .sent-state{background:#173b35;color:#9adace}
body.dark .rule-icon{background:#2b3032;color:#9adace}
body.dark .storage-ring{background:#17191b;border-color:#2a3032;border-top-color:#6bc3b5;border-right-color:#6bc3b5}
/* Desktop conversation view: use the available workspace without sacrificing readability. */
@media(min-width:721px){
.thread-page{max-width:1180px}
.thread-page .conversation{max-width:100%}
.thread-page .conversation-head{max-width:1080px}
.thread-page .message-stack{max-width:1080px}
.thread-page .message-body{max-width:900px}
.thread-page .reply{max-width:900px}
}

/* Product pass: roomy composer, purposeful utility controls and full settings. */
.theme-toggle{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;cursor:pointer}
.theme-toggle span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:13px}
body:not(.dark) .theme-toggle span:first-child,.dark .theme-toggle span:last-child{background:var(--soft);color:var(--accent)}
.theme-toggle:hover{border-color:var(--accent)}
.modal-titlebar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.modal-titlebar h2{margin:4px 0 0}.modal-titlebar .close{position:static;flex:0 0 auto}
.compose-modal{width:min(900px,calc(100vw - 48px));max-width:none;min-height:min(700px,calc(100vh - 44px));padding:30px 32px 20px;display:flex;flex-direction:column}
.composer-addresses{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 1px 0 rgb(20 30 32 / .02)}.composer-field{display:grid;grid-template-columns:104px 1fr;align-items:center;margin:0;padding:0 17px;min-height:56px;border-bottom:1px solid var(--line);transition:background .16s}
.composer-field:focus-within{background:var(--soft)}.composer-field span{font-weight:800;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.composer-field input{border:0!important;box-shadow:none!important;background:transparent!important;padding:14px 0!important;font-size:14px}.composer-field input::placeholder{color:var(--muted);opacity:.72}.subject-field{min-height:62px}.subject-field input{font-weight:700;color:var(--ink);font-size:15px}
.recipient-options{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:38px;padding:0 16px;background:var(--soft);border-bottom:1px solid var(--line)}.recipient-options span{margin-right:auto;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.recipient-options button{border:1px solid transparent;border-radius:6px;background:transparent;padding:4px 7px;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.recipient-options button.active,.recipient-options button:hover{border-color:var(--line);background:var(--surface);color:var(--accent)}
.composer-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 0 12px;padding:11px 14px;border-radius:9px;background:var(--soft);color:var(--muted);font-size:12px}.composer-meta label{display:flex;gap:9px;align-items:center;font-weight:700}.composer-meta label>span{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.composer-meta select{border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;padding:0}.compose-editor{display:flex;flex-direction:column;flex:1;min-height:270px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.compose-editor>span{padding:11px 16px;border-bottom:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em}.compose-body{min-height:220px;flex:1;width:100%;resize:none;border:0!important;box-shadow:none!important;background:transparent!important;padding:18px!important;line-height:1.7;font:inherit;font-size:15px;color:var(--ink)}
.compose-attachments{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:42px;padding:11px 2px 4px;color:var(--muted);font-size:12px}.compose-file{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink)}.compose-file button{border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer}
.compose-footer{display:flex;align-items:center;gap:15px;padding-top:14px}.compose-footer>span{color:var(--muted);font-size:12px;margin-right:auto}.attach-button{padding:9px 11px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;color:var(--ink)}.attach-button:hover{border-color:var(--accent);color:var(--accent)}
.storage-modal,.settings-modal{width:min(840px,calc(100vw - 48px));max-width:none}.storage-hero{display:flex;gap:28px;align-items:center;padding:4px 0 25px}.storage-hero strong{font-size:30px;letter-spacing:-1px}.storage-hero strong small{font-size:15px;color:var(--muted);font-weight:600}.storage-hero p{margin:6px 0 14px;color:var(--muted)}
.storage-ring{--storage:45%;width:128px;height:128px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--accent) var(--storage),var(--soft) 0);position:relative;border:0}.storage-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--surface)}.storage-ring b,.storage-ring small{position:relative;z-index:1}.storage-ring b{font-size:23px}.storage-ring small{color:var(--muted);font-size:11px}
.storage-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:20px}.storage-breakdown div{padding:14px;border-radius:11px;background:var(--soft)}.storage-breakdown span{display:block;font-size:13px;font-weight:700}.storage-breakdown b{display:block;margin:12px 0 3px;font-size:20px}.storage-breakdown small{color:var(--muted);font-size:12px}.modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.settings-layout{display:grid;grid-template-columns:190px 1fr;min-height:430px;border-top:1px solid var(--line)}.settings-layout nav{padding:17px 16px 17px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.settings-layout nav button{border:0;border-radius:8px;background:transparent;text-align:left;padding:10px 11px;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.settings-layout nav button.active,.settings-layout nav button:hover{background:var(--soft);color:var(--ink)}.settings-content{padding:25px 0 12px 28px}.settings-content h3{font-size:19px;margin:0}.settings-intro{color:var(--muted);line-height:1.5;margin:7px 0 18px}.setting-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.setting-row b,.setting-row small{display:block}.setting-row small{margin-top:3px;color:var(--muted);line-height:1.35}.switch{width:40px;height:23px;border-radius:999px;background:#b6c0c1;padding:3px;flex:0 0 auto;transition:.2s}.switch em{display:block;width:17px;height:17px;background:#fff;border-radius:50%;transition:.2s}.switch.on{background:var(--accent)}.switch.on em{transform:translateX(17px)}.settings-info{padding:16px;border-radius:10px;background:var(--soft)}.settings-info b,.settings-info small{display:block}.settings-info small{color:var(--muted);margin:4px 0 12px}.settings-account{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.settings-account span{margin-right:auto}.settings-account b,.settings-account small{display:block}.settings-account small{color:var(--muted);font-size:12px;margin-top:3px}.add-account{margin-top:16px}
.conversation-actions{display:flex;align-items:center;gap:8px}.restore-button{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;padding:8px 11px!important;font-size:12px!important;font-weight:800}.dark .restore-button{color:#102223!important}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.help-grid span{padding:14px;border-radius:10px;background:var(--soft)}.help-grid b{display:block;font-size:12px;margin-top:18px}.help-grid kbd{border:1px solid var(--line);border-radius:5px;padding:4px 6px;background:var(--surface);font:600 12px inherit}.notification-item{padding:14px 0;border-bottom:1px solid var(--line)}.notification-item b,.notification-item small{display:block}.notification-item small{color:var(--muted);margin-top:4px}.simple-modal{width:min(510px,calc(100vw - 40px))}
.dark .theme-toggle{background:var(--surface);border-color:var(--line)}.dark .compose-file,.dark .storage-breakdown div,.dark .settings-info,.dark .help-grid span{background:var(--soft)}.dark .composer-meta select,.dark .compose-body{color:var(--ink)}
@media(max-width:720px){.compose-modal,.storage-modal,.settings-modal{width:calc(100vw - 20px);min-height:0;padding:20px}.recipient-options{right:50px}.composer-meta{align-items:flex-start;gap:8px;flex-direction:column}.storage-breakdown{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-layout nav{border-right:0;border-bottom:1px solid var(--line);padding:10px 0;flex-direction:row;overflow:auto}.settings-layout nav button{white-space:nowrap}.settings-content{padding:22px 0}.help-grid{grid-template-columns:1fr}.compose-footer{flex-wrap:wrap}.compose-footer>span{display:none}.compose-footer .primary{margin-left:auto}}

/* Floating composer direction: one calm card, not a stack of cards. */
.overlay:has(.compose-modal){padding:28px;background:rgb(9 26 28 / .48);backdrop-filter:blur(7px)}
.compose-modal{width:min(820px,calc(100vw - 56px));min-height:min(670px,calc(100vh - 56px));padding:0;border:1px solid rgb(255 255 255 / .64);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 32px 86px rgb(5 20 22 / .30)}
.compose-modal:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--accent),#73c7bd 55%,#b9e4dc)}
.compose-modal .modal-titlebar{align-items:center;margin:0;padding:21px 25px 17px}.compose-modal .modal-titlebar h2{font-size:20px;letter-spacing:-.03em}.compose-modal .modal-titlebar .eyebrow{font-size:10px}.compose-modal .close{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.compose-modal .close:hover{color:var(--ink);border-color:var(--accent)}
.compose-modal .composer-addresses{margin:0 25px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.compose-modal .composer-field{grid-template-columns:76px 1fr;min-height:50px;padding:0;border-bottom:1px solid var(--line);background:transparent}.compose-modal .composer-field:focus-within{background:transparent}.compose-modal .composer-field span{font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:700}.compose-modal .composer-field input{font-size:14px;padding:12px 0!important}.compose-modal .subject-field{min-height:57px}.compose-modal .subject-field input{font-size:15px;font-weight:700}.compose-modal .recipient-options{position:static;justify-content:flex-end;gap:4px;min-height:0;padding:0;border:0;background:transparent}.compose-modal .recipient-options button{padding:4px 6px;border:0;border-radius:5px;font-size:12px;color:var(--muted)}.compose-modal .recipient-options button.active,.compose-modal .recipient-options button:hover{background:var(--soft);color:var(--accent)}
.compose-modal .composer-meta{margin:0 25px;padding:11px 0;border-radius:0;background:transparent;color:var(--muted);font-size:12px}.compose-modal .composer-meta label>span{font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:700}.compose-modal .composer-meta select{font-size:12px}.compose-modal .compose-editor{min-height:280px;margin:0 25px;border:0;border-radius:0;background:transparent}.compose-modal .compose-editor>span{display:none}.compose-modal .compose-body{min-height:280px;padding:14px 0!important;font-size:15px;line-height:1.7}.compose-modal .compose-attachments{min-height:0;margin:0 25px;padding:0}.compose-modal .compose-footer{margin-top:auto;padding:16px 25px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 50%,transparent)}.compose-modal .attach-button{border:0;border-radius:7px;background:transparent;padding:8px 4px;color:var(--muted);font-size:12px}.compose-modal .attach-button:hover{background:transparent;color:var(--accent)}.compose-modal .primary{border-radius:9px;padding:10px 16px}
.dark .compose-modal{border-color:#344042;box-shadow:0 32px 86px #000a}.dark .compose-modal .composer-addresses,.dark .compose-modal .compose-footer{border-color:var(--line)}.dark .compose-modal .close{background:var(--soft)}
@media(max-width:720px){.overlay:has(.compose-modal){padding:10px}.compose-modal{width:100%;min-height:calc(100vh - 20px);border-radius:16px}.compose-modal .modal-titlebar,.compose-modal .composer-addresses,.compose-modal .composer-meta,.compose-modal .compose-editor,.compose-modal .compose-attachments{margin-left:18px;margin-right:18px}.compose-modal .modal-titlebar{padding-left:0;padding-right:0}.compose-modal .compose-footer{padding-left:18px;padding-right:18px}}

/* Composer information order: sender, recipient, optional recipients, subject. */
.compose-modal .modal-titlebar{justify-content:space-between}.compose-modal .modal-titlebar h2{margin:0}.compose-modal .composer-addresses{border-top:1px solid var(--line)}
.compose-modal .composer-field select{width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:700;outline:0;cursor:pointer}.compose-modal .from-field{min-height:48px}.compose-modal .from-field select{grid-column:2;grid-row:1;justify-self:stretch;color:var(--muted);font-size:13px;font-weight:600}
.compose-modal .to-field{grid-template-columns:76px minmax(0,1fr) auto}.compose-modal .to-field .recipient-options{grid-column:3;grid-row:1;justify-self:end}.compose-modal .to-field input{grid-column:2;min-width:0}
.compose-modal .compose-editor{min-height:320px}.compose-modal .compose-body{min-height:320px}.compose-modal .compose-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.compose-footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.compose-footer-meta>span{color:var(--muted);font-size:11px}.compose-modal .attach-button{display:inline-flex;align-items:center;width:max-content;margin:0;min-height:33px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.compose-modal .attach-button:hover{border-color:var(--accent);background:var(--soft);color:var(--accent)}
@media(max-width:720px){.compose-footer-meta>span{display:none}.compose-modal .compose-editor,.compose-modal .compose-body{min-height:260px}.compose-modal .compose-footer{gap:10px}}

/* Explicit final alignment — avoids inherited modal label rules. */
.compose-modal .composer-field.from-field,.compose-modal .composer-field.to-field,.compose-modal .composer-field:not(.subject-field){display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;margin:0!important}
.compose-modal .composer-field.from-field>select,.compose-modal .composer-field.to-field>input,.compose-modal .composer-field:not(.from-field):not(.to-field):not(.subject-field)>input{grid-column:2!important;grid-row:1!important;min-width:0!important}
.compose-modal .composer-field.to-field{grid-template-columns:82px minmax(0,1fr) auto!important}.compose-modal .composer-field.to-field .recipient-options{grid-column:3!important;grid-row:1!important;align-self:center!important}
.compose-modal .compose-footer .attach-button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:max-content!important;margin:0!important}

/* Native select padding was making the Van value look misaligned. */
.compose-modal .from-field{position:relative}.compose-modal .from-field>select{appearance:none!important;-webkit-appearance:none!important;padding:0 30px 0 0!important}.compose-modal .from-field:after{content:'⌄';position:absolute;right:2px;top:50%;transform:translateY(-52%);color:var(--muted);font-size:18px;pointer-events:none}
.compose-modal .compose-footer .attach-button{min-height:38px!important;padding:8px 12px!important;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line))!important;border-radius:8px!important;background:color-mix(in srgb,var(--accent) 9%,var(--surface))!important;color:var(--accent)!important;font-weight:800!important}.compose-modal .compose-footer .attach-button:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))!important}

/* Compact sender control and neutral subject treatment. */
.compose-modal .from-field:after{display:none}.compose-modal .from-field .from-select{grid-column:2;grid-row:1;display:inline-flex;align-items:center;gap:7px;justify-self:start;width:max-content;color:var(--muted)}.compose-modal .from-field .from-select select{width:max-content!important;appearance:none!important;-webkit-appearance:none!important;padding:0!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important}.compose-modal .from-field .from-select i{font-style:normal;font-size:16px;line-height:1;color:var(--muted);pointer-events:none}.compose-modal .subject-field input{font-size:14px!important;font-weight:500!important}.compose-modal .subject-field input::placeholder{color:var(--muted);opacity:.8}

/* The sender address and chevron behave as one control. */
.compose-modal .from-field .from-select{position:relative;display:block;cursor:pointer}.compose-modal .from-field .from-select select{display:block;cursor:pointer;padding-right:25px!important}.compose-modal .from-field .from-select i{position:absolute;right:4px;top:50%;transform:translateY(-50%);margin:0;line-height:1;pointer-events:none}
.compose-modal .from-field .from-select{margin-left:-7px;padding:6px 27px 6px 7px;border-radius:7px;transition:background .16s,color .16s}.compose-modal .from-field .from-select select{margin:-6px -27px -6px -7px;padding:6px 27px 6px 7px!important;border-radius:7px}.compose-modal .from-field .from-select:hover,.compose-modal .from-field .from-select:focus-within{background:var(--soft)}.compose-modal .from-field .from-select:hover select,.compose-modal .from-field .from-select:focus-within select{color:var(--accent)!important}.compose-modal .from-field .from-select:hover i,.compose-modal .from-field .from-select:focus-within i{color:var(--accent)}

/* Same type rhythm for every compose field. */
.compose-modal .subject-field input{font-size:14px!important;font-weight:400!important;line-height:normal!important}.compose-modal .from-field .from-select i{transform:translateY(-56%)}

/* Primary actions: just a smooth lift, colour change and deeper shadow. */
.primary,.compose-button{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background-color .2s ease;background:var(--accent)}
.primary:after,.compose-button:after{content:none}
.primary:hover,.compose-button:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 88%,#fff);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 28%,transparent)}
.primary:active,.compose-button:active{transform:translateY(1px) scale(.99);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 16%,transparent);transition-duration:.08s}
@media(prefers-reduced-motion:reduce){.primary,.compose-button,.primary:after,.compose-button:after{transition:none}}

/* Inbox clarity: time and unread status are deliberately scannable. */
.full-list .dense-row .mail-time{min-width:64px;color:var(--ink);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}.full-list .dense-row.unread{background:color-mix(in srgb,var(--accent) 4%,transparent)}.full-list .dense-row.unread:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.full-list .dense-row .unread-dot{width:8px;height:8px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.full-list .dense-row.unread .mail-time{color:var(--accent)}

/* Composer: fixed field grid and a custom sender picker. */
.compose-modal .subject-field{grid-template-columns:82px minmax(0,1fr)!important}.compose-modal .subject-field>span{min-width:0}.compose-modal .subject-field>input{grid-column:2!important;grid-row:1!important;min-width:0!important;font-size:14px!important;font-weight:400!important}.compose-modal .from-select{position:relative!important;margin-left:0!important;padding:0!important;background:transparent!important}.compose-modal .from-picker{display:flex;align-items:center;gap:8px;width:max-content;min-height:34px;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:600 13px 'DM Sans';cursor:pointer;transition:background .16s,color .16s}.compose-modal .from-picker:hover,.compose-modal .from-picker:focus-visible{background:var(--soft);color:var(--accent);outline:0}.compose-modal .from-picker i{position:static!important;width:7px;height:7px;margin:0 0 3px!important;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)!important;font-size:0}.from-menu{position:absolute;z-index:3;top:calc(100% + 7px);left:0;min-width:224px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 15px 32px rgb(11 33 35 / .18)}.from-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 12px 'DM Sans';text-align:left;cursor:pointer}.from-menu button:hover,.from-menu button.active{background:var(--soft);color:var(--accent)}.from-menu .dot{width:7px;height:7px}.from-menu .menu-check{margin-left:auto;color:var(--accent);font-size:13px;font-weight:800}

/* Inbox presentation belongs in Settings. */
.settings-choice{padding:15px 0;border-top:1px solid var(--line)}.settings-choice>span{display:block}.settings-choice b,.settings-choice small{display:block}.settings-choice small{margin-top:3px;color:var(--muted);line-height:1.35}.settings-segmented{display:inline-flex;margin-top:13px;padding:3px;border-radius:8px;background:var(--soft)}.settings-segmented button{border:0;border-radius:6px;background:transparent;padding:7px 10px;color:var(--muted);font:700 12px 'DM Sans';cursor:pointer}.settings-segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 7px rgb(11 33 35 / .10)}
.dark .from-menu{background:var(--surface);border-color:var(--line)}.dark .from-menu button:hover,.dark .from-menu button.active{background:var(--soft)}.dark .full-list .dense-row.unread{background:color-mix(in srgb,var(--accent) 8%,transparent)}
@media(max-width:720px){.full-list .dense-row .mail-time{min-width:auto;font-size:10px}.full-list .dense-row.unread:before{top:10px;bottom:10px}.from-menu{min-width:210px}.compose-modal .subject-field{grid-template-columns:65px minmax(0,1fr)!important}}

/* Message route is available beside the sender, not repeated in the body. */
.message-summary{display:block}.message-toggle{display:flex;width:100%;align-items:center;gap:9px;border:0;background:transparent;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink)}.message-toggle>span{display:grid;gap:3px;flex:1;min-width:0}.message-toggle .message-sender{display:grid;gap:3px}.sender-email{display:flex!important;align-items:center;gap:5px}.message-route{display:inline-grid;place-items:center;width:14px;height:14px;color:var(--muted);font-size:12px;font-style:normal;cursor:help}.message-route:hover{color:var(--accent)}.message-toggle time{font-size:9px;color:var(--muted)}.message-toggle>i{font-style:normal;color:var(--muted)}.message>button{display:none}

/* Reply composer uses the same language as the new-message composer. */
.thread-page .reply,.thread-page .reply-actions{max-width:100%}.reply-actions{display:flex;gap:9px;margin-top:16px}.reply-actions .outline{padding:9px 12px}.reply{padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:12px;background:var(--surface);margin-top:16px}.reply-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid var(--line)}.reply-head b,.reply-head small{display:block}.reply-head b{font-size:13px}.reply-head small{margin-top:3px;color:var(--muted);font-size:11px}.reply-close{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}.reply-close:hover{background:var(--soft);color:var(--ink)}
.reply-addresses{position:relative;margin:0 20px;border-bottom:1px solid var(--line)}.reply-addresses label{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:45px;margin:0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}.reply-addresses label:last-child{border-bottom:0}.reply-addresses input{width:100%;min-width:0;border:0;background:transparent;padding:10px 0;color:var(--ink);font:13px 'DM Sans';outline:0}.reply-recipient-options{position:absolute;right:0;top:8px;display:flex;gap:4px}.reply-recipient-options button{padding:4px 6px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:700 12px 'DM Sans';cursor:pointer}.reply-recipient-options button:hover,.reply-recipient-options button.active{background:var(--soft);color:var(--accent)}
.reply-meta{display:flex;align-items:center;gap:8px;margin:0 20px;padding:10px 0;color:var(--muted);font-size:11px;font-weight:700}.reply-from{position:relative;display:inline-flex}.reply-from select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--accent);padding:0 17px 0 0;font:700 11px 'DM Sans';cursor:pointer;outline:0}.reply-from i{position:absolute;right:3px;top:50%;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-65%) rotate(45deg);pointer-events:none}.reply textarea{width:calc(100% - 40px);height:178px;margin:0 20px;padding:13px 0;border:0;outline:0;resize:vertical;background:transparent;color:var(--ink);font:14px 'DM Sans';line-height:1.65}.reply-attachments{display:flex;gap:7px;flex-wrap:wrap;margin:0 20px 9px}.reply footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:0;padding:13px 20px 16px;border-top:1px solid var(--line);color:var(--muted)}.reply-footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.reply-footer-meta>span{font-size:11px}.reply-attach{display:inline-flex;align-items:center;width:max-content;margin:0;padding:8px 11px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);font-size:12px;font-weight:800;cursor:pointer}.reply-attach:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.reply footer .primary{font-size:12px}
.dark .reply{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.dark .reply-head,.dark .reply-addresses,.dark .reply-meta,.dark .reply footer{border-color:var(--line)}.dark .reply-attach{background:color-mix(in srgb,var(--accent) 13%,var(--surface))}
@media(max-width:720px){.reply-head,.reply-addresses,.reply-meta,.reply-attachments{margin-left:15px;margin-right:15px}.reply-head{padding-left:0;padding-right:0}.reply textarea{width:calc(100% - 30px);margin-left:15px;margin-right:15px;height:150px}.reply footer{padding-left:15px;padding-right:15px}.reply-footer-meta>span{display:none}.reply-addresses label{grid-template-columns:55px minmax(0,1fr)}}

/* Compact product composer: organised zones, a little more structure. */
.compose-modal{width:min(780px,calc(100vw - 56px));min-height:min(640px,calc(100vh - 64px));border-radius:18px;border-color:var(--line);box-shadow:0 26px 68px rgb(5 20 22 / .28)}
.compose-modal:before{height:3px;background:var(--accent)}
.compose-modal .modal-titlebar{padding:19px 24px 15px;border-bottom:1px solid var(--line)}.compose-modal .modal-titlebar h2{font-size:18px}.compose-modal .modal-titlebar .eyebrow{display:none}.compose-modal .modal-titlebar h2:before{content:"✦  ";color:var(--accent);font-size:14px}
.compose-modal .composer-addresses{margin:18px 24px 0;border:1px solid var(--line);border-radius:11px;background:var(--soft);overflow:hidden}.compose-modal .composer-field{grid-template-columns:76px 1fr;min-height:47px;padding:0 13px;background:var(--surface)}.compose-modal .composer-field:focus-within{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent)}.compose-modal .composer-field span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.compose-modal .composer-field input{font-size:13px;padding:10px 0!important}.compose-modal .subject-field{min-height:53px;background:var(--soft)}.compose-modal .subject-field input{font-size:14px}.compose-modal .recipient-options{gap:5px}.compose-modal .recipient-options button{background:var(--soft);border:1px solid transparent;border-radius:5px;padding:3px 6px;font-size:11px}.compose-modal .recipient-options button.active,.compose-modal .recipient-options button:hover{border-color:var(--line);background:var(--surface)}
.compose-modal .composer-meta{margin:9px 24px 0;padding:0;background:transparent}.compose-modal .composer-meta label{gap:7px}.compose-modal .composer-meta label>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.compose-modal .compose-editor{min-height:238px;margin:8px 24px 0;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.compose-modal .compose-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.compose-modal .compose-body{min-height:238px;padding:15px!important;font-size:14px;line-height:1.65}.compose-modal .compose-attachments{margin:0 24px;padding:8px 0 0;min-height:28px}.compose-modal .compose-footer{margin-top:10px;padding:13px 24px 17px;border-top:1px solid var(--line);background:var(--surface)}.compose-modal .attach-button{padding:7px 9px;border:1px solid var(--line);background:var(--soft);border-radius:7px;color:var(--ink)}.compose-modal .attach-button:hover{border-color:var(--accent);color:var(--accent)}.compose-modal .primary{padding:9px 14px;border-radius:8px;font-size:13px}
.dark .compose-modal .modal-titlebar,.dark .compose-modal .compose-footer{border-color:var(--line)}.dark .compose-modal .composer-addresses,.dark .compose-modal .compose-editor{background:var(--soft)}.dark .compose-modal .composer-field,.dark .compose-modal .compose-editor{background:var(--surface)}
@media(max-width:720px){.compose-modal{width:100%;min-height:calc(100vh - 20px)}.compose-modal .modal-titlebar,.compose-modal .composer-addresses,.compose-modal .composer-meta,.compose-modal .compose-editor,.compose-modal .compose-attachments{margin-left:18px;margin-right:18px}.compose-modal .compose-footer{padding-left:18px;padding-right:18px}}

/* Premium minimal composer: hierarchy from space and type, not decoration. */
.overlay:has(.compose-modal){background:rgb(10 21 23 / .38);backdrop-filter:blur(5px)}
.compose-modal{width:min(860px,calc(100vw - 56px));min-height:min(680px,calc(100vh - 56px));border:1px solid rgb(22 50 52 / .12);border-radius:16px;background:var(--surface);box-shadow:0 26px 76px rgb(8 25 27 / .26)}
.compose-modal:before{display:none}.compose-modal .modal-titlebar{margin:0;padding:26px 30px 20px;border:0}.compose-modal .modal-titlebar .eyebrow{display:block;font-size:10px;letter-spacing:.1em}.compose-modal .modal-titlebar h2{margin-top:4px;font-size:22px;letter-spacing:-.04em}.compose-modal .modal-titlebar h2:before{display:none}.compose-modal .close{width:29px;height:29px;border:0;background:transparent;color:var(--muted);font-size:23px}.compose-modal .close:hover{background:var(--soft);color:var(--ink)}
.compose-modal .composer-addresses{margin:0 30px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}.compose-modal .composer-field{grid-template-columns:84px 1fr;min-height:52px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent}.compose-modal .composer-field:focus-within{box-shadow:none;background:transparent}.compose-modal .composer-field span{font-size:13px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:600}.compose-modal .composer-field input{font-size:14px;padding:12px 0!important}.compose-modal .subject-field{min-height:59px;background:transparent}.compose-modal .subject-field input{font-size:16px;font-weight:600}.compose-modal .recipient-options{gap:4px;background:transparent}.compose-modal .recipient-options button{border:0;background:transparent;padding:4px 5px;border-radius:4px;font-size:12px;font-weight:600}.compose-modal .recipient-options button.active,.compose-modal .recipient-options button:hover{border:0;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.compose-modal .composer-meta{margin:0 30px;padding:12px 0;background:transparent;border:0;border-radius:0}.compose-modal .composer-meta label>span{font-size:13px;text-transform:none;letter-spacing:0;font-weight:600}.compose-modal .composer-meta select{font-size:13px;color:var(--muted);font-weight:600}.compose-modal .compose-editor{min-height:300px;margin:0 30px;border:0;border-radius:0;background:transparent;box-shadow:none}.compose-modal .compose-editor:focus-within{border:0;box-shadow:none}.compose-modal .compose-body{min-height:300px;padding:14px 0!important;font-size:15px;line-height:1.75}.compose-modal .compose-body::placeholder{color:var(--muted);opacity:.75}.compose-modal .compose-attachments{min-height:0;margin:0 30px;padding:0}.compose-modal .compose-footer{margin-top:auto;padding:17px 30px 20px;border-top:1px solid var(--line);background:transparent}.compose-modal .attach-button{padding:5px 0;border:0;background:transparent;border-radius:0;color:var(--muted);font-size:13px;font-weight:600}.compose-modal .attach-button:hover{background:transparent;border:0;color:var(--accent)}.compose-modal .primary{padding:10px 17px;border-radius:8px;font-size:13px;box-shadow:none}
.dark .compose-modal{border-color:#303638;background:var(--surface);box-shadow:0 26px 76px #0009}.dark .compose-modal .modal-titlebar,.dark .compose-modal .compose-footer,.dark .compose-modal .composer-addresses{border-color:var(--line)}.dark .compose-modal .composer-field,.dark .compose-modal .compose-editor{background:transparent}
@media(max-width:720px){.compose-modal{width:100%;min-height:calc(100vh - 20px);border-radius:14px}.compose-modal .modal-titlebar,.compose-modal .composer-addresses,.compose-modal .composer-meta,.compose-modal .compose-editor,.compose-modal .compose-attachments{margin-left:20px;margin-right:20px}.compose-modal .modal-titlebar{padding-left:0;padding-right:0}.compose-modal .compose-footer{padding-left:20px;padding-right:20px}.compose-modal .composer-field{grid-template-columns:65px 1fr}}

/* Selected direction: the floating composer, refined with quieter type. */
.overlay:has(.compose-modal){padding:28px;background:rgb(9 26 28 / .48);backdrop-filter:blur(7px)}
.compose-modal{width:min(820px,calc(100vw - 56px));min-height:min(670px,calc(100vh - 56px));padding:0;border:1px solid rgb(255 255 255 / .64);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 32px 86px rgb(5 20 22 / .30)}
.compose-modal:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--accent),#73c7bd 55%,#b9e4dc)}
.compose-modal .modal-titlebar{align-items:center;margin:0;padding:22px 25px 18px;border:0}.compose-modal .modal-titlebar .eyebrow{display:block;font-size:10px;letter-spacing:.1em}.compose-modal .modal-titlebar h2{margin-top:4px;font-size:20px;letter-spacing:-.035em}.compose-modal .modal-titlebar h2:before{display:none}.compose-modal .close{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.compose-modal .close:hover{color:var(--ink);border-color:var(--accent)}
.compose-modal .composer-addresses{margin:0 25px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.compose-modal .composer-field{grid-template-columns:76px 1fr;min-height:50px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent}.compose-modal .composer-field:focus-within{background:transparent;box-shadow:none}.compose-modal .composer-field span{font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:700}.compose-modal .composer-field input{font-size:14px;padding:12px 0!important}.compose-modal .subject-field{min-height:57px;background:transparent}.compose-modal .subject-field input{font-size:15px;font-weight:700}.compose-modal .recipient-options{position:static;justify-content:flex-end;gap:4px;min-height:0;padding:0;border:0;background:transparent}.compose-modal .recipient-options button{border:0;background:transparent;padding:4px 6px;border-radius:5px;font-size:12px;color:var(--muted);font-weight:700}.compose-modal .recipient-options button.active,.compose-modal .recipient-options button:hover{border:0;background:var(--soft);color:var(--accent);text-decoration:none}
.compose-modal .composer-meta{margin:0 25px;padding:12px 0;background:transparent;border:0;border-radius:0;color:var(--muted);font-size:12px}.compose-modal .composer-meta label{gap:8px}.compose-modal .composer-meta label>span{font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:700}.compose-modal .composer-meta select{font-size:12px;color:var(--ink);font-weight:700}.compose-modal .compose-editor{min-height:280px;margin:0 25px;border:0;border-radius:0;background:transparent;box-shadow:none}.compose-modal .compose-editor:focus-within{border:0;box-shadow:none}.compose-modal .compose-body{min-height:280px;padding:14px 0!important;font-size:15px;line-height:1.7}.compose-modal .compose-attachments{min-height:0;margin:0 25px;padding:0}.compose-modal .compose-footer{margin-top:auto;padding:16px 25px 20px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 50%,transparent)}.compose-modal .attach-button{padding:8px 4px;border:0;background:transparent;border-radius:7px;color:var(--muted);font-size:12px;font-weight:700}.compose-modal .attach-button:hover{background:transparent;color:var(--accent)}.compose-modal .primary{padding:10px 16px;border-radius:9px;font-size:13px;box-shadow:none}
.dark .compose-modal{border-color:#344042;box-shadow:0 32px 86px #000a}.dark .compose-modal .composer-addresses,.dark .compose-modal .compose-footer{border-color:var(--line)}.dark .compose-modal .close{background:var(--soft)}.dark .compose-modal .composer-field,.dark .compose-modal .compose-editor{background:transparent}
@media(max-width:720px){.overlay:has(.compose-modal){padding:10px}.compose-modal{width:100%;min-height:calc(100vh - 20px);border-radius:16px}.compose-modal .modal-titlebar,.compose-modal .composer-addresses,.compose-modal .composer-meta,.compose-modal .compose-editor,.compose-modal .compose-attachments{margin-left:18px;margin-right:18px}.compose-modal .modal-titlebar{padding-left:0;padding-right:0}.compose-modal .compose-footer{padding-left:18px;padding-right:18px}}
@media(min-width:721px) and (max-width:860px){.app-shell{display:block}.workspace{min-height:100vh}.sidebar{position:fixed;z-index:10;bottom:0;left:0;width:100%;height:72px;padding:7px 10px;border-top:1px solid var(--line);border-right:0;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(18px)}.sidebar .brand,.sidebar .compose-button,.sidebar .account-list,.sidebar .sidebar-footer{display:none}.main-nav{height:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.main-nav button,.main-nav button.active{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px;border-radius:8px;font-size:9px;line-height:1.1;text-align:center}.main-nav button i{width:auto;height:18px;font-size:17px;line-height:17px}.main-nav button b{display:none}.content{padding:26px 28px 100px}.topbar{height:68px;padding:0 28px}.inbox-surface{padding:27px}.inbox-surface .inbox-head{display:block}.inbox-controls{margin-top:16px}.full-list .mail-info small{max-width:none}.thread-page{padding-bottom:35px}}
@media(min-width:721px) and (max-width:860px){.app-shell{display:block}.workspace{min-height:100vh}.sidebar{position:fixed;z-index:10;bottom:0;left:0;width:100%;height:72px;padding:7px 10px;border-top:1px solid var(--line);border-right:0;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(18px)}.sidebar .brand,.sidebar .compose-button,.sidebar .account-list,.sidebar .sidebar-footer{display:none}.main-nav{height:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.main-nav button,.main-nav button.active{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px;border-radius:8px;font-size:9px;line-height:1.1;text-align:center}.main-nav button i{width:auto;height:18px;font-size:17px;line-height:17px}.main-nav button b{display:none}.content{padding:26px 28px 100px}.topbar{height:68px;padding:0 28px}.inbox-surface{padding:27px}.inbox-surface .inbox-head{display:block}.inbox-controls{margin-top:16px}.full-list .mail-info small{max-width:none}.thread-page{padding-bottom:35px}}

/* Desktop inbox: a calm, high-density scan surface instead of a narrow card. */
.inbox-surface{max-width:1320px;padding:34px 38px}.mail-categories{display:flex;align-items:center;gap:5px;padding:0 0 16px;border-bottom:1px solid var(--line)}.mail-categories button{border:0;background:transparent;border-radius:7px;color:var(--muted);padding:7px 10px;font:700 10px 'DM Sans';cursor:pointer}.mail-categories button:hover{background:var(--soft);color:var(--ink)}.mail-categories button.active{background:#edeeff;color:var(--accent)}.mail-categories button span{display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:4px;border-radius:10px;background:#dddffb;color:var(--accent);font-size:8px}.mail-categories small{margin-left:auto;color:var(--muted);font-size:10px}.full-list{margin-top:10px;gap:2px}.full-list .dense-row{grid-template-columns:42px minmax(150px,.75fr) minmax(300px,1.9fr) minmax(135px,.62fr) 56px 8px;align-items:center;gap:15px;padding:13px 12px}.full-list .dense-row:hover,.full-list .dense-row.selected{padding:13px 12px}.dense-row .avatar{grid-column:1}.mail-sender,.mail-subject{display:grid;min-width:0;gap:3px}.mail-sender b,.mail-subject strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-sender b{font-size:12px}.mail-sender small,.mail-subject small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.mail-subject strong{font-size:12px;letter-spacing:-.01em}.dense-row.unread .mail-subject strong,.dense-row.unread .mail-sender b{font-weight:800}.mail-identity{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:10px}.dense-row time{text-align:right}.dense-row .unread-dot{margin-top:0}.dark .mail-categories button.active{background:#2c3152;color:#b8b7ff}.dark .full-list .dense-row:hover,.dark .full-list .dense-row.selected{background:var(--surface)}
@media(max-width:720px){.mail-categories{margin:0 -1px;padding:0 0 13px;gap:3px;overflow:auto;scrollbar-width:none}.mail-categories::-webkit-scrollbar{display:none}.mail-categories button{flex:none;padding:7px 9px}.mail-categories small{display:none}.full-list .dense-row{grid-template-columns:34px minmax(0,1fr) auto 6px;grid-template-rows:auto auto;gap:2px 9px;padding:12px 7px;align-items:start}.full-list .dense-row:hover,.full-list .dense-row.selected{padding:12px 7px}.dense-row .avatar{grid-column:1;grid-row:1 / span 2;margin-top:1px}.dense-row .mail-sender{grid-column:2;grid-row:1;display:block}.dense-row .mail-sender small,.dense-row .mail-identity{display:none}.dense-row .mail-sender b{font-size:11px}.dense-row .mail-subject{grid-column:2;grid-row:2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dense-row .mail-subject strong{font-size:11px}.dense-row .mail-subject small{display:inline;margin-left:5px;font-size:10px}.dense-row time{grid-column:3;grid-row:1;text-align:right;font-size:9px}.dense-row .unread-dot{grid-column:4;grid-row:1;margin-top:4px}}

.attention-card .stat{margin-bottom:11px}.rules-card{padding-bottom:12px}.rules-card header button{font-size:14px;color:var(--muted);cursor:pointer}.rules-card>div{display:flex;align-items:flex-start;gap:8px;padding:12px 0 8px;border-top:1px solid var(--line)}.rules-card p{display:grid;gap:3px;margin:0}.rules-card p b{font-size:10px}.rules-card p small{font-size:9px}.rule-icon{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#eeefff;color:var(--accent);font-size:10px}.rules-card>div:nth-of-type(2) .rule-icon{background:#e9f7f1;color:#348d70}.rules-card>button{width:100%;margin-top:7px;border:0;background:transparent;padding:6px 0 0;text-align:left;color:var(--accent);font:700 10px 'DM Sans';cursor:pointer}
.full-list .mail-row:hover{border-color:#e9ebf7;background:#fafbff;box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #1e2a4a0b;transform:translateX(1px);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.dark .full-list .mail-row:hover{border-color:#30394c;background:var(--surface);box-shadow:inset 3px 0 0 #aaa9ff,0 8px 22px #0003}
.mail-row:hover{box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #1e2a4a0b;transform:translateX(1px);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.dark .mail-row:hover{box-shadow:inset 3px 0 0 #aaa9ff,0 8px 22px #0003}

/* Midnight Blue theme */
:root{--bg:#f7f8fa;--surface:#fff;--soft:#edf3f3;--ink:#183238;--muted:#728487;--line:#e1e6e8;--accent:#155e63;--mint:#43b3a6;--purple:#718f96;--blue:#4e9ba6;--orange:#c89154;--shadow:0 16px 42px #155e6314}
body{background:var(--bg)}
.brand span,.brand b{color:var(--accent)}
.compose-button,.primary{background:var(--accent);box-shadow:0 9px 20px #155e6326}
.compose-button:hover,.primary:hover{background:#0e4549}
.main-nav button.active,.main-nav button:hover,.account-list>button:hover{background:#e7f2f1;color:var(--accent)}
.main-nav button b,.account-list b{color:var(--accent);background:#e7f2f1}
.main-nav button.active b{background:#cfe8e5}
.icon-action:hover{color:var(--accent)}
.mail-info b em,.identity-chip{color:var(--accent);background:#e7f2f1}
.primary{box-shadow:0 7px 16px #155e6320}
.meter em{background:linear-gradient(90deg,var(--accent),#43b3a6)}
.mail-categories button.active{background:#e7f2f1;color:var(--accent)}
.mail-categories button span{background:#cfe8e5;color:var(--accent)}
.inbox-controls>button:hover{border-color:#a4cfca;color:var(--accent);background:#f0f8f7}
.full-list .mail-row:hover,.full-list .mail-row.selected{background:#f8faff}
.full-list .mail-row.selected,.full-list .mail-row:hover,.mail-row:hover{box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #155e6314}
.thread-page .back-to-inbox:hover{color:var(--accent)}
.reply{border-color:#b7c9e7}
.reply select,.outline,.side-card header button,.rules-card>button{color:var(--accent)}
.rule-icon{background:#e7f2f1;color:var(--accent)}
.storage-ring{border-color:#d8e9e7;border-top-color:var(--accent);border-right-color:var(--accent);color:var(--accent)}
.switch-row input{accent-color:var(--accent)}
.brand em{background:#e7f2f1;color:#60777a}
.topbar{background:color-mix(in srgb,#f7f8fa 88%,transparent)}
.global-search,.ghost,.inbox-controls>button,.segmented button.active,.conversation-head button,.modal input,.modal select,.modal textarea{background:#fff}
.ghost:hover{border-color:#a4cfca;color:var(--accent);background:#f0f8f7}
.full-list .mail-row:hover,.full-list .mail-row.selected{background:#fbfcfd;border-color:#dcebea}
.tip{background:#204b50;color:#d8eeeb}
.tip:first-letter{color:#7fd0c2}
.reply{background:#fbfefd}
.sent-state,.identity-chip.sent{background:#e9f7f1;color:#348d70}
.rules-card>div:nth-of-type(2) .rule-icon{background:#e9f7f1;color:#348d70}
.storage-ring{background:#fff}
.notification:after{background:#e07b6f}
.dark{--bg:#102f33;--surface:#173f43;--soft:#205255;--ink:#eff8f6;--muted:#a8c4c2;--line:#2f6264;--accent:#78c9bc;--mint:#58c6b5;--purple:#7da5a7;--blue:#78bfc5;--shadow:0 16px 42px #06191a99}
.dark .topbar{background:#12373be8}
.dark .global-search,.dark .ghost,.dark .inbox-controls>button,.dark .segmented button.active,.dark .conversation-head button,.dark .modal input,.dark .modal select,.dark .modal textarea{background:var(--surface);color:var(--ink)}
.dark .main-nav button.active,.dark .main-nav button:hover,.dark .account-list>button:hover{background:#245b5d;color:#d7f2ed}
.dark .main-nav button b,.dark .account-list b,.dark .mail-info b em,.dark .identity-chip{background:#286467;color:#d7f2ed}
.dark .mail-categories button.active{background:#286467;color:#d7f2ed}
.dark .full-list .mail-row:hover,.dark .full-list .mail-row.selected{background:#1c4a4e;border-color:#347174;box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #06191a99}
.dark .tip{background:#0d292c;color:#d1e8e4}
.dark .reply{background:#173f43}
.dark .storage-ring{background:var(--surface);border-color:#2f6264;border-top-color:var(--accent);border-right-color:var(--accent)}
body.dark{background:var(--bg);color:var(--ink)}
.dark .sidebar{background:#102f33;border-right-color:var(--line)}
.dark .brand{color:var(--ink)}
.dark .brand em{background:#205255;color:#a8c4c2}
.dark .compose-button,.dark .primary{background:#78c9bc;color:#0d292c;box-shadow:0 9px 20px #06191a66}
.dark .compose-button:hover,.dark .primary:hover{background:#9addcf;color:#0b2729}
.dark .topbar{border-bottom-color:var(--line);color:var(--ink)}
.dark .crumb b,.dark h1,.dark h2,.dark .next-card h2,.dark .route b,.dark .profile b,.dark .side-card header b,.dark .inbox-summary b{color:var(--ink)}
.dark .crumb i,.dark .route i{color:#6f9999}
.dark .main-nav button,.dark .account-list>button,.dark .settings-link,.dark .ghost,.dark .inbox-controls>button{color:#a8c4c2}
.dark .main-nav button.active,.dark .main-nav button:hover,.dark .account-list>button:hover{color:#d7f2ed}
.dark .main-nav button b,.dark .account-list b{color:#d7f2ed}
.dark .section-label,.dark .eyebrow,.dark .home-head p,.dark .person-line small,.dark .stat span,.dark .side-card small,.dark .route,.dark .mail-row time,.dark .conversation-head p,.dark .message small,.dark .message time,.dark .reply label,.dark .reply footer,.dark .inbox-summary,.dark .mail-categories small{color:#9bb8b5}
.dark .global-search{border-color:var(--line);background:#173f43;color:#a8c4c2}
.dark .global-search input{color:var(--ink)}
.dark .global-search kbd{border-color:#376b6c;color:#9bb8b5;background:#1c4a4e}
.dark .icon-action{color:#9bb8b5}
.dark .icon-action:hover{background:#205255;color:#d7f2ed}
.dark .storage-summary{background:#173f43;color:var(--ink)}
.dark .storage-summary>i,.dark .meter,.dark .storage-row i{background:#285759}
.dark .storage-summary em{background:#78c9bc}
.dark .next-card,.dark .side-card,.dark .inbox-surface,.dark .message,.dark .modal{background:#173f43;border-color:var(--line)}
.dark .next-card>p,.dark .message-body{color:#bad0cd}
.dark .mail-row{color:var(--ink)}
.dark .mail-row:hover,.dark .mail-row.selected{background:#1c4a4e}
.dark .mail-info strong,.dark .mail-subject strong,.dark .mail-sender b,.dark .mail-info b{color:var(--ink)}
.dark .mail-info small,.dark .mail-subject small,.dark .mail-sender small,.dark .mail-identity{color:#9bb8b5}
.dark .mail-info b em,.dark .identity-chip{color:#d7f2ed;background:#286467}
.dark .mail-categories{border-bottom-color:var(--line)}
.dark .mail-categories button{color:#9bb8b5}
.dark .mail-categories button:hover{background:#205255;color:var(--ink)}
.dark .mail-categories button.active{background:#286467;color:#d7f2ed}
.dark .mail-categories button span{background:#347174;color:#d7f2ed}
.dark .inbox-controls>button:hover,.dark .ghost:hover{border-color:#4e8887;background:#205255;color:#d7f2ed}
.dark .inbox-summary{border-top-color:var(--line)}
.dark .conversation-head{border-bottom-color:var(--line)}
.dark .conversation-head button{border-color:var(--line);background:#173f43;color:#9bb8b5}
.dark .conversation-head button:hover{background:#205255;color:#d7f2ed}
.dark .message>button{color:var(--ink)}
.dark .message>button i{color:#9bb8b5}
.dark .attachment{border-color:var(--line);background:#143538;color:var(--ink)}
.dark .reply{border-color:#3c7776;background:#143538}
.dark .reply textarea{color:var(--ink)}
.dark .reply footer{border-top-color:var(--line)}
.dark .outline{border-color:#4e8887;background:transparent;color:#9addcf}
.dark .modal input,.dark .modal select,.dark .modal textarea{border-color:var(--line);background:#143538;color:var(--ink)}
.dark .modal input::placeholder,.dark .modal textarea::placeholder{color:#789795}
.dark .close{background:#205255;color:#a8c4c2}
.dark .profile{border-top-color:var(--line)}
.dark .tip{background:#0d292c;border:1px solid #285759;color:#d1e8e4}
.dark .sent-state{background:#1b4b43;color:#9addcf}
.dark .spam-notice{background:#3a3020;border-color:#6a5732;color:#e4c98e}
.dark{--bg:#101a2c;--surface:#18253b;--soft:#223653;--ink:#f2f6fc;--muted:#9aabc2;--line:#30435e;--accent:#7fa8ee;--shadow:0 16px 42px #0005}
.dark .topbar{background:#142139e8}
.dark .main-nav button.active,.dark .main-nav button:hover,.dark .account-list>button:hover{background:#263d61;color:#c9dcff}
.dark .main-nav button b,.dark .account-list b,.dark .mail-info b em,.dark .identity-chip{background:#29456f;color:#c9dcff}
.dark .mail-categories button.active{background:#29456f;color:#c9dcff}
.dark .full-list .mail-row:hover,.dark .full-list .mail-row.selected{box-shadow:inset 3px 0 0 var(--accent),0 8px 22px #0005}

/* Final UI overrides — kept last so legacy prototype rules cannot win. */
:root{--bg:#f7f8fa;--surface:#fff;--soft:#eef4f3;--ink:#17363a;--muted:#74888b;--line:#dce6e5;--accent:#155e63;--mint:#43b3a6;--purple:#8c75e8;--blue:#6197d6;--shadow:0 16px 42px #12383b12}
.compose-button,.primary{background:var(--accent)!important;color:#fff;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background-color .2s ease}.compose-button:hover,.primary:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 88%,#fff)!important;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 28%,transparent)}.compose-button:active,.primary:active{transform:translateY(1px) scale(.99)}.primary:after,.compose-button:after{content:none!important}
.mail-categories button.active{background:#e5f2f0;color:var(--accent)}.mail-categories button span{background:#cfe8e5;color:var(--accent)}.inbox-controls>button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;padding:9px 11px;font:700 10px 'DM Sans';cursor:pointer}
.full-list .dense-row{grid-template-columns:42px minmax(150px,.75fr) minmax(300px,1.9fr) minmax(135px,.62fr) 64px 12px;align-items:center;gap:15px;padding:13px 12px}.full-list .dense-row .mail-time{min-width:64px;color:var(--ink);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.full-list .dense-row.unread{background:#f3f9f8}.full-list .dense-row.unread:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.full-list .dense-row .unread-dot{width:8px;height:8px;background:var(--accent);box-shadow:0 0 0 3px #d9efec}.full-list .dense-row.unread .mail-time{color:var(--accent)}
.compose-modal .subject-field{grid-template-columns:82px minmax(0,1fr)!important}.compose-modal .subject-field>input{grid-column:2!important;grid-row:1!important;min-width:0!important;font-size:14px!important;font-weight:400!important}.compose-modal .from-select{position:relative!important;margin:0!important;padding:0!important;background:transparent!important}.compose-modal .from-picker{display:flex;align-items:center;gap:8px;width:max-content;min-height:34px;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:600 13px 'DM Sans';cursor:pointer}.compose-modal .from-picker:hover{background:var(--soft);color:var(--accent)}.compose-modal .from-picker i{position:static!important;width:7px;height:7px;margin:0 0 3px!important;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)!important;font-size:0}.from-menu{position:absolute;z-index:8;top:calc(100% + 7px);left:0;min-width:224px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 15px 32px rgb(11 33 35 / .18)}.from-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 12px 'DM Sans';text-align:left;cursor:pointer}.from-menu button:hover,.from-menu button.active{background:var(--soft);color:var(--accent)}.from-menu .dot{width:7px;height:7px}.from-menu .menu-check{margin-left:auto;color:var(--accent);font-size:13px;font-weight:800}
.message>button{display:none}.message-toggle{display:flex;width:100%;align-items:center;gap:9px;border:0;background:transparent;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink)}.message-toggle>span{display:grid;gap:3px;flex:1;min-width:0}.message-toggle .message-sender{display:grid;gap:3px}.sender-email{display:flex!important;align-items:center;gap:5px}.message-route{display:inline-grid;place-items:center;width:14px;height:14px;color:var(--muted);font-size:12px;font-style:normal;cursor:help}.message-toggle time,.message-toggle>i{font-size:9px;color:var(--muted);font-style:normal}
.thread-page .reply,.thread-page .reply-actions{max-width:100%}.reply-actions{display:flex;gap:9px;margin-top:16px}.reply{padding:0;overflow:hidden;border:1px solid #a7d1cb;border-radius:12px;background:var(--surface);margin-top:16px}.reply-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid var(--line)}.reply-head b,.reply-head small{display:block}.reply-head b{font-size:13px}.reply-head small{margin-top:3px;color:var(--muted);font-size:11px}.reply-close{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}.reply-addresses{position:relative;margin:0 20px;border-bottom:1px solid var(--line)}.reply-addresses label{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:45px;margin:0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}.reply-addresses input{width:100%;min-width:0;border:0;background:transparent;padding:10px 0;color:var(--ink);font:13px 'DM Sans';outline:0}.reply-recipient-options{position:absolute;right:0;top:8px;display:flex;gap:4px}.reply-recipient-options button{padding:4px 6px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:700 12px 'DM Sans';cursor:pointer}.reply-recipient-options button:hover,.reply-recipient-options button.active{background:var(--soft);color:var(--accent)}.reply-meta{display:flex;align-items:center;gap:8px;margin:0 20px;padding:10px 0;color:var(--muted);font-size:11px;font-weight:700}.reply-from{position:relative;display:inline-flex}.reply-from select{appearance:none;border:0;background:transparent;color:var(--accent);padding:0 17px 0 0;font:700 11px 'DM Sans';outline:0}.reply-from i{position:absolute;right:3px;top:50%;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-65%) rotate(45deg);pointer-events:none}.reply textarea{width:calc(100% - 40px);height:178px;margin:0 20px;padding:13px 0;border:0;outline:0;resize:vertical;background:transparent;color:var(--ink);font:14px 'DM Sans';line-height:1.65}.reply-attachments{display:flex;gap:7px;flex-wrap:wrap;margin:0 20px 9px}.reply footer{display:flex;align-items:flex-end;justify-content:space-between;margin:0;padding:13px 20px 16px;border-top:1px solid var(--line);color:var(--muted)}.reply-footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.reply-footer-meta>span{font-size:11px}.reply-attach{display:inline-flex;align-items:center;width:max-content;margin:0;padding:8px 11px;border:1px solid #91c9c0;border-radius:8px;background:#edf7f5;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer}
.settings-choice{padding:15px 0;border-top:1px solid var(--line)}.settings-choice>span{display:block}.settings-choice b,.settings-choice small{display:block}.settings-choice small{margin-top:3px;color:var(--muted)}.settings-segmented{display:inline-flex;margin-top:13px;padding:3px;border-radius:8px;background:var(--soft)}.settings-segmented button{border:0;border-radius:6px;background:transparent;padding:7px 10px;color:var(--muted);font:700 12px 'DM Sans';cursor:pointer}.settings-segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 7px rgb(11 33 35 / .10)}
@media(max-width:720px){.full-list .dense-row{grid-template-columns:34px minmax(0,1fr) auto 8px}.full-list .dense-row .mail-time{min-width:auto;font-size:10px}.compose-modal .subject-field{grid-template-columns:65px minmax(0,1fr)!important}.reply textarea{width:calc(100% - 30px);margin-left:15px;margin-right:15px}.reply-head,.reply-addresses,.reply-meta,.reply-attachments{margin-left:15px;margin-right:15px}.reply footer{padding-left:15px;padding-right:15px}}

/* Working inbox controls. */
.inbox-control-wrap{position:relative}.inbox-controls>div>button{display:inline-flex;align-items:center;gap:6px}.inbox-controls>div>button.active{border-color:#83bcb4;background:#edf7f5;color:var(--accent)}.inbox-controls>div>button b{display:grid;place-items:center;min-width:15px;height:15px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px}.inbox-popover{position:absolute;z-index:4;top:calc(100% + 8px);right:0;width:196px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 16px 35px rgb(14 41 43 / .16)}.inbox-popover header{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 8px}.inbox-popover header b{font-size:11px}.inbox-popover header button{border:0;background:transparent;color:var(--accent);font:700 10px 'DM Sans';cursor:pointer}.inbox-popover>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 11px 'DM Sans';text-align:left;cursor:pointer}.inbox-popover>button:hover,.inbox-popover>button.active{background:var(--soft);color:var(--accent)}.filter-option i{display:grid;place-items:center;width:15px;height:15px;border:1px solid var(--line);border-radius:4px;color:#fff;font-size:10px;font-style:normal}.filter-option.active i{border-color:var(--accent);background:var(--accent)}.sort-popover>button i{margin-left:auto;font-style:normal;color:var(--accent)}
.dark .inbox-popover{background:var(--surface);border-color:var(--line)}
.mail-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px 0 4px;color:var(--muted);font-size:11px}.mail-pagination .outline{padding:9px 13px;border:1px solid #91c9c0;border-radius:8px;background:#edf7f5;color:var(--accent);font:800 11px 'DM Sans';cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background-color .2s ease}.mail-pagination .outline:hover{transform:translateY(-2px);background:#e2f3f0;box-shadow:0 8px 18px rgb(21 94 99 / .12)}.mail-pagination small{font-variant-numeric:tabular-nums}.dark .mail-pagination .outline{border-color:#3d7474;background:#173f43;color:#9addcf}.dark .mail-pagination .outline:hover{background:#205255}
.bulk-bar{display:inline-flex;align-items:center;gap:5px;padding:4px 5px 4px 10px;border:1px solid #a4d1ca;border-radius:9px;background:#edf7f5;color:var(--accent);font-size:10px}.bulk-bar b{margin-right:4px}.bulk-bar button,.select-all{border:0;border-radius:6px;background:transparent;padding:6px 7px;color:var(--accent);font:700 10px 'DM Sans';cursor:pointer}.bulk-bar button:hover,.select-all:hover{background:#d7eeea}.select-all{border:1px solid var(--line);color:var(--muted)}.row-select{display:grid;place-items:center;width:16px;height:16px;border:1px solid #b9cfcc;border-radius:5px;background:var(--surface);color:#fff;font-size:10px;font-style:normal;line-height:1;cursor:pointer;transition:.15s}.row-select:hover,.bulk-selected .row-select{border-color:var(--accent);background:var(--accent)}.full-list .dense-row{grid-template-columns:20px 42px minmax(150px,.75fr) minmax(300px,1.9fr) minmax(135px,.62fr) 64px 12px}.full-list .dense-row.bulk-selected{background:#e9f6f4}.account-connect{display:grid;gap:10px;margin-top:18px;padding:15px;border:1px dashed #9bcac2;border-radius:10px;background:var(--soft)}.account-connect b{font-size:12px}.account-connect div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px}.account-connect select,.account-connect input{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:9px;color:var(--ink);font:12px 'DM Sans'}.account-connect .outline{justify-self:start}.dark .bulk-bar{border-color:#3d7474;background:#173f43;color:#9addcf}.dark .full-list .dense-row.bulk-selected{background:#173f43}.dark .row-select{background:var(--surface);border-color:#426c6c}.dark .account-connect{border-color:#42736f;background:#143538}.dark .account-connect select,.dark .account-connect input{background:#173f43}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="checkbox"]:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}
@media(max-width:720px){.full-list .dense-row{grid-template-columns:18px 34px minmax(0,1fr) auto 8px}.full-list .dense-row .mail-identity{display:none}.bulk-bar{max-width:100%;overflow:auto}.bulk-bar button{white-space:nowrap}.inbox-summary{align-items:flex-start}.account-connect div{grid-template-columns:1fr}.account-connect .outline{width:max-content}}

/* Bulk selection adds one leading column; reset legacy avatar placement. */
.full-list .dense-row>.avatar{grid-column:auto!important;grid-row:auto!important}
@media(max-width:720px){.full-list .dense-row{grid-template-columns:18px 34px minmax(0,1fr) auto 8px!important;grid-template-rows:auto auto!important;gap:2px 9px!important}.full-list .dense-row>.row-select{grid-column:1;grid-row:1 / span 2;align-self:center}.full-list .dense-row>.avatar{grid-column:2!important;grid-row:1 / span 2!important;margin-top:1px}.full-list .dense-row>.mail-sender{grid-column:3!important;grid-row:1!important}.full-list .dense-row>.mail-subject{grid-column:3!important;grid-row:2!important}.full-list .dense-row>.mail-time{grid-column:4!important;grid-row:1!important}.full-list .dense-row>.unread-dot{grid-column:5!important;grid-row:1!important}}

/* Final inbox and reader rhythm. */
.thread-page{max-width:940px!important}.thread-page .conversation{max-width:880px!important;margin:0 auto}.thread-page .conversation-head,.thread-page .message-stack{max-width:880px!important}.thread-page .message-body{max-width:none!important;padding:4px 30px 24px 66px}.thread-page .message-body p{max-width:640px}.thread-page .reply{max-width:880px!important}.thread-page .reply-actions{max-width:880px!important;margin-left:auto;margin-right:auto}.thread-page .conversation-head h2{max-width:720px!important}.inbox-controls{gap:7px}.inbox-controls>div>button{min-height:36px;border-color:#cfdfdd;background:var(--surface);color:#527276;font-size:11px;letter-spacing:.01em;box-shadow:0 1px 1px rgb(13 43 45 / .03);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.inbox-controls>div>button:hover{transform:translateY(-1px);border-color:#84bbb4;background:#f0f8f7;color:var(--accent)}.inbox-controls>div>button.active{border-color:#89bfb8;background:#e6f3f1;color:var(--accent);box-shadow:inset 0 0 0 1px rgb(21 94 99 / .05)}.inbox-popover{width:220px;padding:8px;border-color:#cbdedb;border-radius:12px;box-shadow:0 18px 38px rgb(12 46 48 / .16)}.inbox-popover header{padding:8px 9px 10px}.inbox-popover>button{padding:10px 9px;border-radius:8px;font-size:12px}.filter-option i{width:17px;height:17px;border-radius:5px}.sort-popover>button.active{font-weight:800}.select-all{min-height:32px;padding:7px 10px;border-color:#cfdfdd;border-radius:8px;background:var(--surface);font-size:10px}.dark .inbox-controls>div>button{border-color:#376765;background:#173f43;color:#b5d0cd}.dark .inbox-controls>div>button.active{border-color:#4f8d86;background:#205255;color:#d7f2ed}.dark .inbox-popover{border-color:#376765}
@media(max-width:720px){.thread-page{max-width:none!important}.thread-page .conversation{max-width:none!important}.thread-page .message-body{padding:1px 15px 18px}.thread-page .reply-actions{margin-left:0;margin-right:0}.inbox-controls>div>button{min-height:34px}}

/* Conversation controls use the same optical weight everywhere. */
.message-toggle>.avatar{display:grid!important;flex:0 0 56px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;margin:0!important}.message-toggle>.message-sender{display:grid!important;flex:1 1 auto!important;min-width:0!important}
.conversation-actions{gap:7px}.conversation-actions button:not(.restore-button){display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.conversation-actions button:not(.restore-button):hover{transform:translateY(-1px);border-color:#8bbdb7;background:#eef7f5;color:var(--accent)}.conversation-actions svg,.message-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.conversation-actions svg circle{fill:currentColor;stroke:none}.message-chevron{display:grid;place-items:center;width:20px;height:20px;color:var(--muted)!important;font-style:normal;transition:transform .18s ease}.message-chevron svg{width:15px;height:15px}.message.open .message-chevron{transform:rotate(180deg)}.dark .conversation-actions button:not(.restore-button){background:var(--surface);border-color:#376765;color:#a9c4c1}.dark .conversation-actions button:not(.restore-button):hover{background:#205255;color:#d7f2ed}

/* One calm interaction language across the MVP. */
button:not(:disabled),.attach-button,.reply-attach,.from-picker,.message-toggle,.message-route,.row-select{cursor:pointer}.close,.icon-action,.theme-toggle,.reply-close{transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.close:hover,.icon-action:hover,.theme-toggle:hover,.reply-close:hover{transform:translateY(-1px);background:#eaf3f2!important;color:var(--accent)!important;border-color:#9cc9c3!important;box-shadow:0 5px 12px rgb(15 73 76 / .10)}.close:active,.icon-action:active,.theme-toggle:active,.reply-close:active{transform:translateY(0) scale(.96);box-shadow:none}.settings-layout nav button,.setting-row,.settings-account .outline,.storage-modal .outline,.add-account{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.settings-layout nav button:hover{background:#eaf3f2;color:var(--accent);transform:translateX(2px)}.setting-row:hover{background:linear-gradient(90deg,#f0f8f7,transparent);color:var(--accent)}.settings-account .outline:hover,.storage-modal .outline:hover,.add-account:hover{border-color:#83bcb4;background:#edf7f5;color:var(--accent);transform:translateY(-1px)}.message-toggle{transition:background-color .16s ease}.message-toggle:hover{background:#f6faf9}.message-route:hover{color:var(--accent);transform:scale(1.08)}.back-to-inbox{transition:color .16s ease,transform .16s ease}.back-to-inbox:hover{transform:translateX(-2px)}.attach-button,.reply-attach{transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.attach-button:hover,.reply-attach:hover{transform:translateY(-1px)}.dark .close:hover,.dark .icon-action:hover,.dark .theme-toggle:hover,.dark .reply-close:hover{background:#205255!important;border-color:#4f8d86!important;color:#d7f2ed!important}.dark .settings-layout nav button:hover{background:#205255;color:#d7f2ed}.dark .setting-row:hover{background:linear-gradient(90deg,#173f43,transparent);color:#d7f2ed}.dark .settings-account .outline:hover,.dark .storage-modal .outline:hover,.dark .add-account:hover{background:#205255;border-color:#4f8d86;color:#d7f2ed}.dark .message-toggle:hover{background:#1c4a4e}
@media(prefers-reduced-motion:reduce){.close,.icon-action,.theme-toggle,.reply-close,.settings-layout nav button,.setting-row,.settings-account .outline,.storage-modal .outline,.add-account,.message-toggle,.back-to-inbox,.attach-button,.reply-attach{transition:none!important}}

.bulk-bar .danger{color:#a44646}.bulk-bar .danger:hover{background:#fff0ef;color:#963737}
.empty-trash{min-height:38px;border:1px solid #e1b9b5;border-radius:9px;background:#fff8f7;color:#a44646;padding:0 12px;font:700 11px 'DM Sans';cursor:pointer}.empty-trash:hover{border-color:#cf8f88;background:#fff0ef;color:#963737}.dark .empty-trash{border-color:#704542;background:#382526;color:#efaaa4}.dark .empty-trash:hover{background:#4a2b2b}

/* Field focus belongs to the row, never to a hard rectangular input box. */
.compose-modal .composer-field,.reply-addresses label{position:relative;transition:background-color .16s ease}.compose-modal .composer-field{padding-right:8px;padding-left:8px}.compose-modal .composer-field:focus-within,.reply-addresses label:focus-within{background:#f2f8f7;border-radius:0}.compose-modal .composer-field:focus-within:after,.reply-addresses label:focus-within:after,.compose-editor:focus-within:after{content:none}.compose-modal .composer-field input:focus-visible,.reply-addresses input:focus-visible,.compose-body:focus-visible,.reply textarea:focus-visible{outline:0!important}.compose-modal .compose-editor{position:relative;border:1px solid #e1ecea!important;border-radius:10px!important;background:#fbfdfd!important;transition:border-color .16s ease,background-color .16s ease}.compose-modal .compose-editor:focus-within{border-color:#91c9c1!important;background:#fbfdfd!important;box-shadow:none!important}.compose-modal .compose-body{padding:14px 16px!important}.reply:has(textarea:focus){border-color:#dce8e6}.reply textarea{box-sizing:border-box;border:1px solid #e1ecea;border-radius:10px;padding:13px 15px;background:#fbfdfd;transition:border-color .16s ease,background-color .16s ease}.reply textarea:focus{border-color:#91c9c1;box-shadow:none;background:#fbfdfd}.dark .compose-modal .composer-field:focus-within,.dark .reply-addresses label:focus-within{background:#183f42}.dark .compose-modal .compose-editor{border-color:#315654!important;background:#102d30!important}.dark .compose-modal .compose-editor:focus-within{border-color:#4f8d86!important;background:#102d30!important}.dark .reply textarea{border-color:#315654;background:#102d30}.dark .reply textarea:focus{border-color:#4f8d86;background:#102d30}

/* One writing-surface system: compact fields stay light; message canvases stay calm. */
.reply{border-color:#dce8e6}.reply:has(textarea:focus){border-color:#dce8e6}.reply textarea{margin-top:4px;margin-bottom:12px;min-height:178px}.dark .reply,.dark .reply:has(textarea:focus){border-color:#315654}
@media(max-width:720px){.compose-modal{height:calc(100dvh - 20px);min-height:0!important;max-height:calc(100dvh - 20px)}.compose-modal .compose-editor{min-height:0!important;flex:1 1 auto}.compose-modal .compose-body{min-height:0!important}.compose-modal .compose-footer{flex:0 0 auto}.compose-modal .compose-attachments:empty{display:none}.reply textarea{min-height:158px}}

/* Conversation headers are reading anchors, not metadata. */
.thread-page .message-toggle{padding:18px 20px!important;gap:13px}.thread-page .message-toggle .message-sender{gap:4px}.thread-page .message-toggle .message-sender>b{font-size:14px!important;letter-spacing:-.01em}.thread-page .message-toggle .sender-email small{font-size:12px!important;line-height:1.4}.thread-page .message-toggle time{font-size:12px!important;font-variant-numeric:tabular-nums}.thread-page .message-chevron{width:24px;height:24px}.thread-page .message-chevron svg{width:17px;height:17px}@media(max-width:720px){.thread-page .message-toggle{padding:15px!important;gap:10px}.thread-page .message-toggle .message-sender>b{font-size:13px!important}.thread-page .message-toggle .sender-email small,.thread-page .message-toggle time{font-size:11px!important}}
.conversation-actions .restore-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:34px!important;min-width:max-content;padding:0 12px!important;white-space:nowrap;line-height:1!important;border-radius:8px!important}

/* Today v2: a calm daily cockpit, not another inbox. */
.today-page{max-width:1240px;margin:0 auto}.today-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.today-head h1{margin:7px 0 5px;font-size:34px}.today-head p{margin:0;color:var(--muted);font-size:13px}.today-head-actions{display:flex;align-items:center;gap:9px}.today-sync,.text-action{border:0;background:transparent;color:var(--muted);font:700 11px 'DM Sans';cursor:pointer}.today-sync{display:inline-flex;align-items:center;gap:6px}.today-sync svg{width:15px;height:15px;fill:none;stroke:#4cae9e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.today-grid{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(310px,.95fr) 250px;gap:16px;align-items:stretch}.focus-card,.attention-card,.today-overview{border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 12px 28px rgb(14 49 51 / .05)}.focus-card{padding:24px}.focus-card>header,.attention-card header,.today-overview header,.today-upnext header{display:flex;align-items:start;justify-content:space-between;gap:10px}.focus-reason{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:10px;font-weight:700}.focus-reason svg,.focus-context svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.focus-card .person-line{margin:23px 0 15px}.focus-card h2{margin:0 0 8px;font-size:23px}.focus-card>p{min-height:42px;margin:0;color:#657a7d;font-size:13px;line-height:1.6}.focus-context{display:grid;gap:7px;margin-top:19px;padding:13px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.focus-context span{display:flex;align-items:center;gap:6px}.focus-context b{color:var(--ink)}.focus-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.attention-card{padding:21px}.attention-card h2{margin:7px 0 0;font-size:18px}.text-action{padding:4px 0;color:var(--accent);white-space:nowrap}.text-action:hover{color:#0d484d;text-decoration:underline;text-underline-offset:3px}.attention-list{display:grid;gap:4px;margin-top:18px}.attention-list>button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px 7px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.attention-list>button:hover{background:#f1f8f7}.attention-list .avatar{width:32px;height:32px;font-size:9px}.attention-list span{display:grid;gap:3px;min-width:0}.attention-list b,.attention-list small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attention-list b{font-size:11px}.attention-list small,.attention-list time{font-size:10px;color:var(--muted)}.quiet-note{margin:22px 0;color:var(--muted);font-size:12px}.today-overview{padding:18px}.today-overview header button{border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer}.overview-total{display:flex;align-items:center;gap:9px;margin:18px 0 15px}.overview-total b{font:800 31px Manrope;color:var(--accent);letter-spacing:-.06em}.overview-total span{color:var(--muted);font-size:10px;line-height:1.4}.account-status{display:grid;border-top:1px solid var(--line)}.account-status button{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.account-status button:hover span{color:var(--accent)}.account-status span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.account-status b{font-size:10px}.account-status small{grid-column:2/-1;color:var(--muted);font-size:9px}.today-overview footer{display:flex;align-items:center;gap:5px;padding-top:13px;color:#468d82;font-size:10px;font-weight:700}.today-overview footer svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.today-upnext{max-width:none;margin-top:30px}.today-upnext>header{margin-bottom:9px}.today-upnext h2{margin:5px 0 0;font-size:18px}.dark .focus-card,.dark .attention-card,.dark .today-overview{border-color:var(--line);background:var(--surface)}.dark .focus-card>p{color:#b3c9c6}.dark .attention-list>button:hover{background:#1c4a4e}.dark .text-action{color:#9addcf}.dark .today-sync{color:#9bb8b5}
@media(max-width:1050px){.today-grid{grid-template-columns:minmax(350px,1fr) minmax(300px,1fr)}.today-overview{grid-column:1/-1}.today-overview .account-status{grid-template-columns:repeat(3,1fr);gap:12px}.today-overview .account-status button{grid-template-columns:8px minmax(0,1fr) auto}.today-overview .account-status small{grid-column:2/-1}}@media(max-width:720px){.today-head{display:grid;gap:15px;margin-bottom:20px}.today-head h1{font-size:29px}.today-head-actions{justify-content:space-between}.today-grid{grid-template-columns:1fr;gap:12px}.focus-card,.attention-card,.today-overview{border-radius:13px}.today-overview{grid-column:auto}.today-overview .account-status{grid-template-columns:1fr}.focus-card{padding:20px}.today-upnext{margin-top:22px}.today-sync{font-size:10px}}

/* Inbox and conversation density: clear status, less visual noise. */
.full-list .dense-row{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.full-list .dense-row .mail-identity{opacity:.76}.full-list .dense-row:hover .mail-identity{opacity:1}.bulk-bar{max-width:min(100%,760px);overflow:auto;scrollbar-width:none}.bulk-bar::-webkit-scrollbar{display:none}.bulk-bar button{white-space:nowrap}.thread-page .message-stack{gap:12px}.thread-page .message{border-color:#dce7e5;box-shadow:0 5px 16px rgb(10 43 45 / .035)}.thread-page .message.open{box-shadow:0 9px 22px rgb(10 43 45 / .07)}.thread-page .message-toggle{min-height:76px}.thread-page .message-body{color:#5e7275}.thread-page .message+.message:before{content:'';display:block;width:30px;height:1px;margin:-7px auto 7px;background:#dbe7e5}.attachment{border-radius:9px;background:#fbfdfd}.spam-notice{border-radius:10px}.sync-status{border-radius:6px}.sync-status:hover{background:#eef7f5;padding-left:6px;padding-right:6px}.dark .thread-page .message{border-color:#315654;box-shadow:none}.dark .thread-page .message.open{box-shadow:0 8px 18px #0003}.dark .thread-page .message+.message:before{background:#315654}.dark .attachment{background:#143538}.dark .sync-status:hover{background:#205255}@media(max-width:720px){.thread-page .message-toggle{min-height:64px}.thread-page .message+.message:before{display:none}}

/* Inbox toolbar: compact, calm and aligned with the rest of the UI. */
.inbox-controls{gap:8px!important}.inbox-controls>div>button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px!important;padding:0 12px!important;border:1px solid #cbdedb!important;border-radius:9px!important;background:var(--surface)!important;color:#507075!important;font:700 11px 'DM Sans'!important;box-shadow:0 1px 1px rgb(13 43 45 / .03)!important}.inbox-controls>div>button:hover{border-color:#86bbb5!important;background:#f0f8f7!important;color:var(--accent)!important;transform:translateY(-1px)}.inbox-controls>div>button.active{border-color:#78afa8!important;background:#e5f2f0!important;color:var(--accent)!important}.inbox-controls>div>button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inbox-controls>div>button[data-action="filter"]{font-size:0!important}.inbox-controls>div>button[data-action="filter"]:before{content:'Filter';font:700 11px 'DM Sans'}.inbox-controls>div>button[data-action="filter"]:after{content:'';width:13px;height:9px;margin-left:1px;border-top:1.7px solid currentColor;border-bottom:1.7px solid currentColor;box-sizing:border-box}.inbox-controls>div>button[data-action="filter"] b{font-size:9px!important}.dark .inbox-controls>div>button{border-color:#3a6d6a!important;background:#173f43!important;color:#b5d0cd!important}.dark .inbox-controls>div>button:hover,.dark .inbox-controls>div>button.active{border-color:#4f8d86!important;background:#205255!important;color:#d7f2ed!important}
.conversation-actions button.is-starred{border-color:#d6b45c!important;background:#fff8df!important;color:#bd8b18!important}.conversation-actions button.is-starred svg{fill:currentColor}.row-star{display:grid;place-items:center;width:12px;height:12px;color:#c9951f;font-size:15px;font-style:normal;line-height:1}.dark .conversation-actions button.is-starred{border-color:#806b35!important;background:#433c24!important;color:#edce70!important}.dark .row-star{color:#edce70}
.bulk-selected .row-select{opacity:1!important;pointer-events:auto!important;border-color:var(--accent);background:var(--accent)}

/* Navigation, menus and calm state feedback. */
.main-nav button i{display:grid;place-items:center}.main-nav button i svg,.profile>i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-nav button{min-height:39px}.profile{width:100%;margin-top:6px;padding:10px 8px;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;border-radius:11px;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.profile:hover{transform:translateY(-1px);border-color:#d9e8e6;background:#f9fbfb;color:var(--ink);box-shadow:0 7px 16px rgb(12 53 55 / .07)}.profile:hover b{color:var(--accent)}.profile>i{display:grid;place-items:center;color:var(--muted);transition:transform .18s ease,color .18s ease}.profile:hover>i{transform:translateY(2px);color:var(--accent)}.settings-layout .setting-row:has(.switch):hover{background:transparent;color:var(--ink)}.settings-layout .setting-row:has(.switch):hover .switch{box-shadow:0 0 0 4px rgb(21 94 99 / .09)}.identity-row select,.account-connect select{cursor:pointer}.identity-row select:hover,.account-connect select:hover{border-color:#83bcb4}.more-wrap{position:relative;display:block}.conversation-menu{position:absolute;z-index:4;right:0;top:calc(100% + 7px);display:grid;min-width:205px;padding:6px;border:1px solid #cbdedb;border-radius:10px;background:var(--surface);box-shadow:0 16px 34px rgb(13 46 48 / .16)}.conversation-menu button{width:100%!important;height:auto!important;display:block!important;border:0!important;background:transparent!important;padding:9px 10px!important;border-radius:7px!important;color:var(--ink)!important;font:600 11px 'DM Sans'!important;text-align:left;box-shadow:none!important;transform:none!important}.conversation-menu button:hover{background:#edf7f5!important;color:var(--accent)!important}.conversation-menu .danger{color:#af4c4c!important}.conversation-menu .danger:hover{background:#fff2f1!important;color:#9f3838!important}.empty-state{display:grid;justify-items:center;gap:8px;padding:72px 20px;text-align:center;color:var(--muted)}.empty-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6f3f1;color:var(--accent);font-size:18px}.empty-state b{color:var(--ink);font-size:13px}.empty-state small{max-width:300px;line-height:1.55}.empty-state .outline{margin-top:5px}.row-select{opacity:0;pointer-events:none}.selection-mode .row-select,.dense-row:hover .row-select{opacity:1;pointer-events:auto}.dark .profile:hover{border-color:#376765;background:#173f43;color:#d7f2ed;box-shadow:0 7px 16px #0004}.dark .profile:hover b{color:#9addcf}.dark .conversation-menu{border-color:#376765;background:var(--surface)}.dark .conversation-menu button:hover{background:#205255!important;color:#d7f2ed!important}.dark .empty-state>span{background:#205255;color:#9addcf}
@media(max-width:720px){.row-select{opacity:1;pointer-events:auto}.main-nav button i svg{width:18px;height:18px}.conversation-menu{right:-2px}.profile{display:none!important}}

.settings-link>i{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px;color:currentColor}.settings-link>i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Storage must read as progress, not as a plain circle. */
.storage-ring{background:conic-gradient(var(--accent) var(--storage),#dceae8 0)!important;box-shadow:0 6px 15px rgb(14 65 67 / .07)}.dark .storage-ring{background:conic-gradient(var(--accent) var(--storage),#2b5758 0)!important}.dark .storage-ring:before{background:var(--surface)}

/* Tablet layout: stop squeezing a desktop inbox into a narrow workspace. */
@media(max-width:1100px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;right:0;bottom:0;left:0;width:100%;height:76px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px)}.sidebar .brand,.sidebar .compose-button,.sidebar .account-list,.sidebar .sidebar-footer{display:none}.main-nav{height:100%;display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:3px;overflow-x:auto}.main-nav button,.main-nav button.active{display:flex;min-width:72px;flex-direction:column;justify-content:center;gap:3px;padding:5px;border-radius:9px;font-size:9px;line-height:1.1;text-align:center}.main-nav button i{width:auto;height:18px;font-size:17px;line-height:17px}.main-nav button b{display:none}.workspace{min-height:100vh}.topbar{height:70px;padding:0 28px}.content{padding:26px 28px 108px}.inbox-surface{max-width:none;padding:27px}.full-list .dense-row{grid-template-columns:20px 38px minmax(150px,.9fr) minmax(0,1.45fr) 56px 8px;gap:12px}.full-list .dense-row .mail-identity{display:none}.full-list .dense-row .mail-time{min-width:0}.thread-page{padding-bottom:35px}}
@media(max-width:860px){.topbar{height:64px;padding:0 18px}.crumb{font-size:11px}.global-search{width:min(260px,35vw)}.content{padding:20px 16px 106px}.inbox-surface{padding:22px}.inbox-surface .inbox-head{display:block}.inbox-controls{margin-top:15px}.mail-categories{overflow:auto;scrollbar-width:none}.mail-categories small{display:none}.full-list .dense-row{grid-template-columns:18px 36px minmax(0,1fr) auto 7px;grid-template-rows:auto auto;gap:3px 9px;padding:12px 7px;align-items:start}.full-list .dense-row:hover,.full-list .dense-row.selected{padding:12px 7px}.full-list .dense-row>.row-select{grid-column:1;grid-row:1 / span 2;align-self:center}.full-list .dense-row>.avatar{grid-column:2!important;grid-row:1 / span 2!important;width:36px;height:36px;margin-top:1px}.full-list .dense-row>.mail-sender{grid-column:3!important;grid-row:1!important;display:block}.full-list .dense-row>.mail-subject{grid-column:3!important;grid-row:2!important;display:block;min-width:0}.full-list .dense-row>.mail-time{grid-column:4!important;grid-row:1!important;font-size:10px}.full-list .dense-row>.unread-dot{grid-column:5!important;grid-row:1!important;margin-top:4px}.full-list .dense-row .mail-sender small{display:none}.full-list .dense-row .mail-subject strong,.full-list .dense-row .mail-subject small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-list .dense-row .mail-subject strong{font-size:11px}.full-list .dense-row .mail-subject small{display:inline;margin-left:5px;font-size:10px}}

/* Keep the writing canvas distinct from the action footer. */
.compose-modal .compose-editor{margin-bottom:14px!important}.compose-modal .compose-body,.reply textarea{resize:none!important}
@media(max-width:720px){.compose-modal .compose-editor{margin-bottom:10px!important}}

.settings-link{transition:background-color .16s ease,color .16s ease,transform .16s ease}.settings-link:hover{background:#eaf3f2;color:var(--accent);transform:translateY(-1px)}.dark .settings-link:hover{background:#205255;color:#d7f2ed}

/* Subject uses the same label column as Aan and Van. */
.compose-modal .composer-field.subject-field{grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important}.compose-modal .composer-field.subject-field>input{grid-column:2!important;grid-row:1!important;min-width:0!important}

/* Reply/forward fields use the same quiet field language as New message. */
.reply-addresses{margin:0 20px;border-bottom:1px solid var(--line)}
.reply-addresses label{grid-template-columns:82px minmax(0,1fr);min-height:50px;padding:0 8px;border-bottom:1px solid var(--line);background:transparent;transition:background-color .16s ease}
.reply-addresses label:focus-within{background:var(--soft);border-radius:7px}
.reply-addresses label>span{font-size:12px;color:var(--muted);font-weight:700}
.reply-addresses input{padding:12px 0;font-size:14px}
.reply-meta{min-height:50px;margin:0 20px;padding:0 8px;gap:8px}
.reply-from-select{position:relative;display:block}
.reply-from-picker{display:flex;align-items:center;gap:8px;width:max-content;min-height:34px;padding:6px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:600 13px 'DM Sans';cursor:pointer;transition:background-color .16s ease,color .16s ease}
.reply-from-picker:hover,.reply-from-picker:focus-visible{background:var(--soft);color:var(--accent);outline:0}
.reply-from-picker i{width:7px;height:7px;margin:0 0 3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.reply-from-menu{top:calc(100% + 5px);left:0;min-width:224px}
@media(max-width:720px){.reply-addresses{margin-left:15px;margin-right:15px}.reply-addresses label{grid-template-columns:65px minmax(0,1fr);min-height:48px;padding-left:7px;padding-right:7px}.reply-addresses input{font-size:13px}.reply-meta{margin-left:15px;margin-right:15px;min-height:48px;padding-left:7px;padding-right:7px}.reply-from-picker{font-size:12px}}
.dark .reply-addresses label:focus-within{background:#183f42}.dark .reply-from-picker:hover,.dark .reply-from-picker:focus-visible{background:#205255;color:#d7f2ed}

/* Long messages expand naturally while keeping the composer footer reachable. */
.compose-modal .compose-body{height:auto!important;min-height:280px!important;max-height:420px!important;overflow-y:hidden!important}
.reply textarea{height:auto!important;min-height:178px!important;max-height:360px!important;overflow-y:hidden!important}
.reply-head-actions{display:flex;align-items:center;gap:7px;min-width:0}.reply-head-actions .reply-from-select{position:relative;min-width:0}.reply-from-picker{max-width:250px}.reply-from-label{color:var(--muted);font-size:10px;font-weight:700;margin-right:4px}.reply-from-address{display:inline-block;max-width:155px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.reply-head-actions .reply-from-picker{min-height:32px;padding:5px 8px;font-size:11px}.reply-head-actions .reply-from-picker i{flex:none}.reply-head-actions .reply-from-menu{top:calc(100% + 6px);right:0;left:auto}.reply-head-actions .reply-close{flex:none}
@media(max-width:720px){.compose-modal .compose-body{min-height:260px!important;max-height:360px!important}.reply textarea{min-height:158px!important;max-height:300px!important}}
.dark .reply-from-label{color:var(--muted)}
.toast{display:flex;align-items:center;gap:14px}.toast button{border:0;background:transparent;color:#9addcf;padding:3px 0;font:800 11px 'DM Sans';cursor:pointer;text-decoration:underline;text-underline-offset:3px}.toast button:hover{color:#fff}.sync-status.error{color:#b65353}.settings-select-row{display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.settings-select-row span{display:grid;gap:3px}.settings-select-row small{font-size:9px;color:var(--muted)}.settings-select-row select{width:auto;min-width:130px;cursor:pointer}.dark .toast button{color:#9addcf}.dark .sync-status.error{color:#e68d87}

.mobile-compose-fab{display:none}
@media(max-width:1100px){.mobile-compose-fab{position:fixed;z-index:15;right:18px;bottom:92px;display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:50%;background:var(--accent);color:#fff;font:500 29px/1 'DM Sans';cursor:pointer;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 32%,transparent);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.mobile-compose-fab:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 88%,#fff);box-shadow:0 16px 30px color-mix(in srgb,var(--accent) 38%,transparent)}.mobile-compose-fab:active{transform:scale(.95)}.has-modal .mobile-compose-fab{display:none}}
@media(max-width:430px){.mobile-compose-fab{right:14px;bottom:90px;width:50px;height:50px;font-size:27px}}

/* Mobile conversation pass: keep all reply controls present and comfortably tappable. */
@media(max-width:720px){.thread-page{padding-top:0}.thread-page .conversation-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.thread-page .conversation-head>div:first-child{min-width:0;flex:1 1 250px}.thread-page .conversation-head h2{font-size:24px;line-height:1.18;overflow-wrap:anywhere}.thread-page .conversation-actions{margin-left:auto;flex:0 0 auto}.thread-page .message-toggle{align-items:flex-start}.thread-page .message-toggle time{white-space:nowrap}.thread-page .sender-email{min-width:0}.thread-page .sender-email small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-page .attachment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply{border-radius:12px}.reply-head{align-items:flex-start;padding-top:15px}.reply-head small{line-height:1.4}.reply-addresses label{min-height:48px}.reply-meta{display:flex!important;min-height:48px;align-items:center!important;gap:10px!important;padding:9px 0!important}.reply-meta>span{flex:0 0 auto}.reply-meta .reply-from{display:inline-flex!important;min-width:0;max-width:calc(100% - 110px)}.reply-meta .reply-from select{display:block!important;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:18px!important;font-size:12px!important}.reply footer{gap:10px;min-height:68px}.reply footer .reply-footer-meta{display:flex!important;min-width:0}.reply footer .reply-attach{display:inline-flex!important}.reply footer .primary{flex:0 0 auto;white-space:nowrap}.reply textarea{margin-top:6px!important;margin-bottom:12px!important;padding:13px 14px!important;min-height:158px}.reply-attachments{margin-bottom:10px}}

/* Keep the visible value aligned with the other composer inputs in every language. */
.compose-modal .from-picker{padding-left:0!important}
.compose-modal .from-picker{margin-left:11px!important}

/* Mobile navigation keeps the core close and moves the expandable product areas into More. */
.mobile-more{display:none}.mobile-more-modal{display:none}
@media(max-width:1100px){.main-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible}.main-nav button{min-width:0!important}.main-nav button[data-view="archive"],.main-nav button[data-view="spam"],.main-nav button[data-view="trash"]{display:none!important}.main-nav .mobile-more{display:flex!important}.mobile-more-overlay{align-items:end;padding:0}.mobile-more-modal{display:block;width:100%;max-width:none;max-height:min(82dvh,720px);margin:0;padding:20px 20px calc(18px + env(safe-area-inset-bottom));overflow:auto;border-radius:20px 20px 0 0;background:var(--surface);box-shadow:0 -18px 48px rgb(7 30 32 / .22)}.mobile-more-modal>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.mobile-more-modal h2{margin:5px 0 0;font-size:20px}.mobile-more-modal .close{position:static;flex:0 0 auto}.mobile-compose-action{width:100%;margin:0 0 17px;padding:12px 15px;font-size:13px}.mobile-more-modal section{display:grid;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.mobile-more-modal section>.eyebrow{margin:0 0 6px 4px}.mobile-more-modal section>button{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--ink);padding:8px 9px;text-align:left;font:600 13px 'DM Sans';cursor:pointer}.mobile-more-modal section>button:hover{background:#eef7f5;color:var(--accent)}.mobile-more-modal section>button span{margin-left:auto;color:var(--muted);font-size:11px}.mobile-more-modal section>button .dot{width:8px;height:8px}.dark .mobile-more-modal{background:var(--surface)}.dark .mobile-more-modal section>button:hover{background:#205255;color:#d7f2ed}}

/* Final mobile pass: usable top bar, full-screen modal focus and safe-area spacing. */
@media(max-width:720px){.overlay{z-index:30}.top-actions{gap:2px}.global-search{width:min(164px,30vw)!important;height:34px!important;padding:0 9px!important;border:1px solid var(--line)!important;background:var(--surface)!important;justify-content:flex-start!important}.global-search input{display:block!important;font-size:10px!important}.global-search kbd{display:none!important}.global-search:focus-within{border-color:#91c9c1!important;box-shadow:0 0 0 3px rgb(21 94 99 / .08)}.theme-toggle{flex:0 0 auto}.icon-action{flex:0 0 auto}.mobile-more-overlay{z-index:40!important}.mobile-more-modal{max-height:88dvh!important;padding-bottom:28px!important}.storage-modal,.settings-modal,.accounts-modal,.simple-modal{width:100%!important;max-width:none!important;max-height:88dvh;min-height:0!important;margin:0!important;padding:20px!important;overflow:auto;border-radius:20px 20px 0 0!important}.overlay:has(.storage-modal),.overlay:has(.settings-modal),.overlay:has(.accounts-modal),.overlay:has(.simple-modal){align-items:end;padding:0}.storage-hero{align-items:flex-start;gap:18px}.storage-breakdown{gap:9px}.settings-layout{min-height:0}.settings-content{padding-bottom:8px}.account-connect{padding:13px}.toast{right:14px;bottom:90px;left:14px;text-align:center}.thread-page .back-to-inbox{min-height:34px}.reply-actions{position:sticky;bottom:76px;z-index:3;padding:10px 0;background:linear-gradient(to bottom,transparent,var(--bg) 24%)}.reply-actions button{min-height:40px}}
@media(max-width:430px){.crumb{display:none}.topbar{justify-content:flex-end}.global-search{width:124px!important}.theme-toggle{width:58px}.help-grid{grid-template-columns:1fr}.mobile-more-modal{padding-right:16px!important;padding-left:16px!important}}

@media(max-width:1100px){body.has-modal .sidebar{visibility:hidden!important;pointer-events:none}}

/* PostHub Orbit: mobile navigation lives in the top bar and only opens when needed. */
.mobile-orbit,.mobile-account-trigger{display:none}
@media(max-width:1100px){
  .sidebar{display:none!important}
  .main-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .content{padding-bottom:32px!important}
  .mobile-orbit{display:flex;align-items:center;gap:6px;min-width:0}
  .mobile-menu-trigger{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}
  .mobile-menu-trigger:hover{background:var(--soft);color:var(--accent);transform:translateY(-1px)}
  .mobile-context{display:flex;align-items:center;gap:7px;min-width:0;max-width:215px;border:0;background:transparent;color:var(--ink);padding:6px 7px;border-radius:9px;text-align:left;font:700 11px 'DM Sans';cursor:pointer;transition:background-color .16s ease,color .16s ease}
  .mobile-context:hover{background:var(--soft);color:var(--accent)}
  .mobile-context>span:nth-of-type(1){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-context .dot{width:7px;height:7px}.mobile-chevron{color:var(--muted);font-size:16px;line-height:10px;margin-top:-3px}
  .mobile-account-trigger{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#202a42;color:#fff;font:800 10px 'DM Sans';cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
  .mobile-account-trigger:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgb(13 46 48 / .18)}
  .topbar{height:64px;padding:0 14px;gap:6px}
  .crumb{display:none}.topbar .top-actions{margin-left:auto;gap:5px}
  .theme-toggle,.top-actions>.icon-action{display:none!important}
  .global-search{width:min(150px,28vw)!important;height:34px!important;padding:0 9px!important;border:1px solid var(--line)!important;background:var(--surface)!important;justify-content:flex-start!important}
  .global-search input{display:block!important;font-size:10px!important}.global-search kbd{display:none!important}
  .mobile-compose-fab{bottom:22px!important;right:18px!important}
  .mobile-more{display:none!important}
}
@media(max-width:430px){.mobile-context{max-width:138px}.global-search{width:108px!important}.topbar{padding:0 10px}.mobile-account-trigger{width:32px;height:32px}.mobile-menu-trigger{width:34px;height:34px}}
@media(max-width:720px){.content{padding-bottom:28px!important}.toast{bottom:20px!important}.reply-actions{bottom:10px!important}}

/* Orbit drawer and account sheet. */
.mobile-menu-overlay{align-items:stretch!important;justify-content:flex-start!important;padding:0!important}
.mobile-menu-modal{display:block;width:min(326px,88vw);height:100dvh;max-width:none;margin:0;padding:22px 16px calc(24px + env(safe-area-inset-bottom));overflow:auto;border-radius:0 20px 20px 0;background:var(--surface);box-shadow:18px 0 50px rgb(7 30 32 / .24)}
.mobile-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.mobile-drawer-header h2{margin:5px 0 0;font-size:21px}.mobile-drawer-header .close{position:static;flex:none}
.mobile-compose-action{width:100%;margin:0 0 18px;padding:12px 15px;font-size:13px}
.mobile-drawer-nav,.mobile-drawer-section{display:grid;gap:3px}.mobile-drawer-section{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.mobile-drawer-section>.eyebrow{margin:0 7px 5px}
.mobile-drawer-item{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;border:0;border-radius:9px;background:transparent;color:var(--ink);padding:8px 10px;text-align:left;font:600 12px 'DM Sans';cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.mobile-drawer-item:hover,.mobile-drawer-item.active{background:#eaf4f2;color:var(--accent)}.mobile-drawer-item:hover{transform:translateX(2px)}.mobile-drawer-item>i{display:grid;place-items:center;width:18px;color:var(--muted);font-style:normal;font-size:16px}.mobile-drawer-item.active>i{color:var(--accent)}.mobile-drawer-item>span{min-width:0;flex:1}.mobile-drawer-item>b,.mobile-drawer-item>em{margin-left:auto;font-style:normal;color:var(--muted);font-size:11px}.mobile-drawer-item>b{color:var(--accent);background:#dff0ed;border-radius:10px;padding:3px 7px;font-size:9px}.mobile-drawer-item .drawer-check{background:transparent;padding:0;font-size:15px}.mobile-drawer-item .dot{width:8px;height:8px}
.mobile-drawer-item>em{display:grid;place-items:center;width:20px;height:20px;margin-left:auto;color:var(--muted);font-size:20px;font-weight:500;line-height:1}
.mobile-account-overlay{align-items:end!important;padding:0!important}.mobile-account-modal{display:block;width:100%;max-width:none;max-height:78dvh;margin:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));overflow:auto;border-radius:20px 20px 0 0}.mobile-account-list{display:grid;gap:4px}.mobile-account-choice{display:flex;align-items:center;gap:11px;width:100%;min-height:57px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);padding:9px 10px;text-align:left;cursor:pointer}.mobile-account-choice:hover,.mobile-account-choice.active{border-color:#c7dfdc;background:#edf7f5}.mobile-account-choice>span{display:grid;gap:3px;flex:1;min-width:0}.mobile-account-choice b{font-size:12px}.mobile-account-choice small{font-size:10px;color:var(--muted)}.mobile-account-choice>strong{color:var(--accent);font-size:16px}.mobile-account-choice .dot{width:9px;height:9px}.mobile-account-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.mobile-account-actions .outline{width:100%;padding:10px 6px;font-size:10px}
.dark .mobile-menu-item:hover,.dark .mobile-drawer-item:hover,.dark .mobile-drawer-item.active{background:#205255;color:#d7f2ed}.dark .mobile-account-choice:hover,.dark .mobile-account-choice.active{border-color:#376765;background:#205255}.dark .mobile-account-trigger{background:#d7f2ed;color:#193235}
@media(max-width:1100px){body.has-modal .mobile-compose-fab{display:none}}

/* The compose action stays a true circle and never competes with mobile navigation sheets. */
@media(max-width:1100px){
  .mobile-compose-fab{
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
    flex:none!important;
  }
  body.mobile-navigation-open .mobile-compose-fab{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.92)!important;
  }
}
@media(max-width:430px){.mobile-compose-fab{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important}}
.mobile-account-notifications{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px}.mobile-account-notifications i{font-style:normal}.mobile-account-notifications b{background:#e07b6f;color:#fff;border-radius:999px;padding:3px 6px;font-size:9px}
.toast.hidden{display:none!important}
.mobile-drawer-actions{display:flex;align-items:center;gap:8px;flex:none}.mobile-drawer-actions .close,.mobile-menu-notification{position:relative!important;margin:0!important;font-size:15px!important}

.summary-actions{display:inline-flex;align-items:center;gap:9px}.sync-status{border:0;background:transparent;color:var(--muted);padding:5px 2px;font:600 10px 'DM Sans';cursor:pointer}.sync-status:hover{color:var(--accent)}.sync-status:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#57b9a8}.sync-status.syncing:before{border:1.5px solid #9fc8c2;border-top-color:var(--accent);background:transparent;animation:spin .7s linear infinite}.skeleton-list{display:grid;gap:6px}.skeleton-list>i{display:grid;grid-template-columns:42px minmax(140px,.7fr) minmax(280px,1.8fr) 130px 58px;gap:15px;align-items:center;min-height:68px;padding:13px 12px;border-radius:10px;background:var(--surface)}.skeleton-list b,.skeleton-list span,.skeleton-list em{display:block;height:12px;border-radius:99px;background:linear-gradient(90deg,#edf2f1 20%,#f7f9f8 40%,#edf2f1 60%);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-list b{width:38px;height:38px;border-radius:50%}.skeleton-list em{width:50px;justify-self:end}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.dark .skeleton-list>i{background:#173f43}.dark .skeleton-list b,.dark .skeleton-list span,.dark .skeleton-list em{background:linear-gradient(90deg,#205255 20%,#285f60 40%,#205255 60%);background-size:200% 100%}@media(max-width:720px){.summary-actions{width:100%;justify-content:space-between}.skeleton-list>i{grid-template-columns:34px minmax(0,1fr) 44px;min-height:58px}.skeleton-list>i span:nth-of-type(2),.skeleton-list>i em{display:none}}

/* Desktop navigation stays within the viewport; only its contents can scroll. */
@media(min-width:1101px){.sidebar{height:100vh;min-height:100vh;max-height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c9d8d6 transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#c9d8d6;border-radius:999px}.dark .sidebar{scrollbar-color:#376765 transparent}.dark .sidebar::-webkit-scrollbar-thumb{background:#376765}}

/* Desktop navigation groups mirror the mobile drawer: core views first, folders below. */
@media(min-width:1101px){
  .main-nav-primary,.main-nav-folders{display:grid;gap:3px}
  .main-nav-folders{border-top:1px solid var(--line);margin-top:15px;padding-top:14px}
  .main-nav-folders::before{content:'MAPPEN';margin:0 10px 5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em}
}
@media(max-width:1100px){.main-nav-primary,.main-nav-folders{display:contents}.main-nav-folders::before{display:none}}

/* All interactive settings rows share one hover surface and type rhythm. */
.settings-layout .setting-row{width:100%;margin-left:0;padding:15px 12px;border-radius:10px}
.settings-layout .setting-row:hover,.settings-layout .setting-row:has(.switch):hover{background:linear-gradient(90deg,#f0f8f7,transparent);color:var(--accent)}
.settings-layout .setting-row:has(.switch):hover{color:var(--ink)}
.dark .settings-layout .setting-row:hover,.dark .settings-layout .setting-row:has(.switch):hover{background:linear-gradient(90deg,#173f43,transparent);color:#d7f2ed}
.dark .settings-layout .setting-row:has(.switch):hover{color:#d7f2ed}

/* Keep select-based settings rows in the same type scale as setting rows. */
.settings-layout .settings-select-row{font-size:14px!important;font-weight:400!important;color:var(--ink)!important;margin-bottom:0!important}
.settings-layout .settings-select-row b{font-size:14px;font-weight:700;color:var(--ink)}
.settings-layout .settings-select-row small{font-size:11.6667px;color:var(--muted);line-height:1.35}

/* One calm focus system: keyboard focus stays visible, mouse focus does not add a second ring. */
:where(button,a,input,textarea,select,[role="button"],[role="checkbox"]):focus{outline:none}
:where(button,a,input,textarea,select,[role="button"],[role="checkbox"]):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:2px}
.global-search:focus-within{border-color:#91c9c1;box-shadow:0 0 0 3px rgb(21 94 99 / .08)}
.global-search input:focus-visible{outline:none}
.compose-modal .composer-field input:focus-visible,.reply-addresses input:focus-visible,.compose-body:focus-visible,.reply textarea:focus-visible{outline:none!important}
.dark .global-search:focus-within{border-color:#4f8d86;box-shadow:0 0 0 3px rgb(79 141 134 / .18)}

/* The accessibility preference disables decorative motion across the whole frontend. */
.reduce-motion *,
.reduce-motion *::before,
.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* Translation-safe composer grid: every label shares one stable start column. */
.compose-modal{--composer-label-width:112px}
.compose-modal .composer-field{grid-template-columns:var(--composer-label-width) minmax(0,1fr)!important;column-gap:12px!important;padding-left:8px!important;padding-right:8px!important}
.compose-modal .composer-field>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compose-modal .composer-field.to-field{grid-template-columns:var(--composer-label-width) minmax(0,1fr) auto!important}
.compose-modal .composer-field.to-field .recipient-options{grid-column:3!important}
.compose-modal .composer-field input,.compose-modal .composer-field select{min-width:0!important}
.reply-addresses label{grid-template-columns:var(--composer-label-width) minmax(0,1fr)!important;column-gap:12px}
.reply-addresses label>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:720px){.compose-modal{--composer-label-width:88px}.compose-modal .composer-field{column-gap:8px!important}.reply-addresses label{column-gap:8px}}
.compose-modal .composer-field.from-field,.compose-modal .composer-field.subject-field{grid-template-columns:var(--composer-label-width) minmax(0,1fr)!important}

/* Keep separators straight; only the actual sender control gets a rounded surface. */
.compose-modal .composer-field{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:8px!important;padding-right:8px!important;border-radius:0!important}
.compose-modal .composer-field:focus-within{background:transparent!important;border-radius:0!important}
.compose-modal .from-picker{margin-left:-8px;padding-left:10px;padding-right:10px;border-radius:7px}
.compose-modal .from-picker:hover,.compose-modal .from-picker:focus-visible{background:var(--soft);border-radius:7px}
.compose-modal .composer-field.to-field{grid-template-columns:var(--composer-label-width) minmax(0,1fr) auto!important}
.compose-modal .composer-field.to-field>input{grid-column:2!important}
.compose-modal .composer-field.subject-field>input{grid-column:2!important}
.compose-modal .composer-field>span{grid-column:1!important}
@media(max-width:720px){.compose-modal .composer-field{width:100%!important;margin-left:0!important;margin-right:0!important}}
.compose-modal .from-picker{margin-left:0!important;padding-left:10px!important}
.compose-modal .composer-field input{padding-left:10px!important}
.compose-modal .composer-field:not(.from-field):not(.to-field):not(.subject-field){grid-template-columns:var(--composer-label-width) minmax(0,1fr)!important}

/* Restore the calm colored focus surface without bending the row separators. */
.compose-modal .composer-field{position:relative;z-index:0}
.compose-modal .composer-field:focus-within::before{content:"";position:absolute;inset:3px 4px;background:#f2f8f7;border-radius:8px;pointer-events:none;z-index:0}
.compose-modal .composer-field>span,.compose-modal .composer-field input,.compose-modal .composer-field .from-select,.compose-modal .composer-field .recipient-options{position:relative;z-index:1}
.compose-modal .composer-field:focus-within{isolation:isolate}
.compose-modal .from-menu{isolation:isolate;background:#fff!important;background:var(--surface)!important;opacity:1!important;box-shadow:0 15px 32px rgb(11 33 35 / .18)}
.compose-modal .from-picker:focus-visible{outline:none}
.dark .compose-modal .composer-field:focus-within::before{background:#183f42}
.dark .compose-modal .from-menu{background:#17191b!important;background:var(--surface)!important}
.compose-modal .from-menu,.compose-modal .reply-from-menu{background-color:#fff!important;background-image:none!important;opacity:1!important}
.dark .compose-modal .from-menu,.dark .compose-modal .reply-from-menu{background-color:#17191b!important;background-image:none!important}
.settings-account-list{border-top:1px solid var(--line)}
.settings-account-list .settings-account{min-height:58px;padding:11px 0}
.settings-account select{min-width:132px;margin-left:auto;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:8px 9px;font:600 11px 'DM Sans';cursor:pointer}
.settings-account select:hover{border-color:#83bcb4}
.dark .settings-account select{background:var(--surface);border-color:#376765;color:var(--ink)}
.settings-account{display:grid!important;grid-template-columns:8px 122px minmax(0,1fr)!important;align-items:center;gap:11px!important}
.settings-account>span:nth-of-type(1){min-width:0;margin-right:0!important}
.settings-account>.settings-select-wrap{width:170px!important;margin-right:0!important;justify-self:end}
.settings-select-wrap{position:relative;display:block;min-width:0}
.settings-select-wrap select{display:block;width:100%;min-width:0;margin:0!important;appearance:none;-webkit-appearance:none;padding-right:30px!important}
.settings-select-wrap>i{position:absolute;right:12px;top:50%;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;color:var(--muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}
.settings-select-wrap:hover>i{color:var(--accent)}
.identity-row{display:grid;grid-template-columns:8px minmax(0,1fr) 170px;align-items:center;gap:9px}
.identity-row .settings-select-wrap{width:170px}
.identity-row .settings-select-wrap select{width:100%}
.accounts-modal .add-account{margin-top:18px}
.add-account-modal{width:min(560px,calc(100vw - 32px))}
.add-account-modal .account-connect{border:0;background:transparent;padding:0;margin-top:20px}
.account-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.account-provider{position:relative;display:grid;gap:5px;min-height:104px;padding:14px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.account-provider:hover{border-color:#83bcb4;background:#edf7f5;transform:translateY(-1px)}
.account-provider.active{border-color:#72bdb2;background:#edf7f5;box-shadow:0 0 0 2px #72bdb233}
.account-provider b{font-size:11px}.account-provider small{color:var(--muted);font-size:9px;line-height:1.4}.account-provider i{position:absolute;right:10px;top:10px;color:var(--accent);font-style:normal;font-weight:800}
.account-email-field{display:grid;gap:7px;margin:18px 0 13px;color:var(--muted);font-size:10px;font-weight:700}
.add-account-modal .account-connect>.primary{justify-self:start}
.dark .account-provider{border-color:#376765;background:var(--surface)}.dark .account-provider:hover,.dark .account-provider.active{border-color:#4f8d86;background:#205255}.dark .account-provider.active{box-shadow:0 0 0 2px #72bdb233}
@media(max-width:720px){.account-provider-grid{grid-template-columns:1fr}.account-provider{min-height:70px}.add-account-modal .account-connect>.primary{width:100%}}
.storage-explainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 10px}.storage-explainer article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.storage-explainer-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--surface);color:var(--accent);font-weight:800}.storage-explainer b{font-size:10px}.storage-explainer p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.45}.storage-note{margin:8px 0 14px;color:var(--muted);font-size:9px;line-height:1.5}.dark .storage-explainer article{border-color:#376765;background:#173f43}.dark .storage-explainer-icon{background:#205255;color:#9addcf}@media(max-width:720px){.storage-explainer{grid-template-columns:1fr}}
@media(max-width:720px){.settings-account>.settings-select-wrap{width:150px!important}.settings-account select{min-width:0;font-size:10px}}
@media(max-width:720px){.add-account-modal{width:100%!important;max-width:none!important;max-height:88dvh;min-height:0!important;margin:0!important;padding:20px!important;overflow:auto;border-radius:20px 20px 0 0!important}.overlay:has(.add-account-modal){align-items:end;padding:0}}
.settings-account{grid-template-columns:8px 122px minmax(0,1fr) auto!important}.account-remove{border:0;background:transparent;color:#a06e74;padding:7px 2px;font:700 9px 'DM Sans';cursor:pointer;white-space:nowrap}.account-remove:hover{color:#9f3838;text-decoration:underline;text-underline-offset:3px}.identity-row .account-remove{margin-left:2px}.dark .account-remove{color:#e39b9b}.dark .account-remove:hover{color:#ffb5b5}@media(max-width:720px){.settings-account{grid-template-columns:8px 1fr auto!important}.settings-account>.settings-select-wrap{grid-column:2/4;width:100%!important}.settings-account .account-remove{grid-column:3;grid-row:1}.settings-account>span:nth-of-type(1){grid-column:2}}
.identity-row{grid-template-columns:8px minmax(0,1fr) 170px auto}.identity-row .account-remove{font-size:9px}@media(max-width:720px){.identity-row{grid-template-columns:8px minmax(0,1fr) auto;gap:7px}.identity-row .settings-select-wrap{grid-column:2/4;width:100%}.identity-row .account-remove{grid-column:3;grid-row:1}}
/* Keep the reply recipient compact: label, address and Cc/Bcc share one row. */
.reply-addresses>label{display:grid!important;grid-template-columns:var(--composer-label-width,70px) minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important;min-height:48px!important;padding:0 8px!important}
.reply-addresses>label input{grid-column:2!important;grid-row:1!important;min-width:0!important}
.reply-addresses label>.reply-recipient-options{position:static!important;grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
@media(max-width:720px){.reply-addresses>label{grid-template-columns:65px minmax(0,1fr) auto!important;column-gap:7px!important}.reply-addresses label>.reply-recipient-options button{padding:4px 5px!important;font-size:11px!important}}
.settings-account{grid-template-columns:8px minmax(0,1fr) 170px auto!important;align-items:center!important}.settings-account>span:nth-of-type(1){min-width:0!important}.settings-account>span:nth-of-type(1) small{display:block;line-height:1.45;max-width:none;white-space:normal}.settings-account>.settings-select-wrap{width:170px!important}.settings-account .account-remove{justify-self:end}
.settings-select-row select{width:170px!important;min-width:170px!important;min-height:38px!important;appearance:none!important;-webkit-appearance:none!important;border:1px solid var(--line)!important;border-radius:8px!important;background-color:var(--surface)!important;color:var(--ink)!important;padding:8px 34px 8px 11px!important;outline:none!important}
/* One dropdown language across the entire interface. */
select{appearance:none!important;-webkit-appearance:none!important;width:100%;min-height:38px;border:1px solid var(--line)!important;border-radius:8px!important;background-color:var(--surface)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5 3.5 3.5L10.5 5' stroke='%2374888b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:14px!important;color:var(--ink)!important;padding:8px 34px 8px 11px!important;font:600 11px 'DM Sans'!important;cursor:pointer!important;outline:none!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.settings-select-wrap select{background-image:none!important;padding-right:30px!important}.settings-select-wrap>i{z-index:1}.account-connect select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5 3.5 3.5L10.5 5' stroke='%2374888b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.add-account-modal select:hover,select:hover{border-color:#83bcb4!important;background-color:#f7fbfa!important}.add-account-modal select:focus-visible,select:focus-visible{border-color:#72bdb2!important;box-shadow:0 0 0 3px rgb(21 94 99 / .10)!important}.dark select{background-color:var(--surface)!important;color:var(--ink)!important;border-color:#376765!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3.5 5 3.5 3.5L10.5 5' stroke='%239addcf' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.dark .settings-select-wrap select{background-image:none!important}.dark select:hover{background-color:#173f43!important;border-color:#4f8d86!important}
.add-account-modal .account-stepper{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;margin:18px 0 20px;color:var(--muted);font-size:10px;font-weight:700}.account-stepper>span{display:flex;align-items:center;gap:7px}.account-stepper>span:last-child{justify-content:flex-end}.account-stepper>span b{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-size:10px}.account-stepper>span.active{color:var(--accent)}.account-stepper>span.active b{border-color:var(--accent);background:var(--accent);color:#fff}.account-stepper>i{height:1px;background:var(--line)}.account-step-content{display:grid;gap:15px}.account-step-eyebrow{font-size:12px;font-weight:800;color:var(--ink)}.add-account-modal .account-provider-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.add-account-modal .account-provider{width:100%;min-width:0;min-height:110px}.account-step-content>.primary{justify-self:end}.account-selected-provider{margin:-4px 0 0;color:var(--muted);font-size:11px}.account-selected-provider b{color:var(--ink)}.account-mode-field{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;border:0}.account-mode-field legend{grid-column:1/-1;padding:0;color:var(--muted);font-size:10px;font-weight:700}.account-mode-option{position:relative;display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.account-mode-option:hover,.account-mode-option.active{border-color:#72bdb2;background:#edf7f5}.account-mode-option b{font-size:10px}.account-mode-option small{color:var(--muted);font-size:9px;line-height:1.4}.account-mode-option i{position:absolute;top:10px;right:10px;color:var(--accent);font-style:normal}.account-step-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.dark .account-mode-option{border-color:#376765;background:var(--surface)}.dark .account-mode-option:hover,.dark .account-mode-option.active{border-color:#4f8d86;background:#205255}@media(max-width:720px){.add-account-modal .account-provider-grid,.account-mode-field{grid-template-columns:1fr!important}.add-account-modal .account-provider{min-height:70px}.account-step-actions{position:sticky;bottom:0;padding-top:10px;background:var(--surface)}}
.from-picker i,.reply-from-picker i,.settings-select-wrap>i{width:7px!important;height:7px!important;margin:0 2px 3px 0!important;border:solid currentColor!important;border-width:0 1.5px 1.5px 0!important;transform:rotate(45deg)!important;display:inline-block!important}.from-picker,.reply-from-picker{align-items:center!important}.inbox-controls>div>button svg{width:14px!important;height:14px!important}.mobile-context .mobile-chevron{display:inline-block;width:7px;height:7px;margin:0 2px 3px 0;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);font-size:0;line-height:0}.from-menu,.reply-from-menu,.inbox-popover{background-color:var(--surface)!important;opacity:1!important;backdrop-filter:none!important}.from-menu button,.reply-from-menu button,.inbox-popover>button{min-height:36px;transition:background-color .16s ease,color .16s ease}.from-menu button:hover,.from-menu button.active,.reply-from-menu button:hover,.reply-from-menu button.active,.inbox-popover>button:hover,.inbox-popover>button.active{background:var(--soft)!important;color:var(--accent)!important}.dark .from-menu,.dark .reply-from-menu,.dark .inbox-popover{background-color:var(--surface)!important}.dark .from-menu button:hover,.dark .from-menu button.active,.dark .reply-from-menu button:hover,.dark .reply-from-menu button.active,.dark .inbox-popover>button:hover,.dark .inbox-popover>button.active{background:#205255!important;color:#d7f2ed!important}
.custom-dropdown-wrap{position:relative!important;display:block!important;width:170px!important}.dropdown-button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:38px!important;padding:8px 11px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--ink)!important;font:600 11px 'DM Sans'!important;text-align:left!important;cursor:pointer!important;outline:none!important;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.dropdown-button>i{width:7px!important;height:7px!important;flex:none!important;border:solid var(--muted)!important;border-width:0 1.5px 1.5px 0!important;transform:rotate(45deg) translateY(-2px)!important}.dropdown-button:hover,.dropdown-button[aria-expanded="true"]{border-color:#83bcb4!important;background:#f7fbfa!important}.dropdown-button:focus-visible{border-color:#72bdb2!important;box-shadow:0 0 0 3px rgb(21 94 99 / .10)!important}.custom-dropdown-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;display:grid;width:100%;min-width:190px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface)!important;box-shadow:0 15px 32px rgb(11 33 35 / .18);opacity:1!important}.custom-dropdown-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:600 11px 'DM Sans';text-align:left;cursor:pointer}.custom-dropdown-menu button:hover,.custom-dropdown-menu button.active{background:var(--soft);color:var(--accent)}.custom-dropdown-menu button b{margin-left:auto;color:var(--accent);font-size:13px}.language-dropdown{width:170px!important}.settings-account .custom-dropdown-wrap{width:170px!important}.identity-row .custom-dropdown-wrap{width:170px!important}.compose-modal .from-select,.compose-modal .from-menu,.reply-head-actions .reply-from-select,.reply-head-actions .reply-from-menu{z-index:20!important}.compose-modal .from-menu,.reply-head-actions .reply-from-menu{background:#fff!important;opacity:1!important}.dark .dropdown-button{background:var(--surface)!important;border-color:#376765!important;color:var(--ink)!important}.dark .dropdown-button:hover,.dark .dropdown-button[aria-expanded="true"]{background:#173f43!important;border-color:#4f8d86!important}.dark .custom-dropdown-menu{background:var(--surface)!important;border-color:#376765!important}.dark .custom-dropdown-menu button:hover,.dark .custom-dropdown-menu button.active{background:#205255;color:#d7f2ed}.dark .compose-modal .from-menu,.dark .reply-head-actions .reply-from-menu{background:#17191b!important}@media(max-width:720px){.custom-dropdown-wrap,.language-dropdown,.settings-account .custom-dropdown-wrap,.identity-row .custom-dropdown-wrap{width:100%!important}.settings-account>.custom-dropdown-wrap,.identity-row>.custom-dropdown-wrap{grid-column:2/4}.custom-dropdown-menu{min-width:180px}}

/* Dropdown standard: every option menu uses the same opaque surface, spacing and selection treatment. */
.from-menu,.reply-from-menu,.inbox-popover,.custom-dropdown-menu{
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--surface)!important;
  background-image:none!important;
  box-shadow:0 15px 32px rgb(11 33 35 / .18)!important;
  opacity:1!important;
  backdrop-filter:none!important;
}
.from-menu,.reply-from-menu,.inbox-popover{padding:5px!important}
.from-menu button,.reply-from-menu button,.inbox-popover>button,.custom-dropdown-menu button{
  min-height:36px!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:600 11px 'DM Sans'!important;
  text-align:left;
}
.from-menu button:hover,.from-menu button.active,.reply-from-menu button:hover,.reply-from-menu button.active,.inbox-popover>button:hover,.inbox-popover>button.active,.custom-dropdown-menu button:hover,.custom-dropdown-menu button.active{background:var(--soft)!important;color:var(--accent)!important}
.inbox-popover header{padding:5px 10px 7px!important;border-bottom:1px solid var(--line)!important}
.inbox-popover header button{padding:3px 0!important;background:transparent!important;color:var(--accent)!important;font:700 10px 'DM Sans'!important}
.dark .from-menu,.dark .reply-from-menu,.dark .inbox-popover,.dark .custom-dropdown-menu{background:var(--surface)!important;border-color:#376765!important}
.dark .from-menu button:hover,.dark .from-menu button.active,.dark .reply-from-menu button:hover,.dark .reply-from-menu button.active,.dark .inbox-popover>button:hover,.dark .inbox-popover>button.active,.dark .custom-dropdown-menu button:hover,.dark .custom-dropdown-menu button.active{background:#205255!important;color:#d7f2ed!important}

.setting-row-disabled{cursor:default!important;opacity:.82}
.setting-row-disabled:hover{background:transparent!important;color:var(--ink)!important}
.coming-soon-badge{flex:none;margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}
.dark .coming-soon-badge{border-color:#376765;color:#9addcf}

/* Destructive confirmations use the same calm centered modal language as the rest of PostHub. */
.confirm-modal{width:min(440px,calc(100vw - 32px));padding:28px!important}
.confirm-modal h2{margin:8px 0 10px;font-size:22px}
.confirm-modal p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.confirm-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
.confirm-modal footer button{min-height:38px}
.confirm-modal .primary{background:#a34f58;box-shadow:0 7px 16px rgb(163 79 88 / .18)}
.confirm-modal .primary:hover{background:#8e414a}

/* One explicit stacking contract: rendered modals always sit above app content and floating UI. */
#modalRoot{position:relative;z-index:1000;isolation:isolate}
#modalRoot>.overlay{z-index:1000!important}
#modalRoot .mobile-menu-modal,#modalRoot .mobile-account-modal,#modalRoot .mobile-more-modal{background:var(--surface)!important}
.toast.toast-over-modal{z-index:1100!important}
.notification:after{display:none!important}.notification-badge{position:absolute;right:1px;top:1px;min-width:13px;height:13px;padding:0 3px;border-radius:999px;background:#e07b6f;color:#fff;font:700 8px/13px 'DM Sans';text-align:center}.notification-empty{padding:24px 0;color:var(--muted);font-size:11px}