/* Email darkmode detail polish: last-loaded pass after calm preview/component CSS. */

/* html-scoped on purpose: the live-agent orb mirrors the page theme onto its own
   host element (<ss-agent-orb data-theme="dark">), so a bare [data-theme="dark"]
   selector also matched the orb and painted an opaque canvas square behind it. */
html[data-theme="dark"],
[data-theme="dark"] .email-page .email-app,
[data-theme="dark"] .email-page {
  --email-dark-canvas: #181613;
  --email-dark-panel: #211D19;
  --email-dark-surface: #29241F;
  --email-dark-surface-soft: rgba(255, 254, 251, 0.035);
  --email-dark-surface-hover: rgba(255, 254, 251, 0.065);
  --email-dark-selected: rgba(168, 197, 184, 0.16);
  --email-dark-border: rgba(232, 224, 216, 0.12);
  --email-dark-border-strong: rgba(232, 224, 216, 0.20);
  --email-dark-text: #F2ECE4;
  --email-dark-text-secondary: #C8BEB2;
  --email-dark-muted: #9A8E82;
  --email-dark-sage: #6E8A7E;
  --email-dark-sage-dark: #4A7A68;
  --email-dark-sage-soft: rgba(168, 197, 184, 0.18);
  --email-dark-caution: #A6594B;
  background: var(--email-dark-canvas) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-main,
[data-theme="dark"] .email-page .email-columns,
[data-theme="dark"] .email-page .email-app,
[data-theme="dark"] .email-page .email-list,
[data-theme="dark"] .email-page .email-folders,
[data-theme="dark"] .email-page .email-reader {
  background: var(--email-dark-panel) !important;
  border-color: var(--email-dark-border) !important;
}

/* Email shell: strip redundant dark slab — real panels keep their surface. */
[data-theme="dark"] .email-page .email-app,
[data-theme="dark"] .email-page .email-app.is-list-mode {
  background: transparent !important;
}

[data-theme="dark"] .email-page .email-folders,
[data-theme="dark"] .email-page .email-list,
[data-theme="dark"] .email-page .email-reader {
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-list-header h2,
[data-theme="dark"] .email-page .email-list-header strong,
[data-theme="dark"] .email-page .email-list-header .folder-name,
[data-theme="dark"] .email-page .email-list-header .folder-title,
[data-theme="dark"] .email-page .email-list-header .email-list-heading,
[data-theme="dark"] .email-page .email-list-header .email-list-title,
[data-theme="dark"] .email-page .email-list-header [class*="title"],
[data-theme="dark"] .email-page .email-list-title,
[data-theme="dark"] .email-page .email-reader-title,
[data-theme="dark"] .email-page .email-reader-subject,
[data-theme="dark"] .email-page .email-reader-from strong,
[data-theme="dark"] .email-page .email-message-item.selected .email-message-sender,
[data-theme="dark"] .email-page .email-message-item.selected .email-message-subject,
[data-theme="dark"] .email-page .email-message-item.unread .email-message-sender,
[data-theme="dark"] .email-page .email-message-item.unread .email-message-subject {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list-header .email-list-heading,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list-header .email-list-title,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list-header h2,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-header .email-reader-subject,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-content .email-reader-subject,
[data-theme="dark"] #email-reader-header .email-reader-subject {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-list-count,
[data-theme="dark"] .email-page .email-folders-section-header,
[data-theme="dark"] .email-page .email-list-section-header,
[data-theme="dark"] .email-page .email-list-time-group,
[data-theme="dark"] .email-page .email-reader-date,
[data-theme="dark"] .email-page .email-reader-email,
[data-theme="dark"] .email-page .email-reader-to {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-list-time-group,
[data-theme="dark"] .email-page .email-list .email-list-items .email-list-time-group {
  background: var(--email-dark-panel) !important;
}

[data-theme="dark"] .email-page .email-list-header,
[data-theme="dark"] .email-page .email-list-header * {
  text-shadow: none !important;
}

[data-theme="dark"] .email-page .email-folder-item,
[data-theme="dark"] .email-page .email-folder-name,
[data-theme="dark"] .email-page .email-message-sender,
[data-theme="dark"] .email-page .email-message-subject,
[data-theme="dark"] .email-page .email-message-time {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-message-snippet {
  color: rgba(200, 190, 178, 0.72) !important;
}

[data-theme="dark"] .email-page .email-message-item.selected .email-message-snippet,
[data-theme="dark"] .email-page .email-message-item.selected .email-message-time,
[data-theme="dark"] .email-page .email-folder-item.active .email-folder-name {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row {
  background: transparent !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row:hover,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row:hover {
  background: var(--email-dark-surface-hover) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.selected,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.selected {
  background: var(--email-dark-selected) !important;
  box-shadow: inset 0 0 0 1px rgba(168, 197, 184, 0.22) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-sender,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-sender {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-sender,
[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.selected .email-message-sender,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-sender,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.selected .email-message-sender {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-subject,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-subject {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-subject,
[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.selected .email-message-subject,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-subject,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.selected .email-message-subject {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-snippet,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-snippet {
  color: rgba(200, 190, 178, 0.82) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-snippet:not(:empty)::before,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-snippet:not(:empty)::before {
  color: rgba(200, 190, 178, 0.54) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-time,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-time {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-time,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-time {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page .email-folder-item svg,
[data-theme="dark"] .email-page .email-folder-icon,
[data-theme="dark"] .email-page .email-toolbar-icon-btn,
[data-theme="dark"] .email-page .email-search__toggle,
[data-theme="dark"] .email-page .email-profile-btn {
  color: var(--email-dark-muted) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .email-page .email-folder-item:hover,
[data-theme="dark"] .email-page .email-message-item:hover {
  background: var(--email-dark-surface-hover) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-folder-item.active,
[data-theme="dark"] .email-page .email-message-item.selected {
  background: var(--email-dark-selected) !important;
  color: var(--email-dark-text) !important;
  border-left: none !important;
  box-shadow: inset 0 0 0 1px rgba(168, 197, 184, 0.22) !important;
}

[data-theme="dark"] .email-page .email-folder-item.active svg,
[data-theme="dark"] .email-page .email-folder-item.active .email-folder-icon {
  color: var(--email-dark-sage) !important;
}

[data-theme="dark"] .email-page .email-folder-count {
  background: var(--email-dark-sage-soft) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-list-header,
[data-theme="dark"] .email-page .email-reader-header {
  background: var(--email-dark-panel) !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page .email-action-btn,
[data-theme="dark"] .email-page .email-reader-close-btn,
[data-theme="dark"] .email-page .email-reader-back,
[data-theme="dark"] .email-page .email-more-btn {
  color: var(--email-dark-text-secondary) !important;
  background: transparent !important;
  border-color: transparent !important;
}

[data-theme="dark"] .email-page .email-action-btn:hover,
[data-theme="dark"] .email-page .email-reader-close-btn:hover,
[data-theme="dark"] .email-page .email-reader-back:hover,
[data-theme="dark"] .email-page .email-more-btn:hover {
  background: var(--email-dark-surface-hover) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-action-btn.email-calm-action,
[data-theme="dark"] .email-page .email-reader-reply .email-reply-draft {
  background: var(--email-dark-sage) !important;
  border-color: rgba(168, 197, 184, 0.22) !important;
  color: #FFFEFB !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-title,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-subject,
[data-theme="dark"] .email-page .email-reader .email-reader-title,
[data-theme="dark"] .email-page .email-reader .email-reader-subject {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-from,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-from strong,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-date,
[data-theme="dark"] .email-page .email-reader .email-reader-from,
[data-theme="dark"] .email-page .email-reader .email-reader-from strong,
[data-theme="dark"] .email-page .email-reader .email-reader-date {
  color: var(--email-dark-text-secondary) !important;
}

/* Dark-mode: Svar sage-fill anchor (#2306) */
[data-theme="dark"] .email-page .email-reader-header .email-reader-actions [data-action="reply"],
[data-theme="dark"] #email-reader-header .email-reader-actions [data-action="reply"] {
  background: #5A7A6E !important;
  border-color: #4A6A5E !important;
  color: #FFFEFB !important;
  box-shadow: none !important;
}
[data-theme="dark"] .email-page .email-reader-header .email-reader-actions [data-action="reply"]:hover,
[data-theme="dark"] #email-reader-header .email-reader-actions [data-action="reply"]:hover {
  background: #4A6A5E !important;
  border-color: #3A5A4E !important;
}

/* Dark-mode: supportive ivory chips (#2306) */
[data-theme="dark"] .email-page .email-reader-header .email-reader-actions .email-calm-action[data-action="quick-summary"],
[data-theme="dark"] .email-page .email-reader-header .email-reader-actions .email-todo-action[data-action="extract-todo"],
[data-theme="dark"] #email-reader-header .email-reader-actions .email-calm-action[data-action="quick-summary"],
[data-theme="dark"] #email-reader-header .email-reader-actions .email-todo-action[data-action="extract-todo"] {
  background: rgba(255, 254, 251, 0.08) !important;
  border-color: rgba(255, 254, 251, 0.14) !important;
  color: #EDE6DD !important;
  box-shadow: none !important;
}
[data-theme="dark"] .email-page .email-reader-header .email-reader-actions .email-calm-action[data-action="quick-summary"]:hover,
[data-theme="dark"] .email-page .email-reader-header .email-reader-actions .email-todo-action[data-action="extract-todo"]:hover,
[data-theme="dark"] #email-reader-header .email-reader-actions .email-calm-action[data-action="quick-summary"]:hover,
[data-theme="dark"] #email-reader-header .email-reader-actions .email-todo-action[data-action="extract-todo"]:hover {
  background: rgba(255, 254, 251, 0.12) !important;
  border-color: rgba(110, 138, 126, 0.45) !important;
}

[data-theme="dark"] .email-page .email-reader-reply,
[data-theme="dark"] .email-page .email-reader-reply .email-reply-input-zone,
[data-theme="dark"] .email-page .email-reader-reply .email-reply-input-wrap {
  background: var(--email-dark-surface) !important;
  border-color: var(--email-dark-border-strong) !important;
  color: var(--email-dark-text) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-input-zone,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-input-wrap {
  background: var(--email-dark-surface) !important;
  border-color: var(--email-dark-border-strong) !important;
  color: var(--email-dark-text) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-input-wrap:hover {
  background: var(--email-dark-surface) !important;
  border-color: rgba(200, 190, 178, 0.32) !important;
}
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-input-wrap:focus-within {
  background: var(--email-dark-surface) !important;
  border-color: rgba(200, 190, 178, 0.48) !important;
  box-shadow: 0 0 0 2px rgba(200, 190, 178, 0.10) !important;
}

[data-theme="dark"] .email-page .email-reader-reply .email-reply-input,
[data-theme="dark"] .email-page .email-reader-reply textarea,
[data-theme="dark"] .email-page .email-reader-reply input {
  background: transparent !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-reader-reply .email-reply-input::placeholder,
[data-theme="dark"] .email-page .email-reader-reply textarea::placeholder,
[data-theme="dark"] .email-page .email-reader-reply input::placeholder {
  color: rgba(200, 190, 178, 0.82) !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-input,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-input::placeholder {
  color: var(--email-dark-text-secondary) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-mic {
  background: transparent !important;
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-reader-reply .email-reply-draft {
  background: var(--email-dark-sage) !important;
  border-color: rgba(168, 197, 184, 0.24) !important;
  color: #FFFEFB !important;
}

[data-theme="dark"] .email-reader-more-menu,
[data-theme="dark"] #email-reader-more-menu,
[data-theme="dark"] .email-page .email-reader-more-menu,
[data-theme="dark"] .email-context-menu,
[data-theme="dark"] .email-page .email-context-menu,
[data-theme="dark"] .email-more-dropdown {
  background: rgba(33, 29, 25, 0.98) !important;
  border-color: var(--email-dark-border-strong) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 254, 251, 0.04) !important;
}

[data-theme="dark"] .email-reader-more-item,
[data-theme="dark"] .email-page .email-reader-more-item,
[data-theme="dark"] .email-context-item,
[data-theme="dark"] .email-page .email-context-item,
[data-theme="dark"] .email-more-item {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-reader-more-menu .email-reader-more-item,
[data-theme="dark"] #email-reader-more-menu .email-reader-more-item,
[data-theme="dark"] .email-reader-more-menu .email-reader-more-item,
[data-theme="dark"] .email-page .email-context-menu .email-context-item,
[data-theme="dark"] .email-context-menu .email-context-item {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-reader-more-item:hover,
[data-theme="dark"] .email-context-item:hover,
[data-theme="dark"] .email-more-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-reader-more-menu .email-reader-more-item:hover,
[data-theme="dark"] #email-reader-more-menu .email-reader-more-item:hover,
[data-theme="dark"] .email-reader-more-menu .email-reader-more-item:hover,
[data-theme="dark"] .email-page .email-context-menu .email-context-item:hover,
[data-theme="dark"] .email-context-menu .email-context-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-reader-more-item-hint,
[data-theme="dark"] .email-reader-more-item.is-disabled,
[data-theme="dark"] .email-more-divider,
[data-theme="dark"] .email-reader-more-sep {
  color: var(--email-dark-muted) !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page .email-reader-more-menu .email-reader-more-item-label,
[data-theme="dark"] #email-reader-more-menu .email-reader-more-item-label,
[data-theme="dark"] .email-reader-more-menu .email-reader-more-item-label {
  color: inherit !important;
}

[data-theme="dark"] .email-page .email-reader-more-menu .email-reader-more-item-hint,
[data-theme="dark"] #email-reader-more-menu .email-reader-more-item-hint,
[data-theme="dark"] .email-reader-more-menu .email-reader-more-item-hint {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-reader-more-item[data-destructive]:hover,
[data-theme="dark"] .email-more-item[data-action="delete"]:hover {
  background: rgba(166, 89, 75, 0.16) !important;
  color: #F0C5BA !important;
}

[data-theme="dark"] .email-page .email-compose-dialog,
[data-theme="dark"] .email-page .email-compose-dialog.with-sofia,
[data-theme="dark"] .email-page .email-compose-titlebar,
[data-theme="dark"] .email-page .email-compose-fields,
[data-theme="dark"] .email-page .email-compose-field,
[data-theme="dark"] .email-page .email-compose-body-wrap,
[data-theme="dark"] .email-page .email-compose-body,
[data-theme="dark"] .email-page .email-compose-toolbar,
[data-theme="dark"] .email-page .email-compose-footer {
  background: var(--email-dark-panel) !important;
  border-color: var(--email-dark-border) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .email-compose-titlebar,
[data-theme="dark"] .email-page .email-compose-field label,
[data-theme="dark"] .email-page .email-compose-field,
[data-theme="dark"] .email-page .email-compose-toolbar .ect-btn,
[data-theme="dark"] .email-page .email-compose-footer .email-attach-trigger,
[data-theme="dark"] .email-page .email-compose-footer .email-more-compose {
  color: var(--email-dark-text-secondary) !important;
}

[data-theme="dark"] .email-page .email-compose-field input,
[data-theme="dark"] .email-page .email-compose-field textarea,
[data-theme="dark"] .email-page .email-compose-subject-input,
[data-theme="dark"] .email-page .email-compose-body [contenteditable],
[data-theme="dark"] .email-page .ql-editor {
  background: transparent !important;
  color: var(--email-dark-text) !important;
  caret-color: var(--email-dark-sage) !important;
}

[data-theme="dark"] .email-page .email-compose-field input::placeholder,
[data-theme="dark"] .email-page .email-compose-field textarea::placeholder,
[data-theme="dark"] .email-page .email-compose-subject-input::placeholder,
[data-theme="dark"] .email-page .email-compose-body [contenteditable]:empty::before,
[data-theme="dark"] .email-page .ql-editor.ql-blank::before {
  color: rgba(200, 190, 178, 0.78) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .email-page .email-compose-field:focus-within,
[data-theme="dark"] .email-page .email-compose-body-wrap:focus-within,
[data-theme="dark"] .email-page .email-compose-toolbar:focus-within {
  border-color: rgba(168, 197, 184, 0.28) !important;
}

[data-theme="dark"] .email-page .email-compose-toolbar,
[data-theme="dark"] .email-page .email-format-toolbar {
  background: rgba(41, 36, 31, 0.96) !important;
  border-color: var(--email-dark-border-strong) !important;
}

[data-theme="dark"] .email-page .ect-btn:hover,
[data-theme="dark"] .email-page .email-format-toolbar button:hover {
  background: var(--email-dark-surface-hover) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .ect-btn.active,
[data-theme="dark"] .email-page .email-format-toolbar button.active {
  background: var(--email-dark-sage-soft) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia,
[data-theme="dark"] .email-page .email-compose-dialog.with-sofia .bb-compose-sofia {
  background: var(--email-dark-surface) !important;
  border-left-color: var(--email-dark-border) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia-header,
[data-theme="dark"] .email-page .bb-compose-sofia .calm-input-shell {
  background: var(--email-dark-surface) !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia-header,
[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .calm-input-shell {
  background: var(--email-dark-surface) !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page .bb-compose-action-title,
[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-msg {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-messages::before {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page .bb-compose-action,
[data-theme="dark"] .email-page .bb-compose-sofia .calm-input-shell {
  background: rgba(255, 254, 251, 0.045) !important;
  border-color: var(--email-dark-border) !important;
  color: var(--email-dark-text) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-msg,
[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .calm-input-shell {
  background: rgba(42, 38, 34, 0.97) !important;
  border-color: rgba(168, 197, 184, 0.08) !important;
  color: var(--email-dark-text) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-msg-user {
  background: rgba(58, 52, 47, 0.97) !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-msg {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .bb-compose-action:hover {
  background: rgba(168, 197, 184, 0.12) !important;
  border-color: rgba(168, 197, 184, 0.30) !important;
}

[data-theme="dark"] .email-page .bb-compose-action-icon {
  background: var(--email-dark-sage-soft) !important;
  color: var(--email-dark-sage) !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-input {
  color: var(--email-dark-text) !important;
  background: transparent !important;
  border-color: transparent !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-input {
  color: var(--email-dark-text) !important;
  background: transparent !important;
  border-color: transparent !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-input::placeholder {
  color: rgba(232, 221, 212, 0.55) !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-input::placeholder {
  color: rgba(232, 221, 212, 0.55) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-input:focus,
[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-input:focus-visible {
  box-shadow: none !important;
  background: transparent !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .calm-input-shell:focus-within {
  border-color: rgba(168, 197, 184, 0.28) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .calm-input-shell:focus-within {
  background: rgba(42, 38, 34, 0.97) !important;
  border-color: rgba(168, 197, 184, 0.28) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-mic {
  color: rgba(232, 221, 212, 0.45) !important;
  background: transparent !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-mic:hover {
  color: #E8DDD4 !important;
  background: rgba(168, 197, 184, 0.08) !important;
}

[data-theme="dark"] .email-page.email-compose-embed .bb-sofia-close-btn {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-send,
[data-theme="dark"] .email-page .email-compose-footer #email-compose-send,
[data-theme="dark"] .email-page .email-compose-footer #email-compose-send.btn,
[data-theme="dark"] .email-page .email-compose-footer #email-compose-send.btn-primary,
[data-theme="dark"] .email-page .email-compose-btn {
  background: var(--email-dark-sage-dark) !important;
  border-color: rgba(168, 197, 184, 0.24) !important;
  color: #FFFEFB !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-send:hover,
[data-theme="dark"] .email-page .email-compose-footer #email-compose-send:hover,
[data-theme="dark"] .email-page .email-compose-btn:hover {
  background: #3D6B57 !important;
  color: #FFFEFB !important;
}

/* User-marked compose/Sofia darkmode nodes. These ID-level selectors match the
   runtime DOM comments so legacy light compose rules cannot win late. */
[data-theme="dark"] .email-page #email-compose-to,
[data-theme="dark"] .email-page #email-compose-to.chip-input-container {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page #email-compose-to .chip-input-typing,
[data-theme="dark"] .email-page #email-compose-to .chip-input-placeholder,
[data-theme="dark"] .email-page #email-compose-to input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--email-dark-text) !important;
  caret-color: var(--email-dark-sage) !important;
}

[data-theme="dark"] .email-page #email-compose-to .chip-input-typing::placeholder,
[data-theme="dark"] .email-page #email-compose-to input::placeholder,
[data-theme="dark"] .email-page #email-compose-to .chip-input-placeholder {
  color: rgba(200, 190, 178, 0.78) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia {
  background: var(--email-dark-surface) !important;
  border-left-color: var(--email-dark-border) !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia .bb-compose-sofia-header,
[data-theme="dark"] .email-page #bb-compose-sofia .calm-input-shell {
  background: var(--email-dark-surface) !important;
  border-color: var(--email-dark-border) !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia .bb-compose-sofia-subtitle {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia-content .ask-ai-msg,
[data-theme="dark"] .email-page #bb-compose-sofia .calm-input-shell {
  background: rgba(42, 38, 34, 0.97) !important;
  border-color: rgba(168, 197, 184, 0.08) !important;
  color: var(--email-dark-text) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia-content .ask-ai-msg-user {
  background: rgba(58, 52, 47, 0.97) !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia-content .ask-ai-msg {
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia .ask-ai-input {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--email-dark-text) !important;
  caret-color: var(--email-dark-sage) !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia .ask-ai-input::placeholder {
  color: rgba(232, 221, 212, 0.55) !important;
  opacity: 1 !important;
}

[data-theme="dark"] .email-page #bb-compose-sofia .calm-input-shell:focus-within {
  background: rgba(42, 38, 34, 0.97) !important;
  border-color: rgba(168, 197, 184, 0.28) !important;
  box-shadow: none !important;
}

/* Ask AI / Sofia panel: messages blend with the Sofia panel surface. */
[data-theme="dark"] .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-messages,
[data-theme="dark"] .email-page .ask-ai-messages,
[data-theme="dark"] .ask-ai-messages {
  background: transparent !important;
}

/* AI message: remove the redundant square, but preserve the user bubble. */
[data-theme="dark"] .email-page #bb-compose-sofia-content .ask-ai-msg.ask-ai-msg-ai,
[data-theme="dark"] .email-page #bb-compose-sofia .ask-ai-msg.ask-ai-msg-ai,
[data-theme="dark"] .email-page .bb-compose-sofia .ask-ai-msg.ask-ai-msg-ai {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Result-card refinement chips: dark adapted surface and sage hover. */
[data-theme="dark"] .ask-ai-msg-ai .bb-sofia-result-actions--card .bb-sofia-adjust-chips button {
  /* Dark twin of the white-pill lift (matches the welcome pills' 10%). */
  background: rgba(232, 224, 216, 0.1) !important;
  color: rgb(232, 224, 216) !important;
  border-color: rgba(232, 224, 216, 0.18) !important;
}

[data-theme="dark"] .ask-ai-msg-ai .bb-sofia-result-actions--card .bb-sofia-adjust-chips button:hover {
  background: rgba(168, 197, 184, 0.12) !important;
  color: rgb(168, 197, 184) !important;
  border-color: rgba(168, 197, 184, 0.42) !important;
}

/* Result-card dividers: subtle dark separators. */
[data-theme="dark"] .ask-ai-msg-ai .bb-sofia-result-actions--card:has(.bb-sofia-adjust-chips) {
  border-top-color: rgba(232, 224, 216, 0.10) !important;
}

[data-theme="dark"] .ask-ai-msg-ai .bb-sofia-result-actions--card .bb-sofia-result-secondary {
  border-top-color: rgba(232, 224, 216, 0.10) !important;
}

/* Design panel 2026-07-02: dark twins for the refreshed light surfaces. The draft card is a
   white card (#FFFEFB) in light mode — in dark it becomes a solid warm dark card so the fade
   gradient can target its exact color; the user bubble keeps its dark fill but must not leak
   the new light-mode border; link buttons use the designed muted token instead of leaking the
   light-mode brown. */
[data-theme="dark"] .email-page .bb-sofia-draft-proof {
  background: #2F2923 !important;
  border-color: var(--email-dark-border) !important;
  box-shadow: none !important;
  color: var(--email-dark-text) !important;
}

[data-theme="dark"] .email-page .bb-sofia-draft-proof--collapsed::after {
  background: linear-gradient(transparent, #2F2923) !important;
}

[data-theme="dark"] .email-page .email-compose-dialog.with-sofia:not(.is-sofia-folded) .bb-compose-sofia .ask-ai-msg-user,
[data-theme="dark"] .email-page #bb-compose-sofia-content .ask-ai-msg-user {
  border-color: rgba(232, 224, 216, 0.10) !important;
}

[data-theme="dark"] .email-page .bb-sofia-link-btn {
  color: var(--email-dark-muted) !important;
}

[data-theme="dark"] .email-page .bb-sofia-link-btn:hover {
  color: var(--email-dark-sage) !important;
}

/* ===================================================================
   #1361 — Dark-mode contrast fixes.
   Calm-preview and blod-bolge paint light-mode hardcoded colors with
   !important that leak into dark mode.  These overrides match or
   exceed calm-preview specificity so they win when loaded last.
   =================================================================== */

/* --- Active folder badge ----------------------------------------- */
.email-page .email-folders .email-folder-item.active .email-folder-count,
.email-page .email-folders .email-folder-item[aria-current="true"] .email-folder-count,
.email-page .email-folders .email-folder-more-count {
  color: #3F6A5A !important;
}

.email-page .email-folders .email-rail-compose {
  background: #4A7A68 !important;
  color: #FFFFFF !important;
}
.email-page .email-folders .email-rail-compose:hover {
  background: #3D6B57 !important;
  color: #FFFFFF !important;
}
.email-page .email-folders .email-rail-compose svg {
  color: #FFFFFF !important;
}

[data-theme="dark"] .email-page .email-folders .email-folder-item.active .email-folder-count,
[data-theme="dark"] .email-page .email-folders .email-folder-item[aria-current="true"] .email-folder-count {
  background: rgba(168, 197, 184, 0.18) !important;
  color: #E8DDD4 !important;
}

/* --- More-folder count ------------------------------------------- */
[data-theme="dark"] .email-page .email-folders .email-folder-more-count {
  background: rgba(168, 197, 184, 0.12) !important;
  color: #C8BEB2 !important;
}

/* --- Dense-row unread sender ------------------------------------- */
[data-theme="dark"] .email-page .email-list-items .email-dense-row.unread .email-message-sender,
[data-theme="dark"] .email-page .email-list-items .email-dense-row.unread .email-sender-name {
  color: var(--email-dark-text) !important;
}

/* --- Dense-row read sender --------------------------------------- */
[data-theme="dark"] .email-page .email-list-items .email-dense-row:not(.unread) .email-message-sender,
[data-theme="dark"] .email-page .email-list-items .email-dense-row:not(.unread) .email-sender-name {
  color: var(--email-dark-text-secondary) !important;
}

/* --- Dense-row subject (read) ------------------------------------ */
[data-theme="dark"] .email-page .email-list-items .email-dense-row:not(.unread) .email-message-subject {
  color: var(--email-dark-muted) !important;
}

/* --- Dense-row unread subject ------------------------------------ */
[data-theme="dark"] .email-page .email-list-items .email-dense-row.unread .email-message-subject {
  color: var(--email-dark-text-secondary) !important;
}

/* --- Dense-row time (hardcoded #8A7E72 in calm-preview) ---------- */
[data-theme="dark"] .email-page .email-list-items .email-dense-row .email-message-time,
[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-time {
  color: var(--email-dark-muted) !important;
}
/* Unread time steps UP (secondary), mirroring light's unread-time emphasis —
   the flat all-muted rule above erased the one colour signal dark had. The
   is-reader-split form matches the split-view flattener at :172, which would
   otherwise out-rank this rule the moment a mail opens. */
[data-theme="dark"] .email-page .email-list-items .email-dense-row.unread .email-message-time,
[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-time,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-time {
  color: var(--email-dark-text-secondary) !important;
}

/* --- Split-reader dense sender ----------------------------------- */
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-sender {
  color: var(--email-dark-text-secondary) !important;
}
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-sender {
  color: var(--email-dark-text) !important;
}

/* --- Split-reader dense time ------------------------------------- */
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-time {
  color: var(--email-dark-muted) !important;
}

/* --- Non-dense unread sender ------------------------------------- */
[data-theme="dark"] .email-page .email-message-item.unread .email-sender-name {
  color: var(--email-dark-text) !important;
}

/* --- Non-dense message time -------------------------------------- */
[data-theme="dark"] .email-page .email-message-time {
  color: var(--email-dark-text-secondary) !important;
}

/* --- Recipient chip labels --------------------------------------- */
[data-theme="dark"] .email-page .email-recipient-token .chip-label,
[data-theme="dark"] .email-page .email-compose .chip-label,
[data-theme="dark"] .email-page .chip-input-chip .chip-label,
[data-theme="dark"] .email-page .email-compose-field .chip-input-chip {
  color: var(--email-dark-text) !important;
}

/* --- Compose title (Svar / Videresend) --------------------------- */
[data-theme="dark"] .email-page .email-compose-title {
  color: var(--email-dark-text) !important;
}

/* --- Thread message strong text ---------------------------------- */
[data-theme="dark"] .email-page .email-thread-message strong {
  color: var(--email-dark-text) !important;
}

/* --- Quoted body links in compose -------------------------------- */
[data-theme="dark"] .email-page .email-compose-body .email-quoted a,
[data-theme="dark"] .email-page .email-compose-body .email-quoted a[style],
[data-theme="dark"] .email-page .email-compose-body blockquote a,
[data-theme="dark"] .email-page .email-compose-body blockquote a[style] {
  color: #7BADA0 !important;
}

/* --- Sidebar compose CTA (Skriv ny) — needs >= 4.5:1 ------------ */
[data-theme="dark"] .email-page .email-folders .email-rail-compose {
  background: var(--email-dark-sage-dark) !important;
  color: #FFFFFF !important;
}
[data-theme="dark"] .email-page .email-folders .email-rail-compose:hover {
  background: #3D6B57 !important;
  color: #FFFFFF !important;
}
[data-theme="dark"] .email-page .email-folders .email-rail-compose svg {
  color: #FFFFFF !important;
}

/* --- Portal-safe dark overrides for body-level compose popups ---- */
[data-theme="dark"] .email-format-toolbar {
  background: rgba(41, 36, 31, 0.96) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.32) !important;
}
[data-theme="dark"] .email-format-toolbar button {
  color: var(--email-dark-text-secondary, #C8BEB2) !important;
}
[data-theme="dark"] .email-format-toolbar button:hover,
[data-theme="dark"] .email-format-toolbar button.active {
  background: var(--email-dark-surface-hover, rgba(255, 255, 255, 0.06)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .email-format-divider {
  background: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
}

[data-theme="dark"] .ect-dropdown,
[data-theme="dark"] .ect-color-picker,
[data-theme="dark"] .ect-more-menu {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .ect-dropdown-item {
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .ect-dropdown-item:hover,
[data-theme="dark"] .ect-dropdown-item.ect-focused {
  background: var(--email-dark-surface-hover, rgba(255, 255, 255, 0.06)) !important;
}
[data-theme="dark"] .ect-more-item {
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .ect-more-item:hover {
  background: var(--email-dark-surface-hover, rgba(255, 255, 255, 0.06)) !important;
}
[data-theme="dark"] .ect-more-icon {
  color: var(--email-dark-text-secondary, #C8BEB2) !important;
}
[data-theme="dark"] .ect-more-divider {
  background: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
}
[data-theme="dark"] .ect-more-label {
  color: var(--email-dark-muted, #8A7E72) !important;
}

[data-theme="dark"] .ect-link-popover {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .ect-link-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .ect-link-confirm {
  background: var(--email-dark-sage, #6E8A7E) !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .email-table-grid-picker {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .email-table-grid-cell {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
}
[data-theme="dark"] .email-table-grid-cell:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--email-dark-text-secondary, #C8BEB2) !important;
}
[data-theme="dark"] .email-table-grid-cell.highlighted {
  background: rgba(110, 138, 126, 0.25) !important;
  border-color: var(--email-dark-sage, #6E8A7E) !important;
}
[data-theme="dark"] .email-table-grid-label {
  color: var(--email-dark-text-secondary, #C8BEB2) !important;
}
[data-theme="dark"] .email-table-grid-custom {
  color: var(--email-dark-text, #E8DDD4) !important;
  border-top-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
}
[data-theme="dark"] .email-table-grid-custom:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .email-table-dialog {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.50) !important;
}
[data-theme="dark"] .email-table-dialog h4 {
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .email-table-dialog-fields label {
  color: var(--email-dark-text-secondary, #C8BEB2) !important;
}
[data-theme="dark"] .email-table-dialog-fields input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .email-table-dialog-actions .btn-cancel {
  color: var(--email-dark-text-secondary, #C8BEB2) !important;
}
[data-theme="dark"] .email-table-dialog-actions .btn-cancel:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}
[data-theme="dark"] .email-table-dialog-actions .btn-insert {
  background: var(--email-dark-sage, #6E8A7E) !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .email-table-context-menu {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .email-table-context-menu button {
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .email-table-context-menu button:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}
[data-theme="dark"] .email-table-context-menu hr {
  border-top-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
}

[data-theme="dark"] .email-emoji-picker {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .email-emoji-search-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--email-dark-text, #E8DDD4) !important;
}
[data-theme="dark"] .email-emoji-categories {
  border-bottom-color: var(--email-dark-border, rgba(255, 255, 255, 0.08)) !important;
}
[data-theme="dark"] .email-emoji-categories button:hover,
[data-theme="dark"] .email-emoji-categories button.active {
  background: rgba(255, 255, 255, 0.06) !important;
}
[data-theme="dark"] .email-emoji-grid button:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}
[data-theme="dark"] .email-emoji-skin-tones {
  background: var(--email-dark-surface, #1e1a16) !important;
  border-color: var(--email-dark-border-strong, rgba(255, 255, 255, 0.10)) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] .email-emoji-skin-tones button:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}


/* =====================================================
   MOBILE DARK SURFACE POLISH — #211D19 over #181613 canvas
   Applied at <=768px so desktop (>=769px) is unaffected.
   ===================================================== */

@media (max-width: 768px) {
  [data-theme="dark"] .email-page .email-app .email-toolbar.email-header,
  [data-theme="dark"] .email-page .email-app.is-list-mode .email-toolbar.email-header {
    background: var(--email-dark-panel, #211D19) !important;
  }

  [data-theme="dark"] .email-page .email-list-header,
  [data-theme="dark"] .email-page .email-app .email-list-header {
    background: var(--email-dark-panel, #211D19) !important;
  }

  [data-theme="dark"] .email-page .email-list,
  [data-theme="dark"] .email-page .email-app .email-list,
  [data-theme="dark"] .email-page .email-app .email-columns > .email-list {
    background: var(--email-dark-panel, #211D19) !important;
  }

  [data-theme="dark"] body:has(.email-page) #bb-mobile-nav,
  [data-theme="dark"] body:has(.email-page) #bb-mobile-nav.mn-bar,
  [data-theme="dark"] .email-page #bb-mobile-nav .mn-bar,
  [data-theme="dark"] .email-page .mn-bar {
    background: var(--email-dark-panel, #211D19) !important;
  }

  [data-theme="dark"] .email-page .vs-viewport,
  [data-theme="dark"] .email-page .email-app .vs-viewport {
    background: var(--email-dark-panel, #211D19) !important;
  }

/* =====================================================
   DARK ROW TYPOGRAPHY HIERARCHY — final winner layer
   sender: #F2ECE4 weight 650
   subject: #C8BEB2
   snippet: #A39D93
   unread sender: #FFFEFB weight 700
   ===================================================== */

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-sender,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-sender,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row .email-message-sender,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row .email-sender-name {
  color: var(--email-dark-text, #F2ECE4) !important;
  font-weight: 650 !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-subject,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-subject,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row .email-message-subject,
[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-subject,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-subject,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row.unread .email-message-subject {
  color: var(--email-dark-text-secondary, #C8BEB2) !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row .email-message-snippet,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row .email-message-snippet,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row .email-message-snippet {
  color: #A39D93 !important;
}

[data-theme="dark"] .email-page .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-sender,
[data-theme="dark"] .email-page .email-app.is-thread-open.is-reader-split .email-list .email-list-items .email-message-item.email-dense-row.unread .email-message-sender,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row.unread .email-message-sender,
[data-theme="dark"] .email-page .email-list .email-list-items .email-dense-row.unread .email-sender-name {
  color: #FFFEFB !important;
  font-weight: calc(600 + 100) !important;
}


/* =====================================================
   DARK SPINNER OVAL KILL + dark conic ring
   Neutralizes border-radius, border, shadow, filter from
   email-darkmode.css late dark .email-ptr-spinner rule.
   ===================================================== */

[data-theme="dark"] .email-page .email-ptr-spinner,
[data-theme="dark"] .email-page .email-app .email-ptr-spinner {
  border-radius: 0 !important;
  border: 0 none !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: none !important;
}

[data-theme="dark"] .email-page .email-ptr-spinner::before,
[data-theme="dark"] .email-page .email-app .email-ptr-spinner::before {
  background: conic-gradient(transparent 30%, var(--email-dark-sage, #6E8A7E)) !important;
}

[data-theme="dark"] .email-page .email-ptr-spinner::after,
[data-theme="dark"] .email-page .email-app .email-ptr-spinner::after {
  background: radial-gradient(circle, rgba(110, 138, 126, 0.18) 0%, transparent 70%) !important;
}
}