/* Neutral surfaces. Brand color is restricted to small state/focus accents. */
:root{--ws-accent-on:#fff;--ws-bg:#f3f4f5;--ws-panel:#fff;--ws-aside:#f8f9fa;--ws-hover:#f0f2f4;--ws-selected:#e9edf0;--ws-border:#e3e6e9;--ws-text:#25303c;--ws-muted:#737f8c;--ws-strong:#1d2732;--ws-button:#25303c;--ws-button-text:#fff;--ws-field:#fff;--ws-shadow:#16233315}
[data-secmail-mode=dark]{--ws-accent-on:#14171c;--ws-bg:#14171c;--ws-panel:#1c2027;--ws-aside:#191d23;--ws-hover:#252b34;--ws-selected:#303844;--ws-border:#303640;--ws-text:#dce2e9;--ws-muted:#929daa;--ws-strong:#f0f3f6;--ws-button:#e2e7ed;--ws-button-text:#18202a;--ws-field:#20252d;--ws-shadow:#00000035}
.sc-shell,.sc-message-frame{color:var(--ws-text);background:var(--ws-bg)}
.sc-masthead,.sc-shell.task-login .sc-masthead{background:var(--ws-bg)}.sc-wordmark{color:var(--ws-strong);font-weight:600}.sc-wordmark-dot{color:var(--ws-strong)}.sc-mark{background:var(--ws-button);color:var(--ws-button-text)}.sc-location{color:var(--ws-muted)}.sc-location-divider{background:var(--ws-border)}.sc-pilot-status{background:var(--ws-hover);color:var(--ws-muted)}
.sc-shell #layout{border-color:var(--ws-border);box-shadow:none}.sc-shell #layout-menu,.sc-shell #layout-menu .popover-header,.sc-shell #layout-sidebar{background:var(--ws-aside)!important;border-color:var(--ws-border)}.sc-shell #layout-menu #logo{opacity:.6}.sc-shell #taskmenu a,.sc-shell #taskmenu .special-buttons a{color:var(--ws-muted)!important}.sc-shell #taskmenu a:hover,.sc-shell #taskmenu .special-buttons a:hover{background:var(--ws-hover)!important;color:var(--ws-text)!important}.sc-shell #taskmenu a.selected{background:var(--ws-panel)!important;color:var(--ws-strong)!important;box-shadow:none}.sc-shell #taskmenu a.compose{background:var(--ws-button)!important;color:var(--ws-button-text)!important;box-shadow:none;border-radius:11px}
.sc-shell #layout-sidebar>.header,.sc-shell #layout-list>.header,.sc-shell #layout-content>.header{color:var(--ws-muted);background:var(--ws-panel);border-color:var(--ws-border)}.sc-shell #layout-sidebar>.header{background:var(--ws-aside)}.sc-shell #layout-list,.sc-shell #messagelist-content,.sc-shell #layout-content,.sc-shell .iframe-wrapper{background:var(--ws-panel);border-color:var(--ws-border)}
.sc-shell .folderlist li a{color:var(--ws-muted);font-size:13px;padding:9px 12px}.sc-shell .folderlist li a:before{color:var(--ws-muted)}.sc-shell .folderlist li a:hover{background:var(--ws-hover)}.sc-shell .folderlist li.selected>a{background:var(--ws-selected)!important;color:var(--ws-strong)!important}.sc-shell .folderlist li.selected>a:before{color:var(--sc-accent)}.sc-shell .folderlist .unreadcount{background:var(--ws-panel);color:var(--ws-text)}
.sc-shell #layout-list>.searchbar{background:var(--ws-aside);border-color:var(--ws-border);margin:12px}.sc-shell .searchbar input,.sc-shell .searchbar a{color:var(--ws-muted)!important}.sc-shell #messagelist td{color:var(--ws-muted);border-color:var(--ws-border);font-size:12px}.sc-shell #messagelist .subject .fromto,.sc-shell #messagelist .subject .subject{color:var(--ws-text);font-size:13px}.sc-shell #messagelist .subject .date{color:var(--ws-muted)}.sc-shell #messagelist tr.unread .subject .fromto,.sc-shell #messagelist tr.unread .subject .subject{color:var(--ws-strong)}.sc-shell #messagelist tr:hover td{background:var(--ws-hover)}.sc-shell #messagelist tr.selected td{background:var(--ws-aside)!important;color:var(--ws-text)!important}.sc-shell #messagelist tr.selected td.subject{box-shadow:inset 2px 0 var(--sc-accent)}
.sc-shell .toolbar a.button,.sc-shell .header .toolbar a,.sc-shell .footer,.sc-shell .pagenav a{color:var(--ws-muted)}.sc-shell .toolbar a.button:hover{color:var(--ws-text);background:var(--ws-hover)}.sc-shell .footer,.sc-shell .formbuttons{background:var(--ws-panel);border-color:var(--ws-border)}.sc-shell .btn-primary,.sc-shell .button.mainaction{background:var(--ws-button)!important;border-color:var(--ws-button)!important;color:var(--ws-button-text)!important}.sc-shell .btn-primary:hover,.sc-shell .button.mainaction:hover{background:var(--ws-strong)!important;border-color:var(--ws-strong)!important;color:var(--ws-button-text)!important}
.sc-shell input.form-control,.sc-shell select.form-control,.sc-shell textarea.form-control,.sc-shell .input-group-text,.sc-shell #composebody,.sc-shell .recipient-input,.sc-shell .multi-input{background:var(--ws-field)!important;color:var(--ws-text)!important;border-color:var(--ws-border)!important}.sc-shell #compose-headers label,.sc-shell #compose-options label,.sc-shell #compose-attachments .hint{color:var(--ws-muted)}.sc-shell .editor-toolbar,.sc-shell .tox .tox-toolbar,.sc-shell .tox .tox-toolbar__primary{background:var(--ws-aside)!important;border-color:var(--ws-border)!important}.sc-shell .tox-tinymce{border-color:var(--ws-border)}
.sc-appearance-button,.sc-appearance-panel,.sc-palette-option,.sc-density-select,.sc-shell .popover,.sc-shell .ui-dialog,.sc-shell .ui-dialog-titlebar{background:var(--ws-panel);color:var(--ws-text);border-color:var(--ws-border)}.sc-appearance-panel{box-shadow:0 16px 48px var(--ws-shadow)}.sc-appearance-panel h2,.sc-appearance-panel strong{color:var(--ws-strong)}.sc-appearance-panel p,.sc-palette-label small{color:var(--ws-muted)}.sc-palette-option:hover,.sc-palette-option[aria-pressed=true],.sc-appearance-button:hover,.sc-appearance-button[aria-expanded=true]{background:var(--ws-hover)}.sc-palette-option[aria-pressed=true]{border-color:var(--ws-muted)}.sc-palette-chip{width:18px;height:18px;border-radius:6px}.sc-shell .popover .listing li a:hover{background:var(--ws-hover)}
.sc-empty-reader{background:var(--ws-panel)}.sc-empty-reader>span{background:var(--ws-aside);color:var(--ws-muted);border:1px solid var(--ws-border)}.sc-empty-reader h2{color:var(--ws-text);font-size:18px}.sc-empty-reader p{color:var(--ws-muted)}.sc-shell.task-login{background:var(--ws-bg)}.sc-shell #login-form{background:var(--ws-panel);border-color:var(--ws-border);box-shadow:0 20px 60px var(--ws-shadow)}.sc-login-intro h1{color:var(--ws-strong);font-size:27px}.sc-login-intro p,.sc-eyebrow{color:var(--ws-muted)}
.sc-message-frame{background:var(--ws-panel);color:var(--ws-text)}.sc-message-frame #message-header{border-color:var(--ws-border)}.sc-message-frame #message-header h2{color:var(--ws-strong);font-size:20px}.sc-message-frame .attachmentslist{background:var(--ws-aside);border-color:var(--ws-border)}.sc-message-frame #messagebody pre{color:var(--ws-text)}
[data-secmail-mode=dark] .sc-shell .listing li a,[data-secmail-mode=dark] .sc-shell .listing tr td{color:var(--ws-text)}
[data-secmail-mode=dark] .sc-shell .listing li.selected>a,[data-secmail-mode=dark] .sc-shell .listing tr.selected td{background:var(--ws-selected)!important;color:var(--ws-strong)!important}
.sc-shell .listing li,.sc-shell .listing tr td{border-color:var(--ws-border)!important}.sc-shell #messagelist td.subject a,.sc-shell #messagelist td .subject{color:var(--ws-text)!important}.sc-shell #messagelist td .date{color:var(--ws-muted)!important}.sc-shell .footer,.sc-shell #layout-sidebar>.footer,.sc-shell #layout-list>.footer{background:var(--ws-panel)!important;color:var(--ws-muted)!important;border-color:var(--ws-border)!important}
html[data-secmail-mode=dark]:has(body.sc-message-frame),[data-secmail-mode=dark] body.sc-message-frame{background:var(--ws-panel)!important;color:var(--ws-text)!important}.sc-message-frame #message-header,.sc-message-frame #message-content{background:var(--ws-panel)!important;color:var(--ws-text)!important}.sc-message-frame #messagebody pre{color:var(--ws-text)!important;background:transparent!important}
.sc-message-frame #layout-content,.sc-message-frame #messagepreview{background:var(--ws-panel)!important}.sc-message-frame .message-header a{color:var(--sc-accent)!important}[data-secmail-mode=dark][data-secmail-palette=keppel]{--sc-accent:#87c7b7}[data-secmail-mode=dark][data-secmail-palette=chestnut]{--sc-accent:#dda19e}[data-secmail-mode=dark][data-secmail-palette=seagull]{--sc-accent:#88c8e7}
