/* Shared visual tokens, scoped to application chrome (not message HTML). */
html.ss-interior {
 --ui-bg:#f2f6fb; --ui-surface:#fff; --ui-soft:#f7faff;
 --ui-sidebar:#f8fafc; --ui-text:#142a43; --ui-muted:#526981;
 --ui-border:#d4e0eb; --ui-selected:#e6f1ff; --ui-accent:#176fc5;
 --ui-head:#0b3157; --ui-head-text:#fff;
 --ck-color-base-background:var(--ui-surface); --ck-color-base-foreground:var(--ui-soft);
 --ck-color-text:var(--ui-text); --ck-color-toolbar-background:var(--ui-surface);
 --ck-color-toolbar-border:var(--ui-border); --ck-color-base-border:var(--ui-border);
 --ck-color-button-default-hover-background:var(--ui-selected);
 --ck-color-button-on-background:var(--ui-selected); --ck-color-button-on-color:var(--ui-text);
}
html.ss-interior.ss-theme-dark {
 --ui-bg:#07111c; --ui-surface:#0d1b29; --ui-soft:#122536;
 --ui-sidebar:#091722; --ui-text:#edf5fc; --ui-muted:#afc1d3;
 --ui-border:#2b4053; --ui-selected:#123657; --ui-accent:#79bcff;
 --ui-head:#071d31;
}
html.ss-interior main[ui-view] {color:var(--ui-text);background:var(--ui-bg)!important;}
html.ss-interior main md-sidenav.md-sidenav-left,
html.ss-interior main md-sidenav.md-sidenav-left md-content,
html.ss-interior main md-sidenav .md-subheader,
html.ss-interior main md-sidenav .md-subheader-inner {
 background:var(--ui-sidebar)!important;color:var(--ui-text)!important;
}
html.ss-interior main md-sidenav.md-sidenav-left > md-toolbar.sg-padded,
html.ss-interior main .toolbar-main {
 background:var(--ui-head)!important;color:var(--ui-head-text)!important;
}
html.ss-interior main .toolbar-main md-icon,
html.ss-interior main md-sidenav > md-toolbar.sg-padded md-icon {color:#fff!important;}
html.ss-interior main .toolbar-main .ss-app-nav-active {background:rgba(255,255,255,.14);border-radius:9px;}
.ss-module-title {color:#fff;font-size:16px;font-weight:700;margin-left:12px;white-space:nowrap;}
html.ss-interior main md-sidenav md-list-item,
html.ss-interior main md-sidenav md-list-item .md-button,
html.ss-interior main md-sidenav md-list-item md-icon {color:var(--ui-text)!important;}
html.ss-interior main md-sidenav md-list-item.md-bg,
html.ss-interior main md-sidenav md-list-item.sg-selected {background:var(--ui-selected)!important;}
html.ss-interior main md-sidenav > md-toolbar:not(.sg-padded) {background:var(--ui-soft)!important;color:var(--ui-text)!important;}
html.ss-interior main.ss-cross-v3 md-content,
html.ss-interior main.ss-cross-v3 md-card,
html.ss-interior main.ss-cross-v3 .view-list,
html.ss-interior main.ss-cross-v3 .view-detail {background:var(--ui-surface)!important;color:var(--ui-text)!important;}
html.ss-interior main.ss-cross-v3 md-toolbar:not(.toolbar-main):not(.sg-padded),
html.ss-interior main.ss-cross-v3 md-card-actions {background:var(--ui-soft)!important;color:var(--ui-text)!important;}
html.ss-interior main.ss-cross-v3 md-toolbar:not(.toolbar-main):not(.sg-padded) md-icon,
html.ss-interior main.ss-cross-v3 md-card-actions md-icon,
html.ss-interior main.ss-cross-v3 .view-list md-icon {color:var(--ui-text)!important;}
html.ss-interior main.ss-cross-v3 .view-list > div,
html.ss-interior main.ss-cross-v3 .view-detail > md-content > div {color:var(--ui-muted)!important;background:var(--ui-surface)!important;}
html.ss-interior main[ui-view="calendars"] .daysView,
html.ss-interior main[ui-view="calendars"] .monthView,
html.ss-interior main[ui-view="calendars"] .dayLabels,
html.ss-interior main[ui-view="calendars"] .dayLabels .day,
html.ss-interior main[ui-view="calendars"] .allDaysView--sidenav {background:var(--ui-soft)!important;color:var(--ui-text)!important;}
html.ss-interior main[ui-view="calendars"] .dayLabels .day *,
html.ss-interior main[ui-view="calendars"] .hours {color:var(--ui-muted)!important;}
html.ss-interior main[ui-view="calendars"] .days .day,
html.ss-interior main[ui-view="calendars"] .clickableHourCell,
html.ss-interior main[ui-view="calendars"] .hours .hour,
html.ss-interior main[ui-view="calendars"] .allDaysView,
html.ss-interior main[ui-view="calendars"] .allDaysView--sidenav {border-color:var(--ui-border)!important;}
html.ss-interior main[ui-view="calendars"] .clickableHourCell {background:var(--ui-surface)!important;}
html.ss-interior main[ui-view="calendars"] .clickableHourCell.outOfDay {background:var(--ui-soft)!important;}
html.ss-interior main[ui-view="calendars"] .sg-calendar-tile-header {color:var(--ui-text)!important;}
html.ss-interior md-dialog,
html.ss-interior md-dialog md-dialog-content,
html.ss-interior md-dialog md-content,
html.ss-interior md-dialog md-dialog-actions {background:var(--ui-surface)!important;color:var(--ui-text)!important;}
html.ss-interior md-dialog md-toolbar {background:var(--ui-head)!important;color:#fff!important;}
html.ss-interior md-dialog md-toolbar md-icon {color:#fff!important;}
html.ss-interior md-dialog input,
html.ss-interior md-dialog textarea,
html.ss-interior md-dialog label,
html.ss-interior md-dialog md-input-container .md-input {color:var(--ui-text)!important;}
html.ss-interior md-dialog input::placeholder,
html.ss-interior md-dialog label {color:var(--ui-muted)!important;}
html.ss-interior md-dialog md-autocomplete {background:var(--ui-soft)!important;color:var(--ui-text)!important;}
html.ss-interior md-dialog md-icon,
html.ss-interior md-dialog .md-button {color:var(--ui-text);}
html.ss-interior .ck.ck-editor__editable,
html.ss-interior .ck.ck-toolbar {background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;}
html.ss-interior .ck.ck-button {color:var(--ui-text)!important;}
html.ss-interior md-menu-content,
html.ss-interior md-select-menu md-content {background:var(--ui-surface)!important;color:var(--ui-text)!important;}
html.ss-interior md-menu-content .md-button,
html.ss-interior md-menu-content md-icon {color:var(--ui-text)!important;}
html.ss-interior button:focus-visible,html.ss-interior a:focus-visible {outline:3px solid #e8a62b!important;outline-offset:2px;}
.ss-app-theme-switcher,.ss-theme-switcher {display:flex!important;grid-template-columns:none!important;gap:0!important;flex-shrink:0;}
html.ss-interior .ss-app-theme-switcher button {width:36px!important;height:36px!important;display:grid!important;color:#fff!important;background:transparent!important;}
html.ss-interior main.ss-app-v3 .view-list > md-toolbar {background:var(--ui-surface)!important;color:var(--ui-text)!important;}
html.ss-interior main.ss-app-v3 .view-list {background:var(--ui-bg)!important;}
html.ss-interior main.ss-app-v3 .sg-message-list-item:hover,
html.ss-interior main.ss-app-v3 .sg-message-list-item.sg-selected,
html.ss-interior main.ss-app-v3 .sg-message-list-item.md-bg {margin-top:0!important;margin-bottom:0!important;}
html.ss-interior main.ss-app-v3 #detailView {background:var(--ui-bg)!important;}
html.ss-interior main.ss-app-v3 .sg-message-list-item .sg-tile-date {font-size:11px;}

/* Angular Material controls share the application accent in every module. */
html.ss-interior body main[ui-view] md-sidenav.md-sidenav-left {border-right:0!important;}
html.ss-interior body main[ui-view="preferences"] md-grid-tile.sg-icon-button.md-accent.md-bg {
  background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:var(--ui-surface)!important;
}
html.ss-interior body main[ui-view="preferences"] md-grid-tile.sg-icon-button:not(.md-bg) {
  background:var(--ui-surface)!important;border-color:var(--ui-muted)!important;color:var(--ui-text)!important;
}
html.ss-interior main.ss-app-v3 .toolbar-main {position:relative;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search,
html.ss-interior main.ss-app-v3 form.ss-native-header-search.ng-hide {display:flex!important;position:absolute;left:29%;width:42%;height:44px;top:10px;padding:0 8px;border:1px solid #526d88;border-radius:10px;background:rgba(255,255,255,.08)!important;color:#fff!important;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search md-input-container {margin:0;min-width:0;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search input {color:#fff!important;border:0!important;min-width:0;font-size:13px;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search input::placeholder {color:#d1deeb!important;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search label,
html.ss-interior main.ss-app-v3 form.ss-native-header-search .md-errors-spacer {display:none!important;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search md-select {color:#fff!important;font-size:11px;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search md-input-container.flex-25 {flex:0 0 125px;max-width:125px;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search button {position:static!important;transform:none!important;min-width:30px;width:30px;margin:0!important;flex:0 0 30px;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search md-select .md-select-icon {color:#d1deeb!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] .view-list > md-toolbar md-icon,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav md-content md-icon {color:var(--ui-text)!important;}
html.ss-interior main.ss-search-in-header .view-list > md-toolbar > div[ng-hide="mailbox.mode.search"] {display:flex!important;}
html.ss-interior main.ss-search-in-header .view-list button[ng-click="mailbox.searchMode()"] {display:none!important;}
html.ss-interior md-ink-bar {color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;}
html.ss-interior md-tabs .md-tab.md-active,
html.ss-interior md-tabs .md-tab.md-focused,
html.ss-interior md-switch.md-checked .md-thumb,
html.ss-interior .md-button.md-primary:not(.md-raised):not(.md-fab),
html.ss-interior md-input-container.md-input-focused label,
html.ss-interior md-select:not([disabled]):focus .md-select-value {color:var(--ui-accent)!important;}
html.ss-interior md-ink-bar,
html.ss-interior md-progress-linear .md-bar,
html.ss-interior md-checkbox.md-checked .md-icon,
html.ss-interior md-switch.md-checked .md-thumb,
html.ss-interior md-radio-button .md-on,
html.ss-interior .md-button.md-primary.md-raised,
html.ss-interior .md-button.md-accent.md-raised,
html.ss-interior .md-button.md-fab {background-color:var(--ui-accent)!important;}
html.ss-interior md-switch.md-checked .md-bar {background-color:var(--ui-selected)!important;}
html.ss-interior md-checkbox.md-checked .md-icon,
html.ss-interior md-radio-button.md-checked .md-off,
html.ss-interior md-input-container.md-input-focused .md-input,
html.ss-interior md-select:not([disabled]):focus .md-select-value {border-color:var(--ui-accent)!important;}
html.ss-interior main.ss-app-v3 .ss-sidebar-compose {
  --compose-bg:#176fc5;--compose-hover:#125da8;--compose-text:#fff;
  background:var(--compose-bg)!important;color:var(--compose-text)!important;
  box-shadow:0 4px 12px rgba(23,111,197,.2)!important;border:1px solid transparent!important;
}
html.ss-interior.ss-theme-dark main.ss-app-v3 .ss-sidebar-compose {
  --compose-bg:#79bcff;--compose-hover:#9aceff;--compose-text:#08233e;
  box-shadow:0 4px 14px rgba(0,0,0,.25)!important;
}
html.ss-interior main.ss-app-v3 .ss-sidebar-compose:hover {background:var(--compose-hover)!important;}
html.ss-interior main.ss-app-v3 .ss-sidebar-compose span {color:var(--compose-text)!important;}

/* Override Material's theme + hue selectors, including dialog toolbars. */
html.ss-interior body main[ui-view="preferences"] md-toolbar {background:var(--ui-head)!important;color:#fff!important;}
html.ss-interior body main[ui-view="preferences"] md-toolbar md-icon {color:#fff!important;}
html.ss-interior body main[ui-view="preferences"] md-content,
html.ss-interior body main[ui-view="preferences"] md-card,
html.ss-interior body main[ui-view="preferences"] md-tabs {background:var(--ui-surface)!important;color:var(--ui-text)!important;}
html.ss-interior body main[ui-view="preferences"] input,
html.ss-interior body main[ui-view="preferences"] label,
html.ss-interior body main[ui-view="preferences"] md-select,
html.ss-interior body main[ui-view="preferences"] .md-tab {color:var(--ui-text)!important;}
html.ss-interior md-checkbox .md-container,
html.ss-interior md-checkbox .md-icon,
html.ss-interior md-radio-button .md-container,
html.ss-interior md-radio-button .md-on,
html.ss-interior md-radio-button .md-off {color:var(--ui-accent)!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view],
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] > section,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] .view-list {background:var(--ui-bg)!important;color:var(--ui-text)!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav.md-sidenav-left {background:var(--ui-sidebar)!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-toolbar.toolbar-main,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav > md-toolbar.sg-padded,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body md-dialog md-toolbar {background:var(--ui-head)!important;color:#fff!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] .view-list > md-toolbar,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav > md-toolbar:not(.sg-padded) {background:var(--ui-soft)!important;color:var(--ui-text)!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav .sg-mailbox-list-item.md-bg,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav .sg-mailbox-list-item.sg-selected {background:var(--ui-selected)!important;color:var(--ui-text)!important;}
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav .sg-mailbox-list-item,
html.ss-interior:is(.ss-theme-light,.ss-theme-dark) body main[ui-view] md-sidenav .sg-mailbox-list-item span {color:var(--ui-text)!important;}

/* The open-message card is nested differently from the empty reading panel. */
.ss-search-focus,.ss-search-clear {display:none!important;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search .ss-search-focus,
html.ss-interior main.ss-app-v3 form.ss-native-header-search .ss-search-clear:not([hidden]) {
  display:flex!important;align-items:center;justify-content:center;color:#fff!important;background:transparent;border:0;padding:0;cursor:pointer;
}
html.ss-interior main.ss-app-v3 form.ss-native-header-search button[ng-click="mailbox.cancelSearch()"] {display:none!important;}
html.ss-interior main.ss-app-v3 form.ss-native-header-search input::-webkit-search-cancel-button {-webkit-appearance:none;}
html.ss-interior main.ss-app-v3 #detailView > .sg-reversible {
  left:2px;right:12px;top:12px;bottom:12px;width:auto;height:auto;
  max-width:100%;min-width:0;box-sizing:border-box;
}
html.ss-interior main.ss-app-v3 #detailView > .sg-reversible > .sg-face > md-card,
html.ss-interior main.ss-app-v3 #detailView > .sg-reversible > .sg-back > md-card {
  background:var(--ui-surface)!important;color:var(--ui-text)!important;
  border:1px solid var(--ui-border)!important;border-radius:12px;margin:0;
  box-shadow:0 8px 24px rgba(27,61,95,.06);min-width:0;
}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card > md-card-actions {
  color:var(--ui-text)!important;background:var(--ui-surface)!important;border-radius:12px 12px 0 0;flex-wrap:wrap;
}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card > md-card-actions .md-button:not([disabled]),
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card > md-card-actions .md-button:not([disabled]) md-icon {
  color:var(--ui-text)!important;
}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card .pseudo-input-container--compact label,
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card .pseudo-input-label {
  color:var(--ui-muted)!important;
}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card .pseudo-input-container--compact a {
  color:var(--ui-accent)!important;
}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card .msg-recipients md-chip {
  background:var(--ui-soft)!important;color:var(--ui-text)!important;
}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card .sg-md-headline {overflow-wrap:anywhere;}
html.ss-interior main.ss-app-v3 #detailView .sg-face > md-card .msg-body {overflow-x:auto;}
@media(max-width:599px) {
  html.ss-interior main.ss-app-v3 #detailView > .sg-reversible {left:8px;right:8px;top:8px;bottom:8px;}
}