/* JIJ Mail workspace, October 2026. Local assets only. */
:root,[data-theme]{--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--head:"Manrope","Inter",system-ui,sans-serif;--cobalt:#2254d8;--cobalt2:#3268f0;--acc-rgb:43,96,231;--onacc:#fff;--r:14px}
[data-theme=jij]{--bg:#f2f5fb;--bg2:#fff;--panel:#fff;--panel2:#eaf0fb;--line:#dfe6f1;--line2:#c6d2e5;--text:#142741;--muted:#5b6e87;--pale:#edf2ff;--ok:#17805d;--warn:#ad6c10;--err:#c33e54;--fg-rgb:20,39,65;--inset-rgb:255,255,255;--bg-rgb:242,245,251;--strong:#0b1e39;--rowread:#f8faff;--err-t:#ae263f;--ok-t:#116946;--warn-t:#8c5607;--scrim:rgba(9,25,48,.6);color-scheme:light}
body{font-family:var(--font);font-size:14px}button,input,select,textarea{font-family:var(--font)}button,a,input,select,textarea,[tabindex]:focus-visible{outline-offset:3px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #80b5ff}button{touch-action:manipulation}button:disabled{cursor:not-allowed}
.btn{border-radius:10px;min-height:40px;box-shadow:none!important;transition:background .15s,border-color .15s}.btn.primary,#compose-btn{background:#2459e8!important;color:#fff!important;border-color:transparent!important;border-radius:11px!important;box-shadow:none!important}.btn.primary:hover,#compose-btn:hover{background:#1749d0!important}.icon-btn{width:38px;height:38px}.tag{white-space:nowrap}
#app{grid-template-columns:282px 402px minmax(0,1fr)}
#rail{background:#0b203d!important;border-right:1px solid #253c5c;padding:20px 14px 12px;gap:12px;overflow:hidden;color:#e9f1ff}
.rail-head{padding:0 5px 10px;gap:12px}.rail-head strong{font-size:22px;letter-spacing:-.7px}.rail-head strong small{display:block;font:10px/1.6 var(--font);letter-spacing:1.6px;text-transform:uppercase;color:#9fb8dc}.logo-tile,.logo-tile.sm{border-radius:10px;background:#fff!important;box-shadow:none!important;flex-shrink:0;filter:none}.logo-tile.sm{width:38px;height:42px}.logo-tile.sm img{width:29px;height:31px;filter:none!important}
#compose-btn{padding:13px;font-size:14px;font-weight:700;min-height:46px;flex-shrink:0}#smart{display:grid;gap:3px}#rail .nav-item{color:#b9cbe5;border-radius:9px!important;min-height:37px;font-size:13px;padding:8px 10px}#rail .nav-item:hover{background:#193657;color:#fff}#rail .nav-item.active{background:#234a85!important;color:#fff!important;box-shadow:none!important}#rail .nav-item.locked{opacity:.8}.rail-label{font:10px var(--font);letter-spacing:1.8px;color:#92accc;padding:3px 10px 0}
.rail-find{position:relative}.rail-find i{position:absolute;left:11px;top:13px;color:#9fb7db;font-size:12px}.rail-find input{background:#142c4b;border-color:#31496b;color:#fff;font-size:12px;padding:10px 10px 10px 32px;border-radius:9px;margin:0}.rail-find input::placeholder{color:#a9bedb}
#accounts{flex:1;min-height:80px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#375474 transparent;padding-right:3px}#rail .rail-foot{border-top:1px solid #29405f;padding-top:9px;flex-shrink:0;margin-top:0}.rail-foot form{margin:0}.domain-group{margin-bottom:8px}.domain-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 7px 5px;border:0;background:none;color:#8fa9ce;text-align:left;cursor:pointer;font-size:11px}.domain-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.domain-toggle i{font-size:9px}.domain-toggle small{color:#a4bad9}.mailbox-nav-row{display:flex;align-items:center;gap:1px}.mailbox-nav-row>.nav-item{min-width:0;flex:1}.pin-btn{background:none;border:0;color:#7292b9;width:29px;min-height:34px;cursor:pointer;border-radius:7px;opacity:.45;font-size:10px}.mailbox-nav-row:hover .pin-btn,.pin-btn:focus-visible,.pin-btn.pinned{opacity:1}.pin-btn.pinned{color:#9fc6ff}.pin-btn:hover{background:#203e63}.badge{background:#245ae5;color:#fff;font-variant-numeric:tabular-nums}
#list{background:var(--panel);border-color:var(--line)}.bar{min-height:76px;padding:15px 20px;gap:4px;background:var(--panel);border-bottom:1px solid var(--line)}#list-title{font-size:20px;letter-spacing:-.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#list .search{padding:15px 18px 8px}#list .search input{border-radius:10px;background:var(--bg);min-height:43px;font-size:12px}#sync-line{min-height:29px;padding:3px 20px 8px;font-size:11px}.row{padding:15px 18px;border-color:var(--line);margin:0!important;border-radius:0!important;box-shadow:none!important;min-height:88px}.row .from{font-size:13px}.row .subj{font-size:13px;line-height:1.5}.row .acct{font-size:11px;margin-top:3px}.row .when{font-size:10px}.row.unread{background:rgba(var(--acc-rgb),.045)}.row.sel,.row.picked{background:rgba(var(--acc-rgb),.13)!important;border-left:3px solid var(--cobalt2)}.row .rowck{opacity:.7}.row:focus-visible{outline-offset:-3px}.empty{max-width:560px;margin:auto;text-align:center}.empty h1{font-size:clamp(26px,3vw,39px);line-height:1.22;letter-spacing:-1.4px;color:var(--strong);margin:20px 0}.empty h2{font-size:23px}.empty p{max-width:390px;margin:12px auto;line-height:1.8}.reader-welcome{padding:50px 30px}.welcome-mark{display:flex;margin:0 auto 26px;background:var(--panel);border:1px solid var(--line);border-radius:24px;width:84px;height:91px;align-items:center;justify-content:center}.welcome-mark img{width:50px}.eyebrow{font:700 10px/1.7 var(--font);letter-spacing:2px;color:var(--cobalt2)}#reader{background:var(--bg)!important}#reader-body{padding:30px;display:flex;flex-direction:column}#reader-body>article,#reader-body>.msg{width:100%}#folder-select{max-width:140px;font-size:12px}
#panel{background:var(--bg)!important}.page-head{padding:16px 5vw;background:var(--panel)!important;border-bottom-color:var(--line);backdrop-filter:none}.page-head strong{font-size:22px}.page-tabs{gap:5px}.page-tabs a{border-radius:8px;padding:9px 12px;font-size:12px}.page-body{max-width:1180px;padding:36px 32px 70px}#panel h1{font-size:33px;letter-spacing:-1px}#panel h2{font-size:20px;letter-spacing:-.4px}#panel h3{font-size:16px;margin-top:30px}.section{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:23px;margin-top:18px;box-shadow:0 3px 18px rgba(10,30,60,.025)}.table{font-size:13px}.table th{font:700 10px var(--font);text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:14px 12px;background:var(--bg)}.table td{padding:14px 12px;vertical-align:middle;overflow-wrap:anywhere}.table .rowflex{flex-wrap:wrap;gap:6px}.table-scroll{overflow-x:auto}.inventory-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.inventory-tools input{flex:1;min-width:200px}.inventory-tools select{width:170px}.inventory-tools>span{white-space:nowrap}.table [hidden]{display:none!important}.form-grid{gap:16px}.section>.btn-row{margin-top:18px}.btn-row{gap:10px;flex-wrap:wrap}.page-body>.muted{max-width:720px}.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#0a203e,#1b4383);padding:34px 36px;border-radius:19px;color:#cfddf4}.workspace-hero .eyebrow{color:#93bbff}.workspace-hero h1{color:#fff;max-width:620px;line-height:1.2;margin:10px 0!important}.workspace-hero p{max-width:650px}.workspace-hero>.btn{background:#fff;color:#153360;flex-shrink:0}.workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.workspace-stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:23px;display:flex;flex-direction:column;gap:6px}.workspace-stat strong{font:700 34px var(--head);color:var(--cobalt2);font-variant-numeric:tabular-nums}.workspace-stat span{font-size:12px;color:var(--muted)}.health-row{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.health-row>i{color:var(--warn-t)}.health-row>div{flex:1;min-width:0}.health-row strong{font-size:13px;overflow-wrap:anywhere}.health-row p{margin:5px 0 0;overflow-wrap:anywhere}.unread-mailbox{width:100%;background:none;border:0;border-top:1px solid var(--line);padding:16px 2px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;cursor:pointer}.unread-mailbox span:first-child{overflow-wrap:anywhere}.unread-mailbox:hover{color:var(--cobalt2)}.reply-starter select{max-width:300px}.modal{border-radius:18px;box-shadow:0 24px 75px rgba(3,16,38,.23)}.modal .mh{padding:18px 22px}.modal .mb{padding:10px 24px 24px}.modal textarea{line-height:1.7}.modal .btn{min-height:42px}#toast{max-width:calc(100vw - 32px)}
body.auth{padding:40px;background:#f0f4fb!important;color:#132b4b}body.auth::before{display:none}.auth-layout{width:min(1120px,100%);min-height:670px;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #d6e1ef;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 25px 80px rgba(20,45,85,.12)}.auth-story{padding:42px;display:flex;flex-direction:column;justify-content:space-between;gap:65px;background:linear-gradient(145deg,#091d37,#183f7a);color:#bccfea;position:relative}.auth-wordmark{display:flex;align-items:center;gap:14px;color:#fff;font:700 22px var(--head);letter-spacing:-.6px}.auth-wordmark img{width:44px;filter:drop-shadow(0 0 2px #fff);background:#fff;border-radius:7px;padding:3px}.auth-wordmark small{display:block;font:9px/2 var(--font);letter-spacing:2px;color:#adc5e8}.auth-story h2{font-size:49px;line-height:1.12;letter-spacing:-2px;color:white;margin:15px 0 22px}.auth-story .eyebrow{color:#9bc2ff}.auth-lead{font-size:15px;line-height:1.85;max-width:420px}.auth-points{display:grid;gap:15px;margin-top:30px;font-size:12px}.auth-points i{color:#9bc2ff;width:25px}.auth-note{font-size:10px;letter-spacing:.5px}.auth-note span{padding:0 7px}.auth-layout>.card{align-self:center;width:100%;max-width:none;padding:55px;background:#fff!important;border:0;border-radius:0;box-shadow:none!important;color:#132b4b}.auth-layout .card .brand{display:block;margin-bottom:30px}.auth-layout .card .brand>.logo-tile{display:none}.auth-layout .card h1{font-size:34px;letter-spacing:-1px;color:#0b2342}.auth-layout .card .brand p{line-height:1.8}.auth-layout .card form label{margin:20px 0;font-size:12px;font-weight:600}.auth-layout .card input{min-height:50px;border-radius:10px;color:#102b4a;background:#f8faff}.auth-layout .card .btn{min-height:49px;margin-top:8px}.auth-layout .card .foot{font-size:10px;line-height:1.8;margin-top:30px}.auth-layout .notice.err{color:#a72f45;background:#fff1f4}
@media(min-width:801px) and (max-width:1150px){#app{grid-template-columns:245px 345px minmax(0,1fr)}.bar{padding:12px}.bar .icon-btn{width:32px}.workspace-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){#app{display:block}#rail{padding:18px 16px 12px;width:100%;z-index:40}#accounts{min-height:0}.rail-head{padding-bottom:0}#rail .rail-foot .nav-item{min-height:34px}.rail-foot{display:grid;grid-template-columns:1fr 1fr;gap:2px}#rail .nav-item{min-height:40px}.rail-find input{font-size:16px}.page-head{padding:14px 16px}.page-tabs{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:nowrap;width:100%;padding:4px 0}.page-tabs a{flex-shrink:0;font-size:11px}.page-head .logo-tile.sm{width:30px;height:33px}.page-head strong{font-size:20px}.page-body{padding:22px 16px 50px}.section{padding:17px}.workspace-hero{padding:24px;flex-direction:column;align-items:flex-start;border-radius:15px}#panel h1{font-size:27px}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-stat{padding:18px}.workspace-stat strong{font-size:29px}.health-row{gap:10px;flex-wrap:wrap}.health-row>div{min-width:180px}.health-row>.btn{margin-left:24px}.table-scroll .table{min-width:640px}.inventory-tools input,.inventory-tools select{width:100%;min-width:0;flex-basis:100%}.table th,.table td{padding:12px 8px}.auth-layout{grid-template-columns:1fr;min-height:0;max-width:520px;border-radius:18px}.auth-story{padding:25px;gap:26px}.auth-wordmark{font-size:19px}.auth-story h2{font-size:35px;margin:8px 0 10px}.auth-lead,.auth-points,.auth-note{display:none}.auth-layout>.card{padding:30px 25px}.auth-layout .card .brand{margin-bottom:18px}.auth-layout .card h1{font-size:29px}body.auth{padding:18px}.bar{min-height:67px;padding:12px}.bar .icon-btn{width:34px;min-width:34px}#list-title{font-size:18px}.reader-welcome{padding:30px 10px}.modal .mb{padding:8px 16px 20px}input,textarea,select{font-size:16px!important}.only-mobile{min-height:40px}#folder-select{max-width:110px;font-size:12px!important}.auth-layout .card form label{margin:16px 0}.auth-story h2 br{display:none}.auth-story .eyebrow{margin-bottom:0}.row{min-height:90px}.empty h1{font-size:30px}#reader-body{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

#app{overflow:hidden;width:100%}html:has(body.app){overflow:hidden}

#panel .section{max-width:none}.auth-wordmark img{filter:none!important}

#rail .rail-foot{display:grid;grid-template-columns:1fr 1fr;gap:3px}#rail .rail-foot .nav-item{min-height:38px;padding:7px 8px;font-size:12px}#rail .rail-foot .nav-item i{width:14px}#rail .rail-foot form{grid-column:1/-1}.themes{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}.swatch .sw-body{padding:18px}.swatch .sw-body b{font-size:15px}.swatch .sw-body span{font-size:12px}@media(max-width:800px){.domain-toggle{min-height:40px}.pin-btn{width:40px;min-height:40px}.auth-layout .card .foot{font-size:11px}}

/* Shared site theme layer: workspace, login, and future shared-head pages. */
:root,[data-theme]{--rail-bg:var(--panel);--rail-fg:var(--text);--rail-muted:var(--muted);--rail-hover:var(--panel2);--rail-active:var(--pale);--rail-active-fg:var(--cobalt);--hero:linear-gradient(135deg,#0b2447,#2457a4);--radius:14px}
[data-theme=pink]{--bg:#fff3f7;--bg2:#fff;--panel:#fffafd;--panel2:#fce3ed;--line:#efd1de;--line2:#dcb0c3;--text:#542b40;--strong:#452035;--muted:#8b5971;--cobalt:#b32769;--cobalt2:#b32769;--pale:#f9dce9;--acc-rgb:179,39,105;--fg-rgb:84,43,64;--inset-rgb:255,250,253;--rowread:#fff8fb;--hero:linear-gradient(135deg,#70294f,#bd477f);color-scheme:light}
[data-theme=classic]{--font:Arial,sans-serif;--head:Arial,sans-serif;--bg:#fff;--bg2:#fff;--panel:#fff;--panel2:#eee;--line:#ccc;--line2:#aaa;--text:#222;--strong:#111;--muted:#666;--cobalt:#2456a6;--cobalt2:#2456a6;--pale:#e8eef7;--acc-rgb:36,86,166;--fg-rgb:34,34,34;--inset-rgb:255,255,255;--rowread:#f2f2f2;--hero:linear-gradient(#f8f8f8,#e8eef7);--radius:3px;color-scheme:light}
[data-theme=web1]{--font:Verdana,Arial,sans-serif;--head:Georgia,serif;--bg:#d4d0c8;--bg2:#fff;--panel:#f6f5ef;--panel2:#e4e1d8;--line:#aaa;--line2:#777;--text:#111;--strong:#000080;--muted:#4b4b4b;--cobalt:#000080;--cobalt2:#000080;--pale:#e1e4f4;--acc-rgb:0,0,128;--fg-rgb:17,17,17;--inset-rgb:255,255,255;--rowread:#efefeb;--hero:linear-gradient(90deg,#000080,#4169a1);--radius:0px;color-scheme:light}
[data-theme=web2]{--font:'Trebuchet MS',Arial,sans-serif;--head:'Trebuchet MS',Arial,sans-serif;--bg:#e8f6fc;--bg2:#fff;--panel:#fff;--panel2:#d5eff9;--line:#b7d8e8;--line2:#84bdd5;--text:#173e56;--strong:#093650;--muted:#527385;--cobalt:#087aa7;--cobalt2:#087aa7;--pale:#d9f3fc;--acc-rgb:8,122,167;--fg-rgb:23,62,86;--inset-rgb:255,255,255;--rowread:#f3fbff;--hero:linear-gradient(#49b9e3,#08769f);--radius:18px;color-scheme:light}
[data-theme=iphone]{--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--head:var(--font);--bg:#f2f2f7;--bg2:#fff;--panel:#fff;--panel2:#e9e9f0;--line:#dedee5;--line2:#c7c7cc;--text:#1c1c1e;--strong:#000;--muted:#68686d;--cobalt:#0068d9;--cobalt2:#0068d9;--pale:#e4f0ff;--acc-rgb:0,104,217;--fg-rgb:28,28,30;--inset-rgb:255,255,255;--rowread:#fafafa;--hero:linear-gradient(135deg,#114d96,#3384dd);--radius:22px;color-scheme:light}
#rail{background:var(--rail-bg)!important;color:var(--rail-fg);border-color:var(--line);}
#rail .nav-item,.rail-head strong{color:var(--rail-fg)}#rail .nav-item:hover,.pin-btn:hover{background:var(--rail-hover);color:var(--rail-fg)}#rail .nav-item.active{background:var(--rail-active)!important;color:var(--rail-active-fg)!important}
#rail .rail-head small,#rail .rail-label,#rail .domain-toggle,#rail .domain-toggle small,#rail .pin-btn,#rail .rail-find i{color:var(--rail-muted)}#rail .pin-btn.pinned{color:var(--cobalt2)}#rail .rail-foot{border-color:var(--line)}#rail .rail-find input{background:var(--bg);color:var(--rail-fg);border-color:var(--line2)}#rail .rail-find input::placeholder{color:var(--rail-muted)}
/* Restore inherited surface tokens overridden by the earlier navy-only rail. */
[data-theme=jij] #rail,[data-theme=classic] #rail,[data-theme=pink] #rail,[data-theme=web1] #rail,[data-theme=web2] #rail,[data-theme=iphone] #rail{--rail-fg:var(--text)}
.btn.primary,#compose-btn,.badge{background:var(--cobalt)!important;color:var(--onacc,#fff)!important}.btn.primary:hover,#compose-btn:hover{filter:brightness(.93)}.workspace-hero,.auth-story{background:var(--hero)}
body.auth{background:var(--bg)!important;color:var(--text)}.auth-layout{background:var(--panel);border-color:var(--line)}.auth-layout>.card{background:var(--panel)!important;color:var(--text)}.auth-layout .card h1{color:var(--strong)}.auth-layout .card input{color:var(--text);background:var(--bg)}
.themes{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.swatch{background:var(--panel);color:var(--text);border-color:var(--line)}.swatch .sw-top{background:var(--cobalt)}.swatch .sw-body{background:var(--panel);color:var(--text)}.swatch .sw-body span{color:var(--muted)}.swatch.on{outline:3px solid #709dff;outline-offset:2px}.theme-note{font-size:12px}
[data-theme=classic] .workspace-hero,[data-theme=classic] .auth-story{color:#333}[data-theme=classic] .workspace-hero h1,[data-theme=classic] .auth-story h2,[data-theme=classic] .auth-wordmark{color:#222}[data-theme=classic] .auth-story .eyebrow,[data-theme=classic] .auth-wordmark small,[data-theme=classic] .workspace-hero .eyebrow{color:#2456a6}[data-theme=classic] #compose-btn{background:#c53929!important}
[data-theme=classic] .btn,[data-theme=classic] .section,[data-theme=classic] .workspace-hero,[data-theme=classic] .auth-layout,[data-theme=web1] .btn,[data-theme=web1] .section,[data-theme=web1] .workspace-hero,[data-theme=web1] .auth-layout,[data-theme=web1] input{border-radius:var(--radius)!important}
[data-theme=web1] .btn{border:2px outset #bbb!important}[data-theme=web1] a{text-decoration:underline}[data-theme=web1] .workspace-hero h1{letter-spacing:0}[data-theme=web2] .btn.primary,[data-theme=web2] #compose-btn{background:linear-gradient(#58c6e9,#087aa7)!important;border:1px solid #087aa7!important;box-shadow:inset 0 1px #fff8!important}[data-theme=iphone] .section,[data-theme=iphone] .workspace-stat{border-radius:22px}[data-theme=iphone] .btn{border-radius:20px}
@media(max-width:800px){.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch .sw-body{padding:13px}.swatch .sw-body b{font-size:13px}}

/* One continuous sidebar scroll: no nested mailbox viewport. */
#rail{overflow-y:auto!important;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;scroll-padding-block:20px}
#rail>*{flex-shrink:0}#rail #accounts{flex:0 0 auto;min-height:0;max-height:none;height:auto;overflow:visible;padding-right:0}#rail .rail-foot{margin-top:auto;padding-bottom:12px}