/* Shared web, macOS and iOS appearance — approved Manrope 14 px. */
:root{
  --mira-font:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
  --mira-paper:#fff;--mira-subtle:#f4f6fa;--mira-side:#edf1f5;
  --mira-text:#242d3b;--mira-muted:#657188;--mira-line:#e3e8ef;
  --mira-accent:#365ec3;--mira-selected:#eaf0fd;--mira-rail:#222c37;
  --mira-input:#fff;--mira-danger:#b43b50;--mira-danger-bg:#fff0f2;
  --mira-success:#27734e;--mira-success-bg:#edf8f1;--mira-warning:#946024;
  --ink:var(--mira-text);--muted:var(--mira-muted);
  font-family:var(--mira-font);font-size:14px;color:var(--mira-text);background:var(--mira-paper);
  scrollbar-color:#b7c3d2 transparent;
}
:root[data-theme=dark]{
  --mira-paper:#1d232c;--mira-subtle:#252e3a;--mira-side:#212a36;
  --mira-text:#e3e8f0;--mira-muted:#a8b4c6;--mira-line:#364151;
  --mira-accent:#9dbdff;--mira-selected:#2b3c57;--mira-rail:#141b24;
  --mira-input:#252e3a;--mira-danger:#ff9cae;--mira-danger-bg:#432a35;
  --mira-success:#8ed5b0;--mira-success-bg:#243c34;--mira-warning:#efbd83;
  scrollbar-color:#506075 transparent;
}
body,button,input,select,textarea{font-family:var(--mira-font)}
input::placeholder,textarea::placeholder{color:var(--mira-muted);opacity:.85}
body{color:var(--mira-text);background:var(--mira-paper)}
.app,.main,.detail-pane,.message-view,.compose-shell,.compose-header,.rule-shell,.rule-header{background:var(--mira-paper);color:var(--mira-text)}
.rail{background:var(--mira-rail)}
.sidebar{background:var(--mira-side)}
.list-pane{background:var(--mira-paper)}
.sidebar-head .brand{font-family:var(--mira-font);color:var(--mira-text)}
.sidebar .nav-link{font-size:14px;color:var(--mira-text)}
.sidebar .folder-link{font-size:13px}
.sidebar-group .account-summary{font-size:12px}
.sidebar-group .nav-subtitle{font-size:11px;letter-spacing:.6px}
.sidebar .nav-link.current,.sidebar .nav-link:hover,.sidebar-group summary:hover{background:var(--mira-paper);color:var(--mira-text)}
.sidebar .nav-link>b,.sidebar .unread-badge,.sidebar-group .nav-subtitle b,.sidebar-group .account-summary b{font-size:11px;font-variant-numeric:tabular-nums}
.mail-topline strong,.mail-meta strong,.mail-subject{font-size:14px;line-height:1.4}
.mail-topline strong{font-weight:500}.mail-row.unread .mail-topline strong{font-weight:700}
.mail-subject{font-weight:500}.mail-meta small{font-size:12px;line-height:1.45;color:var(--mira-muted)}
.mail-topline time,.mail-row time{font-size:11px;color:var(--mira-muted)}
.mail-row{border-bottom-color:var(--mira-line)}
.mail-row.unread,.mail-row:hover{background:var(--mira-subtle)}
.mail-row.current,.mail-row.current.unread,.mail-row.selected,.mail-row.selected.unread{background:var(--mira-selected)}
.mail-row .quick-actions{background:var(--mira-subtle)}
.plain-letter,.reading-card .plain-letter,.compose-body-field textarea,.ai-result-text,.chat-bubble{
  font-family:var(--mira-font);font-size:14px;line-height:1.6;font-weight:400;
}
.reading-card h1,.message-view h1{font-family:var(--mira-font);color:var(--mira-text)}
.list-search{background:var(--mira-subtle);color:var(--mira-muted)}
.list-search input{color:var(--mira-text);font-size:14px}
.topbar,.sender-block,.detail-toolbar,.attachments,.pagination,.rule-header,.compose-header,.nas-dialog>header{border-color:var(--mira-line)}
.topbar,.detail-empty h2,.detail-loading h2,.empty h2,.contact-card strong,.contact-suggestions strong,.rule-name-suggestions strong,.compose-context strong{color:var(--mira-text)}
.column-divider{background:var(--mira-line)}
.list-pane .pagination,.bulk-actions,.round-action,.mobile-mail-back,.body-loading{background:var(--mira-subtle);color:var(--mira-accent);border-color:var(--mira-line)}
.letter-body a[href],.pagination a,.rule-row a,.rule-list-item>a,.contact-card small,.contact-phone-actions a,.auth-foot a,.back{color:var(--mira-accent)}
.soft-button,.ai-actions button,.ai-actions a,.nas-folder-picker button,.nas-job button{background:var(--mira-subtle);border-color:var(--mira-line);color:var(--mira-accent)}
.primary,.compose-link,.rule-mark,.compose-mark{background:#263448;color:#fff}
.primary:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--mira-accent);outline-offset:2px}
.detail-toolbar a,.detail-toolbar button,.message-actions button,.move-folder-menu summary{color:var(--mira-muted)}
.detail-toolbar a:hover,.detail-toolbar button:hover,.move-folder-menu summary:hover,.move-folder-menu[open] summary{background:var(--mira-subtle);color:var(--mira-text)}
.forward-menu summary{color:var(--mira-muted)}
.forward-menu summary:hover,.forward-menu[open] summary{background:var(--mira-subtle);color:var(--mira-text)}
.forward-options,.compose-original-files{background:var(--mira-paper);border-color:var(--mira-line);color:var(--mira-text)}
.forward-options a{color:var(--mira-text)}
.forward-options a:hover{background:var(--mira-subtle)}
.detail-toolbar>form>button.action-spam{color:var(--mira-warning)}
.account-icon,.avatar{background:var(--mira-selected);color:var(--mira-accent)}
.account-card,.settings-card,.notification-settings,.appearance-settings,.rule-card,.rule-accordion,.contact-editor,.server-status-card,.mail-server-list,.server-status-grid,.nas-content fieldset,.nas-job{background:var(--mira-paper);border-color:var(--mira-line);color:var(--mira-text)}
.account-card:hover,.contact-card.selected,.rule-accordion>summary:hover{background:var(--mira-subtle)}
.rule-accordion>summary b{background:var(--mira-selected);color:var(--mira-accent)}
.rule-target,.rule-tags span,.compose-context,.assistant-context,.chat-user,.ai-result,.assistant-input,.contact-search,.nas-folder-picker nav button{background:var(--mira-subtle);border-color:var(--mira-line);color:var(--mira-text)}
.chat-assistant{background:var(--mira-subtle)}
.compose-window,.rules-window,.auth-page{background:var(--mira-side);color:var(--mira-text)}
.auth-card{background:var(--mira-paper);border-color:var(--mira-line)}
.stacked-form input,.stacked-form select,.stacked-form textarea,.auth-card input,
.rule-field input,.rule-field select,.compose-field input,.compose-field select,.compose-field textarea,
.contact-editor input:not([type=checkbox]),.contact-editor textarea,.nas-content input:not([type=checkbox]){
  background:var(--mira-input);color:var(--mira-text);border-color:var(--mira-line);
}
.compose-field input[type=file]::file-selector-button{background:var(--mira-subtle);color:var(--mira-text);border-color:var(--mira-line)}
.contact-search input,.assistant-input textarea{background:transparent;color:var(--mira-text)}
.rule-field,.rule-kinds legend,.rule-kinds label,.compose-field,.rule-accordion>summary,.nas-dialog,.voice-dialog{color:var(--mira-text)}
.move-folder-options,.mobile-addresses-popover,.rail-popup,.rule-name-suggestions,.contact-suggestions,.new-mail-notice,.nas-transfer-widget,.nas-dialog,.voice-dialog{
  background:var(--mira-paper);color:var(--mira-text);border-color:var(--mira-line);
}
.detail-toolbar .move-folder-options button,.message-actions .move-folder-options button{color:var(--mira-text)}
.move-folder-options button:hover,.rule-name-suggestions button:hover,.rule-name-suggestions button[aria-selected=true],.contact-suggestions button:hover,.contact-suggestions button[aria-selected=true]{background:var(--mira-selected)}
.sender-block span,.sender-block small,.sender-block time,.muted,.empty,.sidebar-head span,.sidebar .nav-title,
.nav-symbol,.sidebar-group .nav-subtitle,.sidebar-group .account-summary,.sidebar-letter>.letter-summary,
.folder-link small,.folder-totals,.sidebar-group .nav-subtitle small,.sidebar-letter>.letter-summary small,
.topbar span,.list-heading p,.form-page p,.account-card small,.chevron,.notification-settings p,.appearance-settings p,
.rule-card-heading p,.rule-header span,.rule-name-suggestions small,.rule-list-item small,.rule-form-actions>span,
.compose-header span,.compose-actions span,.compose-attachment-field small,.compose-sent p,.auth-card p,
.contact-card span,.contacts-page header p,.contacts-page h1 small,.contact-editor .helptext,.contact-source-note,.contacts-empty,
.contact-suggestions span,.contact-suggestions small,.contact-suggestions p,.server-status-card>span,.mail-server-row dt,.mail-server-row dd small,
.server-info-mobile-host,.server-info-note,.assistant-heading p,.assistant-welcome,.assistant-input-actions>span,
.nas-description,.nas-job small,.nas-jobs>small,.nas-job-subject,.nas-link-input,.nas-transfer-open small,.new-mail-notice span{
  color:var(--mira-muted);
}
.sidebar-letter>.letter-summary.letter-has-unread{background:var(--mira-danger-bg);color:var(--mira-danger)}
.sidebar-letter>.letter-summary.letter-has-unread::before,.sidebar-letter>.letter-summary.letter-has-unread small{color:var(--mira-danger)}
.field-error,.form-error,.rule-errors,.compose-errors,.contact-editor .errorlist,.nas-submit [role=alert]{color:var(--mira-danger)}
.rule-errors,.compose-errors{background:var(--mira-danger-bg)}
.notices,.rule-notice,.compose-sent-icon{background:var(--mira-success-bg);color:var(--mira-success);border-color:var(--mira-line)}
.nas-transfer-widget[data-state=done]{color:var(--mira-success)}
.nas-transfer-widget[data-state=done] .nas-transfer-symbol{background:var(--mira-success-bg)}
.nas-transfer-widget[data-state=error],.nas-transfer-widget[data-state=offline],.nas-transfer-widget[data-state=partial]{color:var(--mira-danger)}
.nas-transfer-symbol{background:var(--mira-selected)}
.appearance-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 30px 20px;padding:16px;border:1px solid var(--mira-line);border-radius:12px}
.appearance-settings strong{font-size:14px;font-weight:600}.appearance-settings p{margin:5px 0 0;font-size:12px;line-height:1.5}
.appearance-options{display:flex;flex-wrap:wrap;gap:5px}
.appearance-options button{min-height:38px;border:1px solid var(--mira-line);border-radius:8px;padding:8px 11px;background:var(--mira-subtle);color:var(--mira-text);font-size:12px}
.appearance-options button[aria-pressed=true]{background:var(--mira-selected);border-color:var(--mira-accent);color:var(--mira-accent)}
#appearance-status{min-height:18px}
@media(max-width:720px){
  .detail-toolbar{background:var(--mira-paper)}
  .detail-toolbar>a,.detail-toolbar>form>button,.detail-toolbar>.move-folder-menu>summary{color:var(--mira-muted)}
  .detail-toolbar>form>button.action-spam{color:var(--mira-warning)}
  .appearance-settings{display:block;margin:0 12px 16px;padding:14px}.appearance-options{margin-top:12px}.appearance-options button{min-height:44px;flex:1}
  .reading-card .plain-letter,.message-view .plain-letter{font-size:14px;line-height:1.6}
  .list-search input{font-size:16px}.compose-field input,.compose-field select,.compose-field textarea,.rule-field input,.rule-field select{font-size:16px}
  .detail-toolbar>a:hover,.detail-toolbar>form>button:hover,.detail-toolbar>.move-folder-menu>summary:hover{background:var(--mira-subtle)}
  .sender-line .mobile-time{color:var(--mira-muted)}.mobile-addresses summary{color:var(--mira-accent)}
  .mobile-addresses[open] summary{background:var(--mira-selected)}
}