/* Cool neutral surfaces; color is reserved for actionable information. */
:root{--bg:#f3f4f6;--paper:#fff;--ink:#2e333b;--muted:#69717d;--line:#dfe3e9;--blue:#505a68;--navy:#292f38;--soft:#e9ecf0;--accent:#697482;--signal:#526d9b;--attention:#936f49}
::selection{background:#dbe0e8;color:#242a33}
body.mail-open{background:#f3f4f6}
#mail-workspace{color:#414955}
.mail-sidebar{background:#20242b;color:#c7cdd6}
.mail-brand b,.mail-brand>span{color:#f0f2f6}
.mail-brand small,.mail-sidebar-label{color:#8e98a6}
.mail-sidebar nav>button{color:#aeb7c4}
.mail-sidebar nav>button.active{background:#383e48;color:#fff;box-shadow:inset 2px 0 #aab3c1}
.mail-sidebar nav>button:hover{background:#303640}
.mail-sidebar nav small{background:#ffffff13;color:#d9dee6}
.mail-profile{border-color:#ffffff17}.mail-profile>span{background:#414955;color:#e5e9f0}
.mail-profile strong{color:#e4e8ee}.mail-profile small,.offline-indicator,.mail-sidebar-bottom>button,.mail-profile button{color:#9aa6b6}
.mail-topbar,.mail-workspace-footer{border-color:var(--line)}
.mail-topbar>span,.mail-connection-dot,.mail-eyebrow{color:#737d8b}
.mail-connection-dot::before{background:#929aa5}
.mail-language,.analytics-range{background:#e8ebef;border-color:#dbe0e7}
.mail-language button,.analytics-range button{color:#77808d}
.mail-language button[aria-pressed=true],.analytics-range button[aria-pressed=true]{background:#fff;color:#343d49;box-shadow:0 1px 4px #1c243312}
.mail-welcome h1{color:#303641}.mail-welcome p{color:#747d8b}
.mail-preview-banner{background:#eceff3;border-color:#dce1e8;color:#79818d}
.mail-preview-banner>span,.mail-preview-banner>button{color:#596471}.mail-preview-banner p{color:#707a88}
.mail-secondary,.mail-welcome>.mail-secondary{background:#fafbfc;border-color:#d9dee6;color:#616c7b}
.mail-secondary:hover{background:#e9edf2}.mail-primary{background:#303741;border-color:#303741;color:#f7f8fa}.mail-primary:hover{background:#20262f}
.analytics-toolbar>div>span,.analytics-toolbar p,.analytics-region{color:#78818f}
.analytics-region select{background:#fff;border-color:#dce1e8;color:#596575}
.analytics-kpi,.analytics-kpi:first-child,.analytics-kpi:nth-child(4){background:#fff;border-color:#dfe3e9;color:#687280;box-shadow:0 2px 4px #1b253102}
.analytics-kpi:hover{border-color:#bcc4d0;box-shadow:0 9px 24px #1c253309}
.analytics-kpi>strong,.analytics-kpi:first-child>strong{color:#343d49}
.analytics-kpi>span i{color:#a0a8b3}
.analytics-kpi p,.analytics-kpi:first-child p{color:#7a8492}
.analytics-kpi small,.analytics-kpi:first-child small{color:#9099a6}
.analytics-kpi:nth-child(4)>strong{color:var(--signal)}
.analytics-kpi:nth-child(7)>strong{color:var(--attention)}
.analytics-kpi:nth-child(7)>span i{color:var(--attention)}
.analytics-panel,.mail-panel{background:#fff;border-color:#dfe3e9;box-shadow:0 2px 5px #1b253102}
.analytics-panel:hover{border-color:#c8d0db;box-shadow:0 8px 25px #1b253305}
.analytics-panel-head h2,.mail-panel h2{color:#3f4855}
.analytics-panel-head p,.analytics-legend,.analytics-activity-chart text{color:#788391;fill:#818b99}
.analytics-donut>div{background:#fff}.analytics-donut strong{color:#46515f}.analytics-donut span{color:#8d97a4}
.analytics-outcome-legend button{color:#727e8e}.analytics-outcome-legend button:hover{background:#f0f2f6}
.analytics-outcome-legend strong{color:#566272}.analytics-outcome-legend small{color:#8e98a6}
.analytics-outcome-legend button:first-child span,.analytics-outcome-legend button:first-child strong{color:var(--signal)}
.analytics-funnel button,.analytics-region-bars button{color:#798493}
.analytics-funnel button>div,.analytics-mini-track,.analytics-region-bars button>div{background:#f0f2f5}
.analytics-funnel i{background:#c1c8d2}.analytics-funnel button:nth-child(2) i{background:#a6afbc}.analytics-funnel button:nth-child(3) i{background:#818d9e}.analytics-funnel button:nth-child(4) i{background:var(--signal)}
.analytics-funnel strong,.analytics-mini-bars strong,.analytics-region-bars strong{color:#657286}
.analytics-funnel small,.analytics-mini-bars small,.analytics-region-bars small{color:#8a95a5}
.analytics-mini-track span,.analytics-region-bars i{background:#a8b2c0}
.analytics-age-bars>div:nth-child(3) span{background:#8f9bab}.analytics-age-bars>div:nth-child(4) span{background:#ac9275}
.analytics-region-bars button:hover span{color:#364252}
.analytics-table th{color:#8b96a6}.analytics-table td{color:#778496;border-color:#e6e9ef}.analytics-table td:first-child{color:#586779}
.analytics-definitions,.analytics-drill-note{background:#eceff3;border-color:#dce2ea;color:#69788b}
.analytics-definitions summary,.analytics-drill-note button{color:#5b6a7d}.analytics-definitions p{color:#778598}
.analytics-sample-foot,.analytics-empty{color:#8d98a8}
.analytics-root button:focus-visible,.analytics-region select:focus-visible{outline-color:#8c9eb7}
#mail-login{background:#f8f9fb;color:#323a45}.mail-login-form label{color:#5d6878}.mail-login-form>p,.mail-login-form .mail-login-note{color:#788495}
.mail-login-art{background-image:linear-gradient(0deg,#1d2530ed,#29333e66),url('assets/icing-hero.jpg');color:#edf0f5}
.mail-login-art p{color:#edf0f5}.mail-login-art small{color:#c6ced9}.mail-login-art>a{color:#aeb8c7}
.mail-login-form input{background:#fff;border-color:#d9dfe8;color:#384454}.mail-login-form input:focus{border-color:#8b9bb1;box-shadow:0 0 0 3px #b2bfd42b}
.login-icon,.mail-close{color:#778597;border-color:#d5dde7}
.preview-credentials{background:#edf0f4;border-color:#dfe4ec;color:#78879a}.preview-credentials dd{color:#48586c}
.mail-login-error{color:#986842!important}
.mail-search input{background:#f7f9fb;border-color:#dfe4ec;color:#58697e}.mail-search input:focus{border-color:#97a6bb}.mail-search input::placeholder{color:#98a2b1}
.mail-filters button{color:#8591a2}.mail-filters button[aria-pressed=true]{background:#e9edf3;color:#4e5d72}.mail-filters button:hover{background:#eef1f6}
.mail-row{background:#fff;border-color:#e5e9ef}.mail-row.is-unread{background:#f7f9fc}.mail-row:hover{background:#eef2f7}
.mail-avatar{background:#e9edf3;border-color:#dfe5ed;color:#8390a3}.mail-sender{color:#788699}.mail-message-copy>strong,.is-unread .mail-message-copy>strong{color:#455368}.mail-snippet,.mail-row-meta time{color:#8895a7}
.unread-dot{background:#697e9d}.mail-status{background:#edf0f4;color:#7b8798}.mail-status.reply{background:#edf1f7;color:var(--signal)}.mail-status.waiting{background:#f2eee8;color:var(--attention)}.mail-status.auto{background:#edf0f4;color:#7b8798}
.mail-follow-marker{color:var(--attention)}.mail-demo-label{background:#f3f5f8;border-color:#dfe5ed;color:#7a879a}
.mail-text-button{color:#6a7a91}.mail-detail-text p{color:#63758c}
.connection-card{background:#f7f9fc;border-color:#e0e5ed}.connection-card strong,.provider-mark{color:#596a81}
.mail-notice{background:#303a48;border-color:#56667e;color:#e3e9f2}
@media(max-width:760px){.mail-sidebar nav>button.active{box-shadow:inset 0 -2px #aab3c1}.mail-mobile-logout{background:#fafbfc;border-color:#d9e0ea;color:#7f8da2}}