:root{
  --black:#050505;--ink:#0a0a09;--panel:#100f0d;--panel-2:#15130f;--paper:#f5ead2;--muted:#a99d8c;
  --muted-2:#746b60;--red:#d81613;--red-bright:#ff2e25;--gold:#e3ac45;--line:rgba(227,172,69,.20);
  --soft-line:rgba(255,255,255,.07);--green:#87b88c;--shadow:0 28px 80px rgba(0,0,0,.52);--max:1420px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--black)}body{margin:0;min-height:100vh;color:var(--paper);background:var(--black);font-family:"Arial Narrow","Segoe UI",system-ui,sans-serif}body::selection{background:var(--red);color:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.045;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px)}.eyebrow{display:inline-block;color:var(--gold);letter-spacing:.22em;font-size:.72rem;font-weight:600;text-transform:uppercase}.button{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;justify-content:center;border:1px solid transparent;background:none;color:var(--paper);text-transform:uppercase;letter-spacing:.095em;font-weight:600;font-size:.84rem;cursor:pointer;transition:.2s ease}.button-primary{background:var(--red);border-color:#ed4c45;box-shadow:0 12px 28px rgba(216,22,19,.2)}.button-primary:hover{background:var(--red-bright);transform:translateY(-1px)}.button-ghost{border-color:rgba(245,234,210,.22);background:rgba(255,255,255,.025)}.button-ghost:hover{border-color:var(--gold);color:var(--gold)}.button-compact{min-height:38px;padding:0 14px;border-color:rgba(245,234,210,.17);background:#12110f;font-size:.73rem}.button-compact:hover{border-color:var(--gold)}.button-danger{border-color:rgba(216,22,19,.35);color:#ff837e}.button-danger:hover{background:rgba(216,22,19,.12);border-color:var(--red)}

/* Login */
.login-page{display:grid;grid-template-rows:1fr auto;background:radial-gradient(circle at 77% 34%,rgba(216,22,19,.11),transparent 27%),linear-gradient(135deg,#050505 0%,#090807 52%,#110807 100%)}.login-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 109px,rgba(255,255,255,.012) 110px),repeating-linear-gradient(0deg,transparent 0 109px,rgba(255,255,255,.008) 110px)}.login-shell{position:relative;z-index:1;width:min(calc(100% - 48px),1120px);margin:auto;display:grid;grid-template-columns:minmax(0,650px) minmax(260px,1fr);border:1px solid rgba(227,172,69,.22);background:rgba(10,9,8,.94);box-shadow:0 38px 120px rgba(0,0,0,.65);overflow:hidden}.login-panel{padding:54px 62px 58px}.login-branding{display:flex;align-items:center;gap:12px;margin-bottom:62px}.login-branding img{width:58px;height:58px;object-fit:contain}.login-brand-name{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-brand-name b{color:var(--red-bright)}.login-rule{height:32px;width:1px;background:rgba(227,172,69,.3);margin:0 4px}.login-department{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#9e9383}.login-copy h1{margin:12px 0 12px;font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,3.75rem);font-weight:400;line-height:1.06}.login-copy p{margin:0;color:#b9ad9b;font:1rem/1.65 Georgia,serif}.login-copy p strong{color:#e4d8c2;font-weight:normal}.login-form{display:grid;gap:18px;margin-top:38px}.login-form label,.mini-form label,.settings-form label,.compose-form label{display:grid;gap:8px}.login-form label>span,.mini-form label>span,.settings-form label>span,.compose-form label>span{color:#bcae99;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.login-form input,.mini-form input,.settings-form input,.settings-form select,.compose-form input,.compose-form textarea{width:100%;border:1px solid rgba(245,234,210,.14);background:#090908;color:var(--paper);outline:none;padding:14px 15px;border-radius:0;transition:border-color .18s,box-shadow .18s}.login-form input:focus,.mini-form input:focus,.settings-form input:focus,.settings-form select:focus,.compose-form input:focus,.compose-form textarea:focus{border-color:rgba(227,172,69,.7);box-shadow:0 0 0 3px rgba(227,172,69,.07)}.login-submit{width:100%;margin-top:4px}.password-field{position:relative}.password-field input{padding-right:68px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;cursor:pointer}.login-alert{margin-top:24px;padding:14px 16px;border-left:3px solid var(--red-bright);background:rgba(216,22,19,.09);color:#e1c4bf;font-size:.88rem;line-height:1.5}.login-security{display:flex;align-items:center;gap:9px;margin-top:26px;color:#766f66;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(135,184,140,.5)}.login-aside{position:relative;display:grid;place-items:center;align-content:center;gap:30px;border-left:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(216,22,19,.15),transparent 45%),linear-gradient(150deg,#17120e,#090908)}.login-aside::before{content:"";position:absolute;inset:20px;border:1px solid rgba(227,172,69,.09)}.aside-seal{position:relative;width:180px;height:180px;display:grid;place-items:center;border:1px solid rgba(227,172,69,.25);border-radius:50%}.aside-seal::before,.aside-seal::after{content:"";position:absolute;border:1px solid rgba(227,172,69,.11);border-radius:50%}.aside-seal::before{inset:10px}.aside-seal::after{inset:22px}.aside-seal img{width:125px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.55)) grayscale(.15)}.aside-line{width:44px;height:1px;background:var(--gold)}.login-aside p{text-align:center;color:#8f8374;text-transform:uppercase;letter-spacing:.19em;font-size:.72rem;line-height:1.9}.login-footer{position:relative;z-index:1;padding:20px 24px;text-align:center;color:#5f5951;font-size:.7rem;letter-spacing:.05em}.login-footer a{color:#968a7b}.login-footer a:hover{color:var(--gold)}

/* Shared staff header */
.staff-header{position:sticky;top:0;z-index:100;background:rgba(6,6,6,.985);border-bottom:1px solid rgba(255,255,255,.07)}.staff-header-inner{width:min(calc(100% - 38px),var(--max));height:78px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px}.staff-brand{display:flex;align-items:center;gap:11px}.staff-brand img{width:48px;height:48px;object-fit:contain}.staff-brand div{display:grid;line-height:1.1}.staff-brand strong{text-transform:uppercase;letter-spacing:.07em;font-size:.88rem}.staff-brand span{margin-top:5px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.6rem}.staff-nav{justify-self:center;display:flex;gap:6px;align-items:center}.staff-nav a{padding:11px 15px;color:#9f9588;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;border:1px solid transparent}.staff-nav a:hover{color:#e6dac6}.staff-nav a.active{color:var(--paper);border-color:rgba(227,172,69,.19);background:rgba(227,172,69,.04)}.staff-user{display:flex;align-items:center;gap:15px;color:#777066;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.staff-user b{color:#b7aa98;font-weight:500}.staff-user a{padding-left:15px;border-left:1px solid var(--soft-line);color:#d0918d}.staff-user a:hover{color:#ff8e88}.flash{width:min(calc(100% - 36px),var(--max));margin:18px auto 0;padding:13px 16px;border:1px solid var(--soft-line);font-size:.82rem;letter-spacing:.02em}.flash-success{border-color:rgba(135,184,140,.28);background:rgba(135,184,140,.07);color:#bbd8bf}.flash-error{border-color:rgba(216,22,19,.32);background:rgba(216,22,19,.08);color:#e8b0ad}.flash-info{border-color:var(--line);background:rgba(227,172,69,.05);color:#c8bda9}

/* Mailbox */
.mail-page,.message-page,.compose-page,.settings-page{background:#070706}.mail-shell{width:min(calc(100% - 38px),var(--max));margin:24px auto 46px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.mail-sidebar{position:sticky;top:102px;min-height:calc(100vh - 130px);border:1px solid var(--soft-line);background:#0c0b0a;padding:16px;display:flex;flex-direction:column}.compose-button{height:47px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--red);border:1px solid #e34840;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:600;box-shadow:0 10px 24px rgba(216,22,19,.16)}.compose-button:hover{background:var(--red-bright)}.compose-button span{font-size:1.2rem;font-weight:300}.folder-heading{margin:25px 10px 9px;color:#665f56;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem}.folder-list{display:grid;gap:3px}.folder-list a{min-height:42px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:0 10px;color:#9d9386;font-size:.8rem;letter-spacing:.025em;border-left:2px solid transparent}.folder-list a:hover{background:rgba(255,255,255,.025);color:#e1d4c0}.folder-list a.active{color:var(--paper);background:rgba(227,172,69,.055);border-left-color:var(--gold)}.folder-list b{min-width:22px;height:19px;padding:0 6px;display:grid;place-items:center;background:var(--red);border-radius:10px;color:#fff;font-size:.62rem}.folder-icon{color:#817767;font-size:.75rem}.sidebar-foot{margin-top:auto;padding:16px 10px 4px;border-top:1px solid var(--soft-line);display:grid;gap:3px}.sidebar-foot span{color:#665f56;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem}.sidebar-foot strong{color:#a99d8d;font-size:.72rem;font-weight:500;overflow-wrap:anywhere}.message-list-panel{border:1px solid var(--soft-line);background:#0a0a09;min-height:calc(100vh - 126px)}.mail-toolbar{min-height:112px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--soft-line);background:linear-gradient(90deg,rgba(216,22,19,.035),transparent 45%)}.mail-toolbar h1{margin:5px 0 0;font-family:Georgia,serif;font-size:2.15rem;font-weight:400}.mail-stats{display:grid;justify-items:end}.mail-stats strong{font-size:1.3rem;color:#d5c8b3}.mail-stats span{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;color:#6d665d}.mail-search{height:48px;margin:16px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;border:1px solid rgba(245,234,210,.1);background:#070706}.mail-search>span{color:#70685e;text-align:center;font-size:1.25rem}.mail-search input{height:100%;min-width:0;border:0;outline:0;background:transparent;color:#dcd0bd;font: .85rem "Arial Narrow","Segoe UI",sans-serif}.mail-search input::placeholder{color:#655e55}.mail-search a{padding:0 15px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.message-list{border-top:1px solid rgba(255,255,255,.035)}.message-row{content-visibility:auto;contain-intrinsic-size:74px}.mail-pagination{min-height:64px;padding:12px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-top:1px solid var(--soft-line);background:#090908}.mail-pagination>div:last-child{justify-self:end}.mail-pagination>span{color:#6f675e;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.message-row{min-height:74px;display:grid;grid-template-columns:42px minmax(0,1fr) 80px;gap:15px;align-items:center;padding:11px 22px;border-bottom:1px solid rgba(255,255,255,.055);transition:background .15s,border-color .15s}.message-row:hover{background:#100f0d;border-bottom-color:rgba(227,172,69,.14)}.message-row.unread{background:linear-gradient(90deg,rgba(216,22,19,.055),transparent 60%)}.message-row.unread .message-primary strong,.message-row.unread .message-primary span{color:#f0e4d0}.sender-avatar{width:36px;height:36px;border:1px solid rgba(227,172,69,.22);background:#15120e;display:grid;place-items:center;color:var(--gold);font-size:.69rem;letter-spacing:.04em}.sender-avatar.large{width:48px;height:48px;font-size:.78rem}.message-primary{min-width:0;display:grid;gap:3px}.message-primary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9bdaa;font-size:.87rem;font-weight:500}.message-primary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777066;font: .82rem Georgia,serif}.message-meta{display:grid;justify-items:end;gap:4px}.message-meta time{color:#7f776c;font-size:.68rem}.message-meta small{height:16px;color:var(--red-bright);font-size:.53rem;letter-spacing:.12em}.empty-state{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center;color:#5e5851}.empty-state>span{font-size:2.3rem;color:#463e34}.empty-state strong{margin-top:14px;color:#9d9284;font-size:1rem;font-weight:500}.empty-state p{margin:5px 0;font: .85rem Georgia,serif}.connection-error{grid-column:1/-1;min-height:420px;padding:60px;display:grid;align-content:center;justify-items:start;border:1px solid rgba(216,22,19,.22);background:radial-gradient(circle at 80% 30%,rgba(216,22,19,.08),transparent 28%),#0b0a09}.connection-error h1{margin:8px 0 12px;font-family:Georgia,serif;font-size:2.6rem;font-weight:400}.connection-error p{max-width:760px;margin:0;color:#a99c8c;font:1rem/1.7 Georgia,serif}.error-actions{display:flex;gap:12px;margin-top:26px}.connection-error.compact{min-height:300px}

/* Reader */
.reader-shell,.compose-shell,.settings-shell{width:min(calc(100% - 38px),1180px);margin:28px auto 60px}.reader-topbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px}.reader-topbar>a{color:#9d9282;font-size:.77rem;text-transform:uppercase;letter-spacing:.09em}.reader-topbar>a:hover{color:var(--gold)}.reader-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.reader-actions form{margin:0}.message-reader{margin-top:10px;border:1px solid var(--soft-line);background:#0b0a09;box-shadow:var(--shadow)}.reader-header{padding:34px 40px 29px;border-bottom:1px solid var(--soft-line);background:linear-gradient(100deg,rgba(216,22,19,.04),transparent 50%)}.reader-header h1{margin:10px 0 28px;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:400;line-height:1.22}.sender-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px}.sender-line>div{display:grid;gap:2px;min-width:0}.sender-line strong{font-weight:500;color:#d9ccb8}.sender-line span{color:#777067;font: .74rem/1.5 Georgia,serif;overflow-wrap:anywhere}.sender-line time{align-self:start;color:#777067;font-size:.69rem;white-space:nowrap}.reader-body{min-height:350px;padding:42px 44px 55px;color:#d5cab8;background:#0d0c0a;font:1rem/1.82 Georgia,serif;white-space:normal;overflow-wrap:anywhere}.attachment-section{padding:24px 40px 35px;border-top:1px solid var(--soft-line)}.attachment-section h2{margin:0 0 13px;font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#80776c}.attachment-list{display:flex;flex-wrap:wrap;gap:10px}.attachment-list a{min-width:240px;padding:12px 15px;display:flex;gap:12px;align-items:center;border:1px solid rgba(245,234,210,.1);background:#090908}.attachment-list a:hover{border-color:var(--gold)}.attachment-list>a>span{color:var(--gold);font-size:1.1rem}.attachment-list div{display:grid}.attachment-list strong{font-size:.78rem;font-weight:500;color:#c8bcaa}.attachment-list small{color:#6f685f;font-size:.62rem}

/* Compose */
.compose-card{border:1px solid var(--soft-line);background:#0b0a09;box-shadow:var(--shadow)}.compose-heading{padding:34px 40px 28px;border-bottom:1px solid var(--soft-line);background:linear-gradient(90deg,rgba(216,22,19,.04),transparent 55%)}.compose-heading h1,.settings-heading h1{margin:7px 0 9px;font-family:Georgia,serif;font-size:2.6rem;font-weight:400}.compose-heading p,.settings-heading p{margin:0;color:#928779;font: .9rem/1.6 Georgia,serif}.compose-form{padding:30px 40px 38px;display:grid;gap:17px}.compose-form label{grid-template-columns:90px minmax(0,1fr);align-items:center}.compose-form label>span{align-self:center}.compose-form label>span small{color:#665f56;text-transform:none;letter-spacing:0}.compose-form .message-field{grid-template-columns:1fr;align-items:start}.compose-form textarea{min-height:390px;resize:vertical;font: .95rem/1.7 Georgia,serif}.compose-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}

/* Settings/setup */
.setup-page{background:radial-gradient(circle at 15% 12%,rgba(216,22,19,.08),transparent 25%),#070706}.setup-header{width:min(calc(100% - 38px),1320px);height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft-line)}.setup-header>span{color:#6e675e;text-transform:uppercase;letter-spacing:.13em;font-size:.66rem}.setup-shell{width:min(calc(100% - 38px),1220px);margin:65px auto 90px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:60px;align-items:start}.setup-intro{position:sticky;top:35px}.setup-intro h1{margin:10px 0 16px;font-family:Georgia,serif;font-size:3rem;font-weight:400;line-height:1.08}.setup-intro>p{margin:0;color:#9c9182;font: .94rem/1.75 Georgia,serif}.requirement-card{margin-top:30px;padding:20px;border:1px solid var(--soft-line);background:#0b0a09;display:grid;gap:8px}.requirement-card>strong{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#c7baa7}.requirement-card>span{font-size:.8rem}.requirement-card small{color:#6f685e;font: .75rem/1.5 Georgia,serif}.check-good{color:#a9c9ad}.check-warn{color:#e5aa74}.setup-card,.settings-card{border:1px solid var(--soft-line);background:#0b0a09;box-shadow:0 24px 70px rgba(0,0,0,.32)}.settings-form{display:grid}.form-section{padding:30px 34px;border-bottom:1px solid var(--soft-line)}.form-section-title{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;margin-bottom:22px}.form-section-title>span{color:var(--red-bright);font-family:Georgia,serif;font-size:.9rem}.form-section-title small,.card-head small{color:#71695f;letter-spacing:.15em;font-size:.59rem}.form-section-title h2,.card-head h2{margin:3px 0 0;font-size:1.1rem;font-weight:500;color:#d7cbb8}.field-grid{display:grid;gap:15px}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three-col{grid-template-columns:1.7fr .55fr .8fr}.field-grid .span-two{grid-column:1/-1}.settings-form select{appearance:none;background:#090908;color:#ded1bd}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important;margin-top:15px;color:#81786d;text-transform:none!important;letter-spacing:0!important;font-size:.75rem!important}.check-row input{width:auto!important;margin:0;accent-color:var(--red)}.setup-card>.settings-form>.button{margin:28px 34px 34px;justify-self:start}.settings-shell{max-width:1260px}.settings-heading{padding:16px 0 28px}.settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start}.settings-card{padding:0}.settings-card.wide{grid-column:1/-1}.card-head{min-height:72px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--soft-line);background:rgba(255,255,255,.008)}.card-head>span{color:#746c62;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.admin-list{padding:8px 22px}.admin-row{min-height:62px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.045)}.admin-row:last-child{border-bottom:0}.admin-row>div{display:grid}.admin-row strong{font-weight:500;font-size:.84rem}.admin-row small{color:#6c655c;font-size:.65rem}.text-danger{border:0;background:none;color:#b67d78;text-transform:uppercase;letter-spacing:.09em;font-size:.62rem;cursor:pointer}.text-danger:hover{color:#ff8f88}.mini-form{margin:12px 22px 24px;padding-top:18px;border-top:1px solid var(--soft-line);display:grid;gap:13px}.mini-form h3{margin:0 0 2px;font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:#9c9284;font-weight:500}.mini-form .button{justify-self:start;min-height:42px}.settings-card>.settings-form.compact{padding:24px;gap:16px}.settings-actions{display:flex;justify-content:flex-end}.test-connection-form{padding:0 24px 24px;display:flex;align-items:center;gap:14px}.test-connection-form span{color:#6b645c;font-size:.7rem}.settings-form label small{color:#625b53;text-transform:none;letter-spacing:0}

@media(max-width:1000px){.login-shell{grid-template-columns:1fr;max-width:700px}.login-aside{display:none}.staff-header-inner{grid-template-columns:auto 1fr}.staff-nav{justify-self:end}.staff-user{grid-column:1/-1;display:none}.mail-shell{grid-template-columns:190px minmax(0,1fr)}.setup-shell{grid-template-columns:1fr;gap:28px}.setup-intro{position:static}.settings-grid{grid-template-columns:1fr}.settings-card.wide{grid-column:auto}.field-grid.three-col{grid-template-columns:1fr 100px 140px}}
@media(max-width:760px){.login-shell{width:calc(100% - 26px)}.login-panel{padding:35px 26px 38px}.login-branding{margin-bottom:42px}.login-security{align-items:flex-start;flex-wrap:wrap}.staff-header-inner{width:calc(100% - 24px);height:auto;min-height:74px;grid-template-columns:auto auto;padding:8px 0}.staff-nav{grid-column:1/-1;width:100%;justify-content:stretch;overflow-x:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:7px}.staff-nav a{flex:1;text-align:center;white-space:nowrap;padding:8px 10px}.mail-shell{width:calc(100% - 24px);grid-template-columns:1fr;margin-top:14px}.mail-sidebar{position:static;min-height:auto;padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px}.compose-button{grid-column:1/-1}.folder-heading,.sidebar-foot{display:none}.folder-list{display:flex;overflow-x:auto}.folder-list a{grid-template-columns:20px auto auto;white-space:nowrap;padding:0 10px}.message-list-panel{min-height:500px}.mail-toolbar{padding:20px}.mail-toolbar h1{font-size:1.7rem}.message-row{grid-template-columns:36px minmax(0,1fr) 58px;padding:10px 13px;gap:10px}.message-primary span{font-size:.76rem}.reader-shell,.compose-shell,.settings-shell{width:calc(100% - 24px);margin-top:16px}.reader-topbar{align-items:flex-start;flex-direction:column}.reader-actions{width:100%}.reader-header,.reader-body,.attachment-section,.compose-heading,.compose-form{padding-left:22px;padding-right:22px}.sender-line{grid-template-columns:48px minmax(0,1fr)}.sender-line time{grid-column:2}.reader-body{font-size:.94rem}.compose-form label{grid-template-columns:1fr}.compose-form textarea{min-height:310px}.setup-header,.setup-shell{width:calc(100% - 24px)}.setup-header>span{display:none}.setup-shell{margin-top:38px}.setup-intro h1{font-size:2.4rem}.form-section{padding:24px 20px}.field-grid.two-col,.field-grid.three-col{grid-template-columns:1fr}.setup-card>.settings-form>.button{margin:24px 20px}.settings-grid{gap:14px}.settings-card>.settings-form.compact{padding:18px}.test-connection-form{padding:0 18px 20px;align-items:flex-start;flex-direction:column}.compose-actions{flex-direction:column-reverse}.compose-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* v4 connection diagnostics */
.field-help { display:block; margin-top:.45rem; color:rgba(244,237,219,.62); font-size:.76rem; line-height:1.45; font-weight:400; }
.connection-details { margin:.25rem 0 .4rem; border:1px solid rgba(206,171,91,.22); border-radius:10px; background:rgba(0,0,0,.16); padding:.85rem 1rem; }
.connection-details summary { cursor:pointer; color:#d8bd79; font-family:'Arial Narrow','Segoe UI',sans-serif; letter-spacing:.06em; text-transform:uppercase; font-size:.78rem; }
.connection-details > p { color:rgba(244,237,219,.6); font-size:.76rem; line-height:1.45; margin:.75rem 0; }
.connection-grid { display:grid; grid-template-columns:1.5fr .65fr 1fr; gap:.7rem; }
.connection-grid label span { display:block; margin-bottom:.3rem; }
.connection-grid input, .connection-grid select { width:100%; }
.check-line { display:flex!important; align-items:center; gap:.55rem; margin-top:.7rem; color:rgba(244,237,219,.7); font-size:.76rem; }
.check-line input { width:auto!important; }
@media (max-width:760px){ .connection-grid{grid-template-columns:1fr;} }

/* v8 local-only transport note */
.local-mail-note{display:flex;align-items:center;gap:10px;margin:4px 0 2px;padding:12px 14px;border:1px solid rgba(201,160,76,.18);background:rgba(201,160,76,.045);font-size:.82rem;color:var(--muted,#a99b88)}
.local-mail-note .status-dot{flex:0 0 auto}