:root,html[data-theme=light]{color-scheme:light;--bg:#f2f8fd;--surface:#fff;--raised:#e9f4fc;--line:#c7ddeb;--text:#19384f;--muted:#547185;--teal:#14699d;--accent:#ffb861;--shadow:0 18px 55px #245d8520;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{background:#f2f8fd;color:var(--text)}.topbar,html[data-theme=light] .topbar{height:78px;background:#fff;border-bottom:1px solid #c7dfed;box-shadow:0 2px 16px #427a9d08;padding-inline:28px}.brand h1,html[data-theme=light] .brand h1{color:#195278;font-size:23px}.brand small,html[data-theme=light] .brand small{color:#67879b;letter-spacing:0;font-size:11px}.top-navigation{display:flex;gap:10px;align-items:center}.nav-menu{position:relative}.nav-menu>summary{display:flex;gap:16px;align-items:center;cursor:pointer;list-style:none;min-height:44px;padding:10px 15px;border-radius:12px;color:#315c77;font-size:13px;border:1px solid transparent}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu[open]>summary{background:#e8f5ff;border-color:#b5d9f1;color:#125780}.nav-menu summary:focus-visible{outline:2px solid #238ed0;outline-offset:3px}.nav-popup{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:230px;max-height:65dvh;overflow:auto;background:#fff;border:1px solid #c2deed;border-radius:16px;padding:7px;box-shadow:0 16px 45px #1e577a26;z-index:60}.nav-popup>button,.nav-popup>a{display:flex;width:100%;justify-content:flex-start;text-align:start;background:transparent;border:0;min-height:42px;padding:10px 12px;color:#2e556e;font-size:13px;border-radius:9px;box-sizing:border-box}.nav-popup>button:hover,.nav-popup>a:hover{background:#eaf6ff;color:#145b86;text-decoration:none}.screen-location{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 30px;border-bottom:1px solid #d8e8f2;background:#f9fcff;font-size:12px;color:#6d8c9f;flex-shrink:0}.screen-location strong{color:#2b5c7c;font-weight:600}.screen-account{margin-inline-start:auto;font-size:11px}.layout,.layout.has-message,.layout:not(.has-message){grid-template-columns:224px minmax(0,1fr)!important;gap:0;background:#f2f8fd}.layout>.mail-list,.layout>.reader,.layout>.panel-page{grid-column:2;grid-row:1;min-width:0}.layout>.reader{display:block!important}.sidebar,html[data-theme=light] .sidebar{background:#f5fbff;border-color:#d1e5f2;padding:24px 14px;gap:22px}.sidebar select,html[data-theme=light] .sidebar select{background:#fff;border:1px solid #c5deee;color:#335e79}.sidebar>.primary{background:#cdeaff!important;border-color:#b5d9ef!important;color:#15547e!important;box-shadow:none;justify-content:flex-start;padding-inline:18px;font-weight:650}.sidebar>.primary:hover{background:#bce1fb!important}.folder,html[data-theme=light] .folder{color:#4e7188;min-height:43px;font-size:13px}.folder[aria-current=page],html[data-theme=light] .folder[aria-current=page]{background:#dcefff;border-color:#c0def4;color:#155a87;box-shadow:none;font-weight:700}.folder .icon-svg,html[data-theme=light] .folder .icon-svg{color:#6b96b4}.folder[aria-current=page] .icon-svg,html[data-theme=light] .folder[aria-current=page] .icon-svg{color:#2779af}.count{background:#fff;color:#2c76a4;border-color:#b7d9ee}.section-label{margin-top:18px;color:#7795a8!important;font-size:10px}.sidebar-footer{border-top-color:#d3e5f0}.sidebar-footer .folder{font-size:12px}.mail-list,html[data-theme=light] .mail-list{border:0;background:#fff}.list-heading,html[data-theme=light] .list-heading{padding:28px clamp(20px,4vw,50px) 20px;background:#fff;border-color:#e0edf5;gap:16px}.list-heading h2{font-size:26px;color:#214f6e}.list-heading>.row{max-width:none}.search>input,html[data-theme=light] .search>input{background:#eef7fd;border-color:#d5e8f4;min-height:48px;font-size:14px;border-radius:14px}.search{max-width:760px}.filters button{font-size:12px;color:#64849a}.filters button[aria-pressed=true],html[data-theme=light] .filters button[aria-pressed=true]{background:#e4f3ff;border-color:#b9dbf1;color:#226b98}.messages{padding:12px clamp(14px,3vw,40px) 28px;background:#fff}.message-row,html[data-theme=light] .message-row{background:#fff;border-color:transparent;border-bottom-color:#e4eef5;border-radius:12px;padding:2px 10px}.message-row.unread,html[data-theme=light] .message-row.unread{background:#eff8ff;border-color:#deedf8}.message-row:hover,html[data-theme=light] .message-row:hover{background:#e7f4ff;border-color:#c9e3f4}.message-row.selected,html[data-theme=light] .message-row.selected{background:#dcefff;border-color:#9dccec}.message-open{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(160px,1.2fr) minmax(100px,1fr);align-items:center;gap:18px;text-align:start;padding:17px 12px}.sender-line{display:flex;align-items:center;gap:16px}.sender{font-size:13px;color:#315c77}.message-open .time{font-size:10px;color:#7897aa;flex-shrink:0}.subject{font-size:13px;color:#2e536c}.preview{font-size:12px;color:#7c97a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:40px;gap:16px}.empty h2{font-size:23px;color:#335e7a}.empty p{color:#7d96a7;font-size:13px}.empty-icon{background:#eff8ff;border-color:#d0e7f6;color:#76add0;box-shadow:none}.empty-icon .icon-svg{color:#68a0c4}.reader,html[data-theme=light] .reader{background:#fff}.reading-toolbar,html[data-theme=light] .reading-toolbar{padding:18px clamp(20px,5vw,64px);background:#f9fcff;border-color:#deedf6}.reading-toolbar button{background:#fff;border-color:#cce0ee;color:#3d6a87}.reading-header{padding:34px clamp(20px,5vw,64px) 24px;border-color:#e2eef6}.reading-header h2{font-size:28px;color:#204c6b}.reader>.message-body,.reader>.attachments,.reader>.row,.reader>.panel-card{margin:28px clamp(20px,5vw,64px);max-width:1100px}.reading-header .avatar{background:#e3f3ff;border-color:#bddff4;color:#488bb5}.panel-page,html[data-theme=light] .panel-page{background:#fff;padding:34px clamp(20px,4vw,52px) 100px}.panel-card,.status-card{background:#fff;border-color:#d5e6f1;box-shadow:0 8px 25px #407fa406}.panel-page>header h2{font-size:27px;color:#225374}.panel-page input,.panel-page textarea,.panel-page select{background:#f8fcff;border-color:#c9dfef}.notice,html[data-theme=light] .notice{background:#edf8ff;border-color:#c9e5f8;color:#4c7590}.workspace>.notice{font-size:11px;min-height:30px;padding:6px 28px}.badge,html[data-theme=light] .badge{background:#edf8ff;border-color:#c1e0f2;color:#4a829f}.badge.warning,html[data-theme=light] .badge.warning{background:#fff6e9;border-color:#ead5b0;color:#926c34}.modal-backdrop{background:#4e86a459;backdrop-filter:blur(5px)}.modal,html[data-theme=light] .modal{background:#fff;border-color:#c5dfef;box-shadow:0 24px 100px #20567530}.modal-head,.modal-foot,html[data-theme=light] .modal-head,html[data-theme=light] .modal-foot{background:#f3faff;border-color:#d5e9f6;color:#305e7c}.modal-body input,.modal-body textarea,html[data-theme=light] .modal-body input,html[data-theme=light] .modal-body textarea{background:#fbfdff;border-color:#c6dfee;color:#274f69}.modal-body label,html[data-theme=light] .modal-body label{color:#6b8ca2}.modal-body textarea{min-height:280px}.compose-screen{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;border:0!important;border-radius:0!important;display:flex;flex-direction:column}.compose-screen .modal-head{padding:20px clamp(20px,6vw,100px)}.compose-screen .modal-body{flex:1;min-height:0;overflow:auto;padding:28px clamp(20px,6vw,100px)}.compose-screen .modal-foot{padding:18px clamp(20px,6vw,100px)}.compose-screen .modal-head:before{width:32px;height:32px}.compose-screen .modal-body>label{max-width:1100px}.compose-screen .modal-body>.message-body{max-width:1100px}.gate,html[data-theme=light] .gate{background:#f4faff}.gate-brand,html[data-theme=light] .gate-brand{background:radial-gradient(ellipse at 15% 30%,#d4edff,transparent 65%),#edf7ff;border-color:#d2e7f5}.gate-brand:after{background:linear-gradient(90deg,transparent,#f7bd71,#85c6f1,transparent);opacity:.6}.gate-brand h1,html[data-theme=light] .gate-brand h1{color:#245f87;font-weight:650}.gate-brand p,html[data-theme=light] .gate-brand p{color:#6a8da4}.brand-kicker{color:#4e96c3;font-size:10px}.gate-brand .gate-logo{max-width:230px;filter:none}.gate-form,html[data-theme=light] .gate-form{background:#fff}.login-card,html[data-theme=light] .login-card{border:1px solid #d6e8f4;box-shadow:0 18px 60px #3074a512;background:#fff}.login-card h2{color:#2b6287;font-weight:650}.login-card input,html[data-theme=light] .login-card input{background:#f8fcff;border-color:#c6dfee}.account-links{border-color:#e0edf5}.gate-foot,html[data-theme=light] .gate-foot{color:#7797ac}.initial{background:radial-gradient(ellipse at 50% 40%,#dbf0ff,transparent 60%),#f7fcff}.initial h1{color:#28678f}.initial p{color:#6a94ad}.initial img{filter:drop-shadow(0 12px 28px #70abcc20)}.appearance-panel{background:#fff;border-color:#c6dfef;box-shadow:0 10px 32px #316f9820;color:#456f89}.appearance-panel summary{font-size:12px}.appearance-panel p{color:#7793a6}.ux-workspace,.workspace-hub,html[data-theme=light] .workspace-hub{background:#fff}.ux-workspace:before,html[data-theme=light] .ux-workspace:before{display:none}.ux-heading h2{color:#296688;font-weight:650}.ux-account{background:#f4faff;border-color:#cde5f5;color:#7194ab}.ux-shortcut,.ux-shortcut:first-child,html[data-theme=light] .ux-shortcut:first-child{background:#f2faff;border-color:#cce6f7;color:#397bA5;box-shadow:none}.ux-shortcut small,.ux-shortcut:first-child small,html[data-theme=light] .ux-shortcut:first-child small{color:#7c9eb4}.ux-views button[aria-pressed=true]{background:#e8f5ff;border-color:#c0e1f7;color:#2d719d}.hub-card,html[data-theme=light] .hub-card{background:#fff;border-color:#d1e5f3;box-shadow:0 8px 22px #407ba406}.hub-card .ux-open,html[data-theme=light] .hub-card>.ux-open{background:#edf8ff;border-color:#c3e2f7;color:#347ea7}.hub-service-icon{background:#e5f5ff;color:#6eadd3}.hub-categories button[aria-pressed=true],html[data-theme=light] .hub-categories button[aria-pressed=true]{background:#e3f3ff;border-color:#b5daf2;color:#357ca8}.hub-eyebrow{color:#7ca5bf}.hub-badge,html[data-theme=light] .hub-badge{background:#f2f9fd;border-color:#d4e8f4;color:#7696aa}.ux-workspace .hub-card .ux-favorite{color:#94b4c8}.ux-workspace .hub-card .ux-favorite[aria-pressed=true]{color:#bb852d}.ux-service-dialog{background:#fff;border-color:#c1deef;color:#416c86}.ux-service-dialog::backdrop{background:#5c93b158}.toast,html[data-theme=light] .toast{background:#fff;border-color:#a7d1eb;color:#2d6b94;box-shadow:var(--shadow)}button.primary,html[data-theme=light] button.primary{background:#d7efff;border-color:#b4ddf7;color:#236a98;box-shadow:none}button.primary:hover:not(:disabled),html[data-theme=light] button.primary:hover:not(:disabled){background:#c4e7fc;border-color:#92c9ea;color:#165b88}.bulkbar{background:#ebf7ff;border-color:#c9e5f7;color:#367bA4}.bulkbar button{background:#fff;border-color:#c3dfef;color:#367bA4}.attachment{background:#f4fbff;border-color:#cbe3f3;color:#4f86a9}.screen-location:focus-visible{outline:2px solid #4eace1}.nav-menu:not([open])>.nav-popup{display:none}
@media(max-width:1100px){.message-open{grid-template-columns:minmax(130px,.8fr) minmax(180px,1.2fr)}.message-open>.preview{grid-column:1/-1}.layout,.layout.has-message,.layout:not(.has-message){grid-template-columns:204px minmax(0,1fr)!important}}
@media(max-width:760px){.topbar,html[data-theme=light] .topbar{height:auto;min-height:110px;align-items:stretch;flex-direction:column;padding:10px 14px;gap:8px}.brand{justify-content:flex-start}.brand h1,html[data-theme=light] .brand h1{font-size:19px}.top-navigation{justify-content:space-between;gap:4px}.nav-menu{flex:1}.nav-menu>summary{justify-content:center;font-size:12px;gap:8px;min-height:36px;padding:7px}.nav-popup{width:min(240px,80vw);inset-inline-end:0}.top-navigation .nav-menu:first-child .nav-popup{inset-inline-start:0;inset-inline-end:auto}.screen-location{padding:8px 16px;min-height:36px;font-size:11px}.screen-account{font-size:10px}.workspace>.notice{padding:6px 14px;font-size:10px}.layout,.layout.has-message,.layout:not(.has-message){grid-template-columns:minmax(0,1fr)!important}.layout>.mail-list,.layout>.reader,.layout>.panel-page{grid-column:1;grid-row:1;display:flex!important;flex-direction:column}.layout>.panel-page{display:block!important}.sidebar{top:0;bottom:0;width:min(280px,84vw);z-index:70;border-inline-end:1px solid #b9d9ef;box-shadow:0 10px 50px #3b6d8e40;padding-top:30px}.sidebar.open{display:flex}.sidebar:not(.open){display:none}.layout{position:relative}.list-heading{padding:22px 18px 16px}.list-heading h2{font-size:23px}.messages{padding:8px 12px 90px}.message-open{grid-template-columns:1fr;gap:5px;padding:14px 8px}.message-open>.preview{grid-column:auto}.sender-line{justify-content:space-between}.reader>.empty{min-height:60dvh}.reading-header h2{font-size:23px}.reading-toolbar{padding:12px;gap:8px}.reading-toolbar .row{gap:6px}.reading-toolbar button{font-size:11px;padding:7px 9px;min-height:36px}.compose-screen .modal-body{padding:20px 16px}.compose-screen .modal-head,.compose-screen .modal-foot{padding:16px}.compose-screen .modal-body textarea{min-height:220px}.gate-brand{grid-template-columns:76px 1fr}.gate-brand .gate-logo{width:76px}.gate-brand h1,html[data-theme=light] .gate-brand h1{font-size:24px}.gate-brand p{font-size:12px}.ux-heading h2{font-size:28px}.ux-shortcut{padding:18px}.screen-location strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Keep secondary text readable against the pale surfaces. */
.brand small,html[data-theme=light] .brand small,.screen-location,.screen-account,.preview,.message-open .time,.empty p,.gate-brand p,html[data-theme=light] .gate-brand p,.gate-foot,html[data-theme=light] .gate-foot,.ux-shortcut small,.ux-shortcut:first-child small,html[data-theme=light] .ux-shortcut:first-child small,.ux-account,.hub-badge,html[data-theme=light] .hub-badge,.appearance-panel p,.modal-body label,html[data-theme=light] .modal-body label,.hub-eyebrow,.brand-kicker{color:#526f83}.section-label{color:#526f83!important}.muted{color:#526f83}.nav-menu[open]>summary:focus-visible{outline:2px solid #1c78af}.panel-page .stack>form{max-width:900px}