[data-theme="dark"] .email-app {
  --sk-bg-subtle:         var(--color-bg);
  --sk-bg-surface:        var(--color-card);
  --sk-bg-elevated:       var(--color-card);
  --sk-bg-hover:          rgba(255, 255, 255, 0.04);
  --sk-bg-active:         rgba(255, 255, 255, 0.07);
  --sk-bg-selected:       rgba(255, 255, 255, 0.05);
  --sk-text:              var(--color-text-primary);
  --sk-text-secondary:    var(--color-text-secondary);
  --sk-text-muted:        var(--color-text-tertiary);
  --sk-text-tertiary:     var(--color-text-tertiary);
  --sk-text-on-accent:    var(--color-text-inverted);
  --sk-border:            var(--color-border);
  --sk-border-medium:     var(--color-border);
  --sk-border-strong:     var(--color-border);
  --sk-shadow:            var(--shadow-bubble);
  --sk-shadow-heavy:      var(--shadow-modal);

  background: var(--color-bg);
  color: var(--color-text-primary);
}

/* html-scoped: the voice-orb host mirrors data-theme onto itself, so bare
   [data-theme="dark"] selectors would match the orb element too. */
html[data-theme="dark"] {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-folders {
  background: var(--color-bg);
  border-right-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-folder-item {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-folder-item:hover {
  background: rgba(255,255,255,0.08);
}

[data-theme="dark"] .email-folder-icon {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-folder-count {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-folder-count-muted {
  opacity: 0.35;
}

[data-theme="dark"] .email-list {
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 1px 0 3px rgba(20, 18, 15, 0.2);
}

[data-theme="dark"] .email-reader {
  background: var(--color-bg);
}

[data-theme="dark"] .email-reader-content {
  background: var(--color-card);
}

[data-theme="dark"] .email-toolbar {
  background: rgba(30, 26, 23, 0.92) !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-search__toggle,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-profile-btn {
  color: rgba(232, 221, 212, 0.66) !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-search__toggle:hover {
  color: #e8ddd4 !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-search__field > svg:first-child {
  color: rgba(232, 221, 212, 0.5) !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-search.email-search--expanded input,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-search.email-search--has-text input,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-search:has(#email-search-input:focus) input,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-search.email-search--expanded #email-search-input,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-search.email-search--has-text #email-search-input,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-search:has(#email-search-input:focus) #email-search-input {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #e8ddd4 !important;
  caret-color: #e8a0b0 !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-search input::placeholder {
  color: rgba(232, 221, 212, 0.66) !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-profile-dropdown {
  background: rgba(38, 33, 29, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 14px 34px rgba(18, 16, 14, 0.42) !important;
}

[data-theme="dark"] .email-page .email-toolbar.email-header .email-profile-btn:hover,
[data-theme="dark"] .email-page .email-toolbar.email-header .email-profile-btn:focus-visible {
  background: rgba(255, 255, 255, 0.07) !important;
  color: #f4e9e1 !important;
}

[data-theme="dark"] .email-toolbar-icon-btn {
  color: rgba(232, 221, 212, 0.66);
}
[data-theme="dark"] .email-toolbar-icon-btn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #e8ddd4;
}
[data-theme="dark"] .email-toolbar-icon-btn:focus-visible {
  outline-color: rgba(232, 221, 212, 0.5);
  color: #e8ddd4;
}

[data-theme="dark"] .email-search {
  background: transparent !important;
  border-color: transparent !important;
}

[data-theme="dark"] .email-search input {
  color: var(--bb-warm-text, var(--color-text-primary)) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .email-search input::placeholder {
  color: var(--bb-muted, var(--color-text-tertiary)) !important;
}

[data-theme="dark"] .email-search input:focus-visible {
  border-color: var(--bb-sage, #A8C5B8) !important;
}

[data-theme="dark"] .email-search__kbd {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--bb-warm-text-light, var(--color-text-tertiary)) !important;
}


[data-theme="dark"] .email-profile-avatar {
  background: var(--bb-sage-dark, #4A7A68) !important;
}

[data-theme="dark"] .email-profile-dropdown {
  background: rgba(30, 26, 23, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .email-profile-item {
  color: var(--bb-warm-text, var(--color-text-primary)) !important;
}

[data-theme="dark"] .email-profile-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .email-profile-item svg {
  color: var(--bb-warm-text-light, var(--color-text-tertiary)) !important;
}

[data-theme="dark"] .email-profile-divider {
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .email-account-filter {
  background: var(--color-card);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-search > svg:first-child {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-search:hover > svg:first-child {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-search:focus-within > svg:first-child {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-search input,
[data-theme="dark"] #email-search-input {
  background: rgba(255,255,255,0.06);
  color: var(--color-text-primary);
  border-color: transparent;
}

[data-theme="dark"] .email-search input:hover {
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.06);
}

[data-theme="dark"] .email-search input:focus-visible,
[data-theme="dark"] #email-search-input:focus-visible {
  background: rgba(255,255,255,0.10);
  outline: none;
  border-color: transparent;
  border-bottom-color: #e8e6e1;
  box-shadow: none;
  color: #e8e6e1;
}

[data-theme="dark"] .email-search input::placeholder {
  color: #8a847d;
}

[data-theme="dark"] .email-search__kbd {
  border-color: rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-search__clear {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-search__clear:hover {
  background: rgba(255, 255, 255, 0.14);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-search__spinner {
  border-color: rgba(255, 255, 255, 0.1);
  border-top-color: var(--color-text-secondary);
}

[data-theme="dark"] .email-list-header {
  background: var(--color-card);
}

[data-theme="dark"] .email-sidebar,
[data-theme="dark"] .email-header,
[data-theme="dark"] .email-footer {
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-folders-section-header {
  color: var(--color-text-tertiary);
  font-size: var(--font-size-xs);
  letter-spacing: 0.8px;
  font-weight: var(--font-weight-bold);
}

[data-theme="dark"] .email-folder-section {
  border-color: rgba(255, 255, 255, 0.06);
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-folder-item {
  color: var(--color-text-secondary);
  border-radius: var(--radius-sm);
  transition: background 120ms, color 120ms;
}

[data-theme="dark"] .email-folder-item:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-folder-item.active {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-folder-item.active:hover {
  background: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .email-folder-item svg,
[data-theme="dark"] .email-folder-item .email-folder-icon {
  opacity: 0.5;
  transition: opacity 120ms, color 120ms;
}
[data-theme="dark"] .email-folder-item:hover svg,
[data-theme="dark"] .email-folder-item:hover .email-folder-icon {
  opacity: 1;
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-folder-item.active svg,
[data-theme="dark"] .email-folder-item.active .email-folder-icon {
  opacity: 1;
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-folder-count {
  color: var(--color-text-tertiary);
  background: rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-md);
  padding: 1px 7px;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
}

[data-theme="dark"] .email-folder-item.active .email-folder-count {
  background: rgba(255, 255, 255, 0.10);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-folder-item[data-folder="SPAM"] .email-folder-count {
  background: rgba(255, 62, 62, 0.15);
  color: var(--sk-danger);
}

[data-theme="dark"] .email-folder-name,
[data-theme="dark"] .email-sidebar-label {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-list-header {
  background: var(--color-card);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-list-title {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-list-count {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-list-section-header,
[data-theme="dark"] .email-list-time-group {
  background: rgba(255, 255, 255, 0.03);
  color: var(--color-text-tertiary);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.04);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-xs);
  letter-spacing: 0.5px;
}

[data-theme="dark"] .email-message-item {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.04);
  transition: background 120ms;
}

[data-theme="dark"] .email-message-item:hover {
  background: rgba(255, 255, 255, 0.07);
}

[data-theme="dark"] .email-message-item.selected {
  background: rgba(168, 197, 184, 0.10);
  border-left: none;
}
[data-theme="dark"] .email-message-item.bulk-selected {
  background: rgba(20, 18, 15, 0.07);
}

[data-theme="dark"] .email-message-item.selected:hover {
  background: var(--sk-bg-selected);
}

[data-theme="dark"] .email-message-item.unread {
  background: rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .email-message-item.unread .email-message-sender {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}

[data-theme="dark"] .email-message-item.unread .email-message-subject {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
}

[data-theme="dark"] .email-message-sender {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-message-subject {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-message-snippet {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-message-time {
  color: rgba(255,255,255,0.60);  
}

[data-theme="dark"] .email-message-attachment-icon {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-header {
  background: var(--color-bg);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-reader-meta {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-header {
  border-bottom-color: var(--sk-border);
}

[data-theme="dark"] .email-reader-from {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-reader-from .email-reader-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-reader-separator {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-email {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-time {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-details-toggle {
  color: #8AB5A3;
}

[data-theme="dark"] .email-reader-details-toggle:hover {
  background: rgba(138,181,163,0.12);
  color: #A5CBB9;
}

[data-theme="dark"] .email-reader-to {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-date,
[data-theme="dark"] .email-reader-date-full {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-subject {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-reader-body {
  background: var(--color-bg);
}

[data-theme="dark"] .email-reader-iframe {
  background: var(--color-card);
}

[data-theme="dark"] .email-reader-container,
[data-theme="dark"] .email-reader-wrapper {
  background: var(--color-bg);
  padding: 1rem;
}

[data-theme="dark"] .email-reader-actions {
  background: transparent;
}

[data-theme="dark"] .email-reader-back {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-reader-back:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-compose-dialog {
  background: var(--color-bg);
  border: 0.5px solid var(--color-border);
  box-shadow: 0 12px 48px rgba(20, 18, 15, 0.5);
}

[data-theme="dark"] .email-compose-titlebar {
  background: var(--color-card);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-titlebar span {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-close,
[data-theme="dark"] .email-compose-minimize {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-compose-close:hover {
  color: var(--sk-danger);
  background: rgba(248, 113, 113, 0.1);
}

[data-theme="dark"] .email-compose-fields {
  background: var(--color-bg);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-compose-field {
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-field label {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-compose-field input,
[data-theme="dark"] .email-compose-field textarea,
[data-theme="dark"] .email-compose-subject-input {
  background: transparent;
  color: var(--color-text-primary);
  caret-color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-field input::placeholder,
[data-theme="dark"] .email-compose-field textarea::placeholder,
[data-theme="dark"] .email-compose-subject-input::placeholder {
  color: var(--color-text-secondary);
  opacity: 0.7;
}

[data-theme="dark"] .email-from-trigger {
  color: var(--color-text-primary);
  border-radius: var(--radius-sm);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="dark"] .email-from-trigger:hover,
[data-theme="dark"] .email-from-trigger.open { color: var(--email-control-fill); }

[data-theme="dark"] .email-from-menu {
  background: var(--color-card);
  border-color: rgba(255,255,255,0.1);
  box-shadow: 0 4px 20px rgba(20, 18, 15, 0.4);
}

[data-theme="dark"] .email-from-item {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-from-item:hover { background: var(--sk-bg-hover); color: var(--email-control-fill); }
[data-theme="dark"] .email-from-item.active { background: var(--sk-bg-active); color: var(--email-control-fill); }

[data-theme="dark"] .email-compose-body {
  background: var(--color-bg);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-body [contenteditable] {
  color: var(--color-text-primary);
  caret-color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-body [contenteditable]:empty::before {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-compose-footer {
  background: var(--color-card);
  border-top: 0.5px solid rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-compose-send {
  background: var(--color-text-primary);
  color: var(--email-control-on-fill);
  border: none;
  font-weight: var(--font-weight-semibold);
}

[data-theme="dark"] .email-compose-send:hover {
  background: var(--color-card);
}

[data-theme="dark"] .email-compose-input,
[data-theme="dark"] .email-compose-textarea,
[data-theme="dark"] .email-compose-subject {
  border-color: var(--color-border);
  background: var(--color-card);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-compose-modal,
[data-theme="dark"] .email-compose-form {
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-compose-btn {
  background: var(--email-compose-cta) !important;
  color: var(--email-compose-on-cta) !important;
  box-shadow: 0 2px 8px rgba(20, 18, 15, 0.18);
}

[data-theme="dark"] .email-compose-btn:hover {
  background: var(--email-compose-cta-hover) !important;
  color: var(--email-compose-on-cta) !important;
  box-shadow: 0 4px 12px rgba(20, 18, 15, 0.20);
}

[data-theme="dark"] .email-app .btn-primary,
[data-theme="dark"] .email-app .btn.btn-primary {
  background: var(--email-control-fill) !important;
  border-color: var(--email-control-fill) !important;
  color: var(--email-control-on-fill) !important;
}

[data-theme="dark"] .email-app .btn-primary:hover,
[data-theme="dark"] .email-app .btn.btn-primary:hover {
  background: var(--email-control-fill-hover) !important;
  border-color: var(--email-control-fill-hover) !important;
}

[data-theme="dark"] .email-format-toolbar {
  background: var(--color-card);
  border: 0.5px solid rgba(255, 255, 255, 0.06);
  border-radius: var(--radius-md);
}

[data-theme="dark"] .email-format-toolbar button {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-format-toolbar button:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-format-toolbar button.active {
  color: var(--color-text-primary);
  background: rgba(20, 18, 15, 0.07);
}

[data-theme="dark"] .email-compose-toolbar {
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .ect-btn {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .ect-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary);
}

[data-theme="dark"] .ect-btn.active {
  background: rgba(20, 18, 15, 0.10);
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .ect-divider {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .ect-dropdown,
[data-theme="dark"] .ect-color-picker,
[data-theme="dark"] .email-table-grid-picker,
[data-theme="dark"] .email-table-dialog,
[data-theme="dark"] .email-table-context-menu {
  background: var(--color-card);
  border-color: var(--color-border);
  box-shadow: 0 8px 24px rgba(20, 18, 15, 0.4);
}

[data-theme="dark"] .ect-dropdown-item {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .ect-dropdown-item:hover,
[data-theme="dark"] .ect-dropdown-item.focused {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .ect-dropdown-item.active {
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .ect-color-swatch {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .ect-color-reset {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-emoji-picker {
  background: var(--color-card);
  border-color: var(--color-border);
  box-shadow: 0 12px 36px rgba(20, 18, 15, 0.5);
}

[data-theme="dark"] .email-emoji-search-input {
  background: var(--color-card);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-emoji-search-input:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
}

[data-theme="dark"] .email-emoji-categories {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-emoji-categories button:hover,
[data-theme="dark"] .email-emoji-grid button:hover {
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-emoji-categories button.active {
  background: rgba(20, 18, 15, 0.10);
}

[data-theme="dark"] .email-emoji-category-label {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-emoji-empty {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-emoji-skin-tones {
  background: var(--color-card);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-table-grid-cell {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .email-table-grid-cell.highlighted {
  background: rgba(20, 18, 15, 0.12);
  border-color: var(--color-text-primary);
}

[data-theme="dark"] .email-table-grid-label {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-table-grid-custom {
  border-top-color: rgba(255, 255, 255, 0.06);
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .email-table-dialog-fields input {
  background: var(--color-card);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-table-dialog-fields input:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
}

[data-theme="dark"] .email-table-dialog h4 {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-table-dialog label {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-table-dialog-actions .btn-cancel {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-table-dialog-actions .btn-cancel:hover {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-table-context-menu button {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-table-context-menu button:hover {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-table-context-menu hr {
  border-top-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-compose-dropzone {
  background: rgba(20, 18, 15, 0.04);
  border-color: rgba(20, 18, 15, 0.20);
}

[data-theme="dark"] .email-compose-img-dimensions {
  background: rgba(20, 18, 15, 0.85);
}

[data-theme="dark"] .email-thread-message {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-thread-message.collapsed:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .email-thread-older-group {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-thread-older-btn:hover {
  background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .email-thread-older-list {
  background: rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .email-thread-sender {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-thread-date {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-thread-snippet {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-thread-badge {
  color: var(--color-text-tertiary);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-message-item.unread .email-thread-badge {
  color: var(--email-subtle-mark);
  background: rgba(20, 18, 15, 0.10);
}

[data-theme="dark"] .email-avatar-stack-back,
[data-theme="dark"] .email-avatar-stack-front {
  border-color: var(--color-card);
}

/* BB-OVERRIDE: dark chip styling moved to email-blod-bolge.css */

[data-theme="dark"] .email-snooze-dropdown {
  background: var(--color-card);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 32px rgba(20, 18, 15, 0.5);
}

[data-theme="dark"] .email-snooze-option {
  color: var(--color-text-primary);
  padding: 8px 16px;
  transition: background 120ms;
}

[data-theme="dark"] .email-snooze-option:hover {
  background: var(--sk-bg-active);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-schedule-dropdown {
  background: var(--color-card);
  border-color: var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: 0 8px 32px rgba(20, 18, 15, 0.5);
}

[data-theme="dark"] .email-schedule-option {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-schedule-option:hover {
  background: var(--sk-bg-active);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-schedule-option .schedule-label {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-schedule-option .schedule-detail {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-context-menu {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 12px 32px rgba(0,0,0,0.35);
}
[data-theme="dark"] .email-context-menu.is-reading {
  box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 12px 32px rgba(0,0,0,0.35), 0 0 0 2px rgba(110, 138, 126, 0.25);
}
[data-theme="dark"] .calm-context-landmark { color: var(--color-text-muted); }
[data-theme="dark"] .calm-context-separator { background: rgba(255,255,255,0.08); }
[data-theme="dark"] .email-context-item {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-context-item svg {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-context-item:hover {
  background: rgba(255,255,255,0.06);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-context-item:hover svg {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-context-item:active {
  background: rgba(255,255,255,0.10);
}
[data-theme="dark"] .email-context-item:focus-visible {
  box-shadow: inset 0 0 0 2px var(--color-text-primary);
}
[data-theme="dark"] .email-context-item.danger,
[data-theme="dark"] .email-context-item.is-destructive { color: #e07070; }
[data-theme="dark"] .email-context-item.danger svg,
[data-theme="dark"] .email-context-item.is-destructive svg { color: #e07070; }
[data-theme="dark"] .email-context-item.danger:hover,
[data-theme="dark"] .email-context-item.is-destructive:hover {
  background: rgba(194,75,96,0.14);
  color: #e07070;
}
[data-theme="dark"] .email-context-item.danger:active,
[data-theme="dark"] .email-context-item.is-destructive:active {
  background: rgba(194,75,96,0.22);
}
[data-theme="dark"] .email-context-item.danger:hover svg,
[data-theme="dark"] .email-context-item.is-destructive:hover svg { color: #e07070; }
[data-theme="dark"] .email-context-more-btn { color: var(--color-text-muted); }
[data-theme="dark"] .email-context-more-btn:hover { background: var(--sk-bg-hover); color: var(--color-text-secondary, #c0b8af); }
[data-theme="dark"] .email-context-more-dots { color: inherit; }
[data-theme="dark"] .email-context-more-btn:hover .email-context-more-dots { color: var(--color-text-primary); }
[data-theme="dark"] .email-context-back { color: var(--color-text-muted); }
[data-theme="dark"] .email-context-back:hover { color: var(--color-text-primary); }
[data-theme="dark"] .email-context-item.is-loading { background: rgba(255,255,255,0.04); color: var(--color-text-secondary, #c0b8af); }
[data-theme="dark"] .email-context-item.is-loading::before { border-color: rgba(110,138,126,0.3); border-top-color: #6EA88A; }
[data-theme="dark"] .email-context-item.is-playing { background: rgba(110,138,126,0.16); color: #6EA88A; }
[data-theme="dark"] .email-context-item.is-playing::before { background: linear-gradient(#6EA88A,#6EA88A) 0px 0/2px 40%, linear-gradient(#6EA88A,#6EA88A) 4px 0/2px 80%, linear-gradient(#6EA88A,#6EA88A) 8px 0/2px 60%, linear-gradient(#6EA88A,#6EA88A) 12px 0/2px 90%; background-repeat: no-repeat; background-position-y: bottom; }
[data-theme="dark"] .email-context-item.is-stopping { background: rgba(194,75,96,0.10); color: #e07070; }
[data-theme="dark"] .email-context-item.is-stopping::before { background: linear-gradient(#e07070,#e07070) 0px 0/2px 60%, linear-gradient(#e07070,#e07070) 4px 0/2px 60%, linear-gradient(#e07070,#e07070) 8px 0/2px 60%, linear-gradient(#e07070,#e07070) 12px 0/2px 60%; background-repeat: no-repeat; background-position-y: bottom; }
[data-theme="dark"] .email-context-item.is-done { color: #6EA88A; }
[data-theme="dark"] .email-context-item.is-error { background: rgba(194,75,96,0.08); color: #e07070; }
[data-theme="dark"] .email-context-item.is-error::before { background: #e07070; }
[data-theme="dark"] .calm-stop-row { color: #e07070; }
[data-theme="dark"] .calm-stop-row:hover { background: rgba(194,75,96,0.10); }
[data-theme="dark"] .calm-stop-row:focus-visible { box-shadow: 0 0 0 2px rgba(194,75,96,0.4) inset; }
[data-theme="dark"] .calm-stop-square { background: #e07070; }
[data-theme="dark"] .calm-esc-hint { color: var(--color-text-muted); background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.08); }
[data-theme="dark"] .email-context-menu.is-reading::after { background: linear-gradient(90deg, #6EA88A 0 var(--calm-oplaes-progress-pct, 0%), rgba(110,168,138,0.2) var(--calm-oplaes-progress-pct, 0%) 100%); }
[data-theme="dark"] .email-context-menu.is-reading.is-indeterminate::after { background: linear-gradient(90deg, rgba(110,168,138,0.2) 0%, #6EA88A 50%, rgba(110,168,138,0.2) 100%); background-size: 250% 100%; }

[data-theme="dark"] .email-autocomplete {
  background: var(--color-card);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-autocomplete-list {
  background: var(--color-card);
  border: 0.5px solid var(--color-border);
  box-shadow: 0 8px 24px rgba(20, 18, 15, 0.4);
}

[data-theme="dark"] .email-autocomplete-item {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-autocomplete-item:hover,
[data-theme="dark"] .email-autocomplete-item.active {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-accounts-modal {
  background: transparent;
  border: none;
}

[data-theme="dark"] .email-schedule-arrow,
[data-theme="dark"] .email-schedule-confirm {
  background: var(--email-control-fill);
  color: var(--email-control-on-fill);
}
[data-theme="dark"] .email-schedule-dropdown {
  background: var(--color-card);
  border-color: var(--color-border);
}
[data-theme="dark"] .email-schedule-option:hover {
  background: rgba(255,255,255,0.06);
}

[data-theme="dark"] .email-accounts-backdrop {
  background: rgba(20, 18, 15, 0.6);
}

[data-theme="dark"] .email-accounts-dialog {
  background: var(--color-card) !important;
  color: var(--color-text-tertiary);
  border: 0.5px solid var(--color-border) !important;
  box-shadow: 0 12px 40px rgba(20, 18, 15, 0.44), 0 4px 12px rgba(20, 18, 15, 0.24) !important;
}

[data-theme="dark"] .email-accounts-header {
  background: var(--color-card);
  border-bottom: 0.5px solid var(--color-border);
}

[data-theme="dark"] .email-accounts-header h3 {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-accounts-close {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-accounts-close:hover {
  background: rgba(194, 75, 96, 0.12);
  color: var(--sk-danger);
}

[data-theme="dark"] .email-accounts-body {
  background: var(--color-card);
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-accounts-body small,
[data-theme="dark"] .email-accounts-body .text-muted {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-accounts-section-title {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-accounts-empty {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-account-item {
  background: rgba(255,255,255,0.03);
  border: 0.5px solid var(--color-border);
  border-radius: 10px;
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-account-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-account-email {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-account-disconnect {
  background: transparent;
  color: var(--color-text-tertiary);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-account-disconnect:hover {
  background: rgba(194, 75, 96, 0.15);
  color: var(--sk-danger);
  border-color: rgba(194, 75, 96, 0.3);
}

[data-theme="dark"] .email-account-icon-gmail {
  background: rgba(194, 75, 96, 0.15);
  color: var(--sk-danger);
}

[data-theme="dark"] .email-account-icon-outlook {
  background: rgba(59, 130, 246, 0.15);
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .email-accounts-connect {
  border-top-color: var(--color-border);
}

[data-theme="dark"] .email-connect-btn {
  background: rgba(255,255,255,0.03);
  color: var(--color-text-secondary);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-connect-btn:hover {
  background: rgba(255,255,255,0.06);
  border-color: var(--color-text-tertiary);
}



[data-theme="dark"] .email-signature-save:hover {
  background: var(--color-text-primary);
  color: var(--email-control-on-fill);
  border-color: var(--color-text-primary);
}

[data-theme="dark"] .email-shortcuts-dialog {
  background: var(--color-card);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-shortcuts-close {
  background: var(--color-card);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-shortcuts-close:hover {
  background: var(--color-card);
}

[data-theme="dark"] .email-shortcut kbd {
  background: var(--color-card);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

[data-theme="dark"] .cmd-palette-dialog {
  background: var(--color-card);
}

[data-theme="dark"] .cmd-palette-input {
  color: var(--color-text-primary);
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .cmd-palette-input::placeholder {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .cmd-palette-item {
  color: var(--color-text-primary);
}

[data-theme="dark"] .cmd-palette-item.selected,
[data-theme="dark"] .cmd-palette-item:hover {
  background: var(--color-card);
  color: var(--color-text-primary);
}

[data-theme="dark"] .cmd-palette-section {
  color: var(--color-text-tertiary);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .cmd-palette-shortcut {
  color: var(--color-text-tertiary);
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .cmd-palette-empty {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-account-filter {
  background: var(--color-card);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.04);
  padding: 6px 12px;
}

[data-theme="dark"] .email-account-select {
  color: var(--color-text-secondary);
  background-color: transparent;
  border-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23b8aea4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-theme="dark"] .email-account-select:hover,
[data-theme="dark"] .email-account-select:focus-visible {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.10);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-account-select option {
  background-color: var(--color-card, #2b2a27);
  color: rgba(255, 255, 255, 0.9);
}

/* ── CalmAccountSelect dark mode (#3514: warm retone) ── */

[data-theme="dark"] .calm-account-trigger {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.10);
  color: #e8ddd4;
}

[data-theme="dark"] .calm-account-trigger__chevron {
  color: rgba(232, 221, 212, 0.5);
}

[data-theme="dark"] .calm-account-trigger__label {
  color: #e8ddd4;
}

[data-theme="dark"] .calm-account-trigger:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .calm-account-trigger-wrap.is-open .calm-account-trigger {
  background: rgba(255, 255, 255, 0.10);
  border-color: transparent;
}

[data-theme="dark"] .calm-account-select--hidden:focus-visible ~ .calm-account-trigger-wrap .calm-account-trigger {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .calm-account-panel {
  background: #2b2a27;
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.20);
}

[data-theme="dark"] .calm-account-panel__landmark {
  color: rgba(255, 255, 255, 0.40);
}

[data-theme="dark"] .calm-account-panel__divider {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .calm-account-row {
  color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .calm-account-row--focused,
[data-theme="dark"] .calm-account-row:hover {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .calm-account-row--inactive:hover {
  background: transparent;
}

[data-theme="dark"] .calm-account-row--selected {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .calm-account-row--selected.calm-account-row--focused,
[data-theme="dark"] .calm-account-row--selected:hover {
  background: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .calm-account-row--selected .calm-account-row__dot {
  background: transparent;
}

/* dark row focus = the soft background tint above; the hard outline was removed in light mode */

[data-theme="dark"] .calm-account-row__check {
  color: rgba(143, 191, 174, 0.65);
}

[data-theme="dark"] .calm-account-row__dot--connected {
  background: #8FBFAE;
}

[data-theme="dark"] .calm-account-row__dot--inactive {
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .calm-account-panel__footer {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .calm-account-panel__add-btn {
  color: #8FBFAE;
}

[data-theme="dark"] .calm-account-panel__add-btn:hover {
  background: rgba(143, 191, 174, 0.08);
}

[data-theme="dark"] .calm-account-panel__add-btn:focus-visible,
[data-theme="dark"] .calm-account-panel__add-btn--focused {
  background: rgba(143, 191, 174, 0.10);
}

[data-theme="dark"] .calm-account-panel__add-icon {
  background: rgba(143, 191, 174, 0.12);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cline x1='6' y1='1' x2='6' y2='11' stroke='%238FBFAE' stroke-width='2.2' stroke-linecap='round'/%3E%3Cline x1='1' y1='6' x2='11' y2='6' stroke='%238FBFAE' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

[data-theme="dark"] .email-account-chip {
  background: transparent !important;
  color: var(--color-text-tertiary) !important;
  border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--radius-md);
  padding: 3px 12px;
  font-size: var(--font-size-sm);
  transition: background 120ms, border-color 120ms, color 120ms;
}

[data-theme="dark"] .email-account-chip:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--color-text-secondary) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .email-account-chip.active {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--color-text-primary) !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
  font-weight: var(--font-weight-semibold);
}

[data-theme="dark"] .email-refresh-btn,
[data-theme="dark"] .email-accounts-btn {
  color: var(--color-text-tertiary);
  border-radius: var(--radius-md);
  transition: color 120ms, background 120ms;
}

[data-theme="dark"] .email-refresh-btn:hover,
[data-theme="dark"] .email-accounts-btn:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-toolbar-btn {
  color: var(--bb-warm-text-light, var(--color-text-tertiary)) !important;
}
[data-theme="dark"] .email-toolbar-btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--bb-warm-text, var(--color-text-primary)) !important;
}

[data-theme="dark"] .email-reader-attachments {
  border-top-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-attachments-header {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-attachments-header:hover {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-attachment-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-attachment-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-attachment-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-attachment-size {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-attachment-icon {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-toast {
  background: var(--color-card);
  color: var(--color-text-primary);
  border: 0.5px solid var(--color-border);
  box-shadow: 0 8px 24px rgba(20, 18, 15, 0.4);
}

[data-theme="dark"] .email-undo-toast {
  background: var(--color-card);
  color: var(--color-text-primary);
  border: 0.5px solid var(--color-border);
  box-shadow: 0 8px 24px rgba(20, 18, 15, 0.4);
}

[data-theme="dark"] .email-undo-toast button {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-undo-toast button:hover {
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .email-snooze-toast {
  background: var(--color-card);
  color: var(--color-text-primary);
  border: 0.5px solid var(--color-border);
}

[data-theme="dark"] .email-snooze-toast button {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-error-banner {
  background: rgba(248, 113, 113, 0.08);
  color: var(--sk-danger);
  border: 0.5px solid rgba(248, 113, 113, 0.2);
  border-radius: var(--radius-md);
}

[data-theme="dark"] .email-demo-banner {
  background: rgba(255, 193, 7, 0.08);
  color: var(--sk-warning);
  border: 0.5px solid rgba(255, 193, 7, 0.2);
}

[data-theme="dark"] .email-connect-prompt {
  background: var(--sk-bg, #1a1a2e);
}
[data-theme="dark"] .email-connect-provider {
  background: var(--sk-bg-surface, #252540);
  border-color: var(--sk-border, rgba(255,255,255,0.08));
}
[data-theme="dark"] .email-connect-provider:hover {
  border-color: var(--sk-border-hover, rgba(255,255,255,0.15));
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* .email-new-mail-banner dark rules removed per Stefan */

[data-theme="dark"] .email-skeleton-row {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .email-skeleton-avatar,
[data-theme="dark"] .email-skeleton-line {
  background: rgba(255, 255, 255, 0.06);
  animation-name: dark-skeleton-pulse;
}

@keyframes dark-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

[data-theme="dark"] .sk-skeleton,
[data-theme="dark"] .toolbar-sk-btn,
[data-theme="dark"] .toolbar-sk-search,
[data-theme="dark"] .toolbar-sk-icon {
  background: linear-gradient(90deg, var(--color-card) 25%, var(--color-card) 50%, var(--color-card) 75%);
  background-size: 200% 100%;
}

[data-theme="dark"] .email-reader-empty {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-empty svg {
  opacity: 0.3;
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-reader-empty p {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-list-empty {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-list-empty h3 {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-list-empty p {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-inbox-zero {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-inbox-zero h3 {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-inbox-zero p {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-empty-state,
[data-theme="dark"] .email-empty-title,
[data-theme="dark"] .email-empty-text {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-load-more {
  background: transparent;
  color: var(--color-text-tertiary);
  border: 0.5px solid var(--color-border);
  border-radius: var(--radius-md);
}

[data-theme="dark"] .email-load-more:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--color-text-secondary);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-ai-shimmer {
  background: linear-gradient(
    90deg,
    var(--color-card) 0%,
    var(--color-card) 50%,
    var(--color-card) 100%
  );
  background-size: 200% 100%;
}

[data-theme="dark"] .email-action-btn {
  color: var(--color-text-secondary);
  transition: color 180ms, background 180ms;
}

[data-theme="dark"] .email-action-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-text-primary);
  border-radius: var(--radius-sm);
}

/* Floating reader "Oplæs" button on dark. Idle: the muted secondary color is
   already faded by the dark palette — 0.45 opacity double-fades it past
   discoverability (WCAG 1.4.11), so lift the floor slightly. Scoped to the
   truly-idle state so hover/active opacity keeps winning regardless of
   stylesheet order. */
[data-theme="dark"] .email-action-btn.email-reader-listen:not(:hover):not(:focus-visible):not(.is-active) {
  opacity: 0.55;
}
/* Active: lighter sage, and a stronger fill/border than light mode — the same
   alphas that read as a clear tint on white nearly vanish on the dark card. */
[data-theme="dark"] .email-action-btn.email-reader-listen.is-active {
  color: var(--bb-sage, #A8C5B8) !important; /* blod-bolge's family color is !important */
  background: rgba(168, 197, 184, 0.16);
  border-color: rgba(168, 197, 184, 0.38);
}

[data-theme="dark"] .email-action-divider {
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-message-star {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-message-star:hover {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-message-star.starred {
  color: var(--color-text-primary);
  filter: none;
}

[data-theme="dark"] .email-bulk-cb {
  background: transparent;
}

[data-theme="dark"] .email-bulk-cb::before {
  background: var(--color-card);
  border-color: var(--color-border);
}

[data-theme="dark"] .email-bulk-cb:checked::before {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

[data-theme="dark"] .email-bulk-bar {
  background: var(--sk-bg-subtle);
  color: var(--color-text-primary);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .email-bulk-toggle input {
  border-color: rgba(20, 18, 15, 0.20);
}
[data-theme="dark"] .email-bulk-toggle input:checked {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
[data-theme="dark"] .email-bulk-toggle input:checked::after {
  border-color: var(--email-control-on-fill);
}

[data-theme="dark"] .email-bulk-icon {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-bulk-icon:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-bulk-close {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-bulk-close:hover {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-unsub-btn {
  background: var(--color-card);
  border-color: var(--color-border);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-unsub-btn:hover {
  background: var(--color-card);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-restore-btn {
  background: var(--color-card);
  border-color: var(--color-border);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-restore-btn:hover {
  background: var(--color-card);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-priority-badge {
  background: rgba(166, 89, 75, 0.22);
  color: #E8B4A6;
  border-color: rgba(166, 89, 75, 0.35);
}

[data-theme="dark"] .imap-provider-option {
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-provider-option:hover {
  border-color: var(--color-text-primary);
  background: rgba(20, 18, 15, 0.04);
}

[data-theme="dark"] .imap-provider-name {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-provider-desc {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-wizard-header h3 {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-wizard-step {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-wizard-back {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-wizard-back:hover {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-wizard-field label {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-wizard-field input,
[data-theme="dark"] .imap-wizard-field select {
  background: var(--color-card);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

[data-theme="dark"] .imap-wizard-field input:focus-visible,
[data-theme="dark"] .imap-wizard-field select:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
}

[data-theme="dark"] .imap-wizard-field input::placeholder {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .imap-password-toggle {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .imap-password-toggle:hover {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-field-hint {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .imap-section {
  border-color: var(--color-border);
}

[data-theme="dark"] .imap-section legend {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-wizard-error {
  background: rgba(255, 62, 29, 0.1);
  color: var(--sk-danger);
  border-color: rgba(255, 62, 29, 0.25);
}

[data-theme="dark"] .imap-detect-text {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-detect-spinner {
  border-color: var(--color-border);
  border-top-color: var(--color-text-primary);
}

[data-theme="dark"] .imap-detect-fallback {
  border-top-color: var(--color-border);
}

[data-theme="dark"] .imap-detect-fallback p {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-detect-manual-btn {
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-detect-manual-btn:hover {
  background: rgba(20, 18, 15, 0.07);
  border-color: var(--color-text-primary);
}

[data-theme="dark"] .imap-detect-success {
  background: rgba(113, 221, 55, 0.06);
  border-color: rgba(113, 221, 55, 0.15);
}

[data-theme="dark"] .imap-detect-success strong {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-provider-badge {
  background: rgba(20, 18, 15, 0.10);
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .imap-settings-summary {
  border-color: var(--color-border);
}

[data-theme="dark"] .imap-setting-row {
  border-top-color: var(--color-border);
}

[data-theme="dark"] .imap-setting-row > span:first-child {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-setting-row > span:last-child {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-provider-note {
  background: rgba(20, 18, 15, 0.04);
  border-color: rgba(20, 18, 15, 0.07);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-manual-notice {
  background: rgba(20, 18, 15, 0.04);
}

[data-theme="dark"] .imap-manual-notice p {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-test-step {
  border-bottom-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-test-step.pending .imap-test-icon {
  border-color: var(--color-border);
}

[data-theme="dark"] .imap-test-step.active .imap-test-icon {
  border-color: var(--color-text-primary);
  border-top-color: transparent;
}

[data-theme="dark"] .imap-test-error {
  background: rgba(255, 62, 29, 0.08);
  border-color: rgba(255, 62, 29, 0.2);
}

[data-theme="dark"] .imap-test-error-title {
  color: var(--sk-danger);
}

[data-theme="dark"] .imap-test-error-detail {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-test-error-hint {
  background: rgba(255, 255, 255, 0.04);
  border-left-color: rgba(255, 62, 29, 0.4);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .imap-link-btn {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-link-btn:hover {
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .imap-success h3 {
  color: var(--color-text-primary);
}

[data-theme="dark"] .imap-success p {
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-list-items,
[data-theme="dark"] .email-reader-content,
[data-theme="dark"] .email-folders,
[data-theme="dark"] .email-reader-body,
[data-theme="dark"] .email-compose-body-wrap {
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

[data-theme="dark"] .email-list-items::-webkit-scrollbar-track,
[data-theme="dark"] .email-reader-content::-webkit-scrollbar-track,
[data-theme="dark"] .email-folders::-webkit-scrollbar-track,
[data-theme="dark"] .email-reader-body::-webkit-scrollbar-track {
  background: transparent;
}

[data-theme="dark"] .email-list-items::-webkit-scrollbar-thumb,
[data-theme="dark"] .email-reader-content::-webkit-scrollbar-thumb,
[data-theme="dark"] .email-folders::-webkit-scrollbar-thumb,
[data-theme="dark"] .email-reader-body::-webkit-scrollbar-thumb,
[data-theme="dark"] .email-compose-body-wrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-sm);
}

[data-theme="dark"] .email-list-items::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .email-reader-content::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .email-folders::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .email-reader-body::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] .email-compose-body-wrap::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .email-swipe-wrapper .email-message-item {
  background: var(--color-card);
}

[data-theme="dark"] .email-ptr-spinner {
  background: var(--color-card);
  border: 0.5px solid var(--color-border);
  border-radius: var(--radius-full);
  box-shadow: 0 4px 12px rgba(20, 18, 15, 0.3);
}

[data-theme="dark"] .sig-account-tab {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .sig-account-tab:hover {
  border-color: var(--color-text-primary);
  color: var(--email-subtle-mark);
  background: rgba(20, 18, 15, 0.04);
}

[data-theme="dark"] .sig-account-tab.active {
  background: var(--color-text-primary);
  color: var(--email-control-on-fill);
  border-color: var(--color-text-primary);
  box-shadow: 0 2px 6px rgba(20, 18, 15, 0.18);
}

[data-theme="dark"] .sig-card {
  background: var(--color-bg);
  border-color: var(--color-border);
}

[data-theme="dark"] .sig-editor-card {
  background: var(--color-bg);
  border-color: var(--color-border);
}

[data-theme="dark"] .sig-find-results-landmark {
  color: rgba(224, 216, 207, 0.45);
}

[data-theme="dark"] .sig-find-use-btn {
  background: var(--bb-sage-dark, #4a7a68);
}
[data-theme="dark"] .sig-find-use-btn:hover {
  background: var(--bb-sage, #6b9d8a);
}

[data-theme="dark"] .calm-sig-link-idx {
  color: rgba(224, 216, 207, 0.35);
}
[data-theme="dark"] .calm-sig-link-url {
  color: var(--bb-sage-light, #a8d4bf);
}

[data-theme="dark"] .sig-editor-area {
  background: var(--color-bg);
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

[data-theme="dark"] .sig-editor-area:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
}

[data-theme="dark"] .sig-editor-area:empty::before {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .sig-editor-area a {
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .sig-preview-wrap {
  border-color: var(--color-border);
  background: var(--color-bg);
}

[data-theme="dark"] .sig-preview-iframe {
  background: var(--color-card);
}

[data-theme="dark"] .sig-preview-content {
  color: var(--color-text-primary);
  background: var(--color-card);
  border-left-color: var(--color-text-primary);
}

[data-theme="dark"] .sig-preview-content a {
  color: var(--color-text-primary);
}

[data-theme="dark"] .sig-save-btn {
  background: var(--bb-sage-dark, #4a7a68);
  box-shadow: none;
}

[data-theme="dark"] .sig-save-btn:hover {
  background: var(--bb-sage, #6b9d8a);
}

[data-theme="dark"] .sig-toolbar {
  background: var(--sk-bg-card, #2a2a2a);
  border-color: var(--sk-border, #3a3a3a);
  border-top: 1px solid var(--sk-border, #3a3a3a);
}

[data-theme="dark"] .sig-editor-area:focus {
  border-color: var(--bb-sage, #6b9d8a);
}

[data-theme="dark"] .sig-token {
  background: rgba(107,157,138,0.2);
  color: var(--bb-sage-light, #a8d4bf);
  border-color: rgba(107,157,138,0.35);
}

[data-theme="dark"] .sig-inline-error {
  background: rgba(185, 28, 28, 0.12);
  color: #fca5a5;
  border-color: rgba(185, 28, 28, 0.2);
}
[data-theme="dark"] .sig-inline-error-action {
  color: #fca5a5;
  border-color: rgba(185, 28, 28, 0.25);
}
[data-theme="dark"] .sig-inline-error-action:hover {
  background: rgba(185, 28, 28, 0.15);
}
[data-theme="dark"] .sig-recipient-preview {
  border-color: var(--sk-border, #3a3a3a);
  background: var(--sk-bg-card, #2a2a2a);
}
[data-theme="dark"] .sig-recipient-preview-heading {
  background: var(--sk-bg-card, #2a2a2a);
  color: var(--sk-text-tertiary, #888);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .sig-recipient-preview-body {
  color: var(--sk-text, #e0d8cf);
}
[data-theme="dark"] .sig-recipient-preview-body .sig-token-resolved {
  color: var(--bb-sage-light, #a8d4bf);
}

[data-theme="dark"] .sig-reset-btn {
  border-color: var(--sk-border, #3a3a3a);
  color: var(--sk-text-secondary, #aaa);
}
[data-theme="dark"] .sig-reset-btn:hover {
  background: var(--sk-bg-card, #2a2a2a);
}
[data-theme="dark"] .sig-reset-confirm {
  background: rgba(217, 119, 6, 0.1);
  border-color: rgba(217, 119, 6, 0.2);
}
[data-theme="dark"] .sig-reset-confirm-yes {
  color: #fbbf24;
  border-color: rgba(217, 119, 6, 0.3);
}
[data-theme="dark"] .sig-reset-confirm-yes:hover {
  background: rgba(217, 119, 6, 0.15);
}
[data-theme="dark"] .sig-reset-confirm-cancel {
  color: var(--sk-text-secondary, #aaa);
  border-color: var(--sk-border, #3a3a3a);
}
[data-theme="dark"] .sig-reset-confirm-cancel:hover {
  background: var(--sk-bg-card, #2a2a2a);
}

/* ── Signature scanner dark mode ── */
[data-theme="dark"] .sig-find-btn {
  border-color: var(--sk-border, #3a3a3a);
  color: var(--sk-text-secondary, #aaa);
}
[data-theme="dark"] .sig-find-btn:hover {
  background: var(--sk-bg-card, #2a2a2a);
  color: var(--sk-text, #e0d8cf);
}
[data-theme="dark"] .sig-find-message,
[data-theme="dark"] .sig-find-consent-block {
  background: var(--sk-bg-card, #2a2a2a);
  border-color: var(--sk-border, #3a3a3a);
  color: var(--sk-text-secondary, #aaa);
}
[data-theme="dark"] .sig-find-consent-text {
  color: var(--sk-text-secondary, #aaa);
}
[data-theme="dark"] .sig-find-consent-decline {
  border-color: var(--sk-border, #3a3a3a);
  color: var(--sk-text-secondary, #aaa);
}
[data-theme="dark"] .sig-find-consent-decline:hover {
  background: var(--sk-bg-card, #2a2a2a);
}
[data-theme="dark"] .sig-find-candidate {
  background: var(--sk-bg-card, #2a2a2a);
  border-color: var(--sk-border, #3a3a3a);
}
[data-theme="dark"] .sig-find-candidate:hover,
[data-theme="dark"] .sig-find-candidate:focus-visible {
  border-color: var(--bb-sage, #6b9d8a);
}
[data-theme="dark"] .sig-find-candidate-preview {
  color: var(--sk-text, #e0d8cf);
}
[data-theme="dark"] .sig-find-candidate-count {
  color: var(--sk-text-tertiary, #777);
}
[data-theme="dark"] .sig-find-use-btn {
  border-color: rgba(107, 157, 138, 0.35);
  color: var(--bb-sage-light, #a8d4bf);
}
[data-theme="dark"] .sig-find-use-btn:hover {
  background: var(--bb-sage-dark, #3D6B57);
  color: #fff;
}
[data-theme="dark"] .sig-find-banner {
  background: rgba(107, 157, 138, 0.15);
  color: var(--bb-sage-light, #a8d4bf);
}
[data-theme="dark"] .sig-find-undo-btn {
  border-color: rgba(107, 157, 138, 0.35);
  color: var(--bb-sage-light, #a8d4bf);
}
[data-theme="dark"] .sig-find-undo-btn:hover {
  background: rgba(107, 157, 138, 0.1);
}
[data-theme="dark"] .sig-find-loading {
  color: var(--sk-text-secondary, #aaa);
}

[data-theme="dark"] .email-compose-toolbar {
  background: var(--color-card);
  border-bottom-color: var(--color-border);
}
[data-theme="dark"] .ect-divider {
  background: rgba(255,255,255,0.1);
}
[data-theme="dark"] .ect-btn {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .ect-btn:hover {
  background: rgba(255,255,255,0.1);
  color: var(--color-text-primary);
}
[data-theme="dark"] .ect-btn.ect-active {
  background: rgba(20, 18, 15, 0.12);
  color: var(--email-control-fill);
}
[data-theme="dark"] .ect-btn.ect-open {
  background: rgba(255,255,255,0.1);
  color: var(--color-text-primary);
}
[data-theme="dark"] .ect-dropdown,
[data-theme="dark"] .ect-color-picker {
  background: var(--color-card);
  border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .ect-dropdown-item {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .ect-dropdown-item:hover,
[data-theme="dark"] .ect-dropdown-item.ect-focused {
  background: rgba(255,255,255,0.08);
}
[data-theme="dark"] .ect-more-item {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .ect-more-item:hover {
  background: rgba(255,255,255,0.08);
}
[data-theme="dark"] .ect-more-label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .ect-more-divider {
  background: rgba(255,255,255,0.06);
}
[data-theme="dark"] .ect-more-icon {
  color: var(--color-text-tertiary);
}
/* offline/error banner removed — see ui.js */

[data-theme="dark"] .email-advanced-search-form {
  background: var(--color-card);
  border-color: var(--color-border);
  box-shadow: 0 8px 28px rgba(20, 18, 15, 0.4);
}
[data-theme="dark"] .email-adv-search-row input[type="text"],
[data-theme="dark"] .email-adv-search-row input[type="date"] {
  background: var(--color-card);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-adv-search-row input:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
  background: var(--color-card);
}
[data-theme="dark"] .email-contact-notes:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
  background: var(--color-card);
}
[data-theme="dark"] .email-adv-search-checks label {
  background: var(--color-card);
  border-color: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.55);
}
[data-theme="dark"] .email-adv-search-checks label:hover {
  background: rgba(20, 18, 15, 0.04);
  border-color: rgba(20, 18, 15, 0.12);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-adv-search-checks label:has(input:checked) {
  background: rgba(20, 18, 15, 0.10);
  border-color: rgba(20, 18, 15, 0.18);
  color: var(--email-subtle-mark);
}

[data-theme="dark"] .email-folder-toggle {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-folder-toggle:hover {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-loading {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-loading-spinner {
  border-color: var(--color-border);
  border-top-color: var(--color-text-primary);
}
[data-theme="dark"] .email-shortcuts-dialog h3 {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-shortcut {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-shortcut span {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-demo-banner strong {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-demo-banner p {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-accounts-connect-label {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-reader-back {
  color: var(--color-text-secondary);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] #email-reauth-banner {
  background: rgba(255, 193, 7, 0.08);
  border-color: rgba(255, 193, 7, 0.2);
  color: #ffc85a;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
[data-theme="dark"] .reauth-row + .reauth-row {
  border-top-color: rgba(255, 193, 7, 0.12);
}
[data-theme="dark"] .reauth-icon { color: #ffc85a; }
[data-theme="dark"] .reauth-btn {
  background: rgba(255, 193, 7, 0.25);
  color: #ffc85a;
}
[data-theme="dark"] .reauth-btn:hover {
  background: rgba(255, 193, 7, 0.35);
}
[data-theme="dark"] .reauth-btn:focus-visible {
  outline-color: #ffc85a;
}
[data-theme="dark"] .reauth-dismiss {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .reauth-dismiss:hover,
[data-theme="dark"] .reauth-dismiss:focus-visible {
  background: rgba(255,255,255,0.08);
}
@media (max-width: 600px) {
  [data-theme="dark"] .email-page .reauth-btn {
    background: #5f4300;
    color: #ffc85a;
  }
  [data-theme="dark"] .email-page .reauth-btn:focus-visible {
    outline-color: #ffc85a !important;
  }
}

[data-theme="dark"] .reply-later-wait {
  background: rgba(245, 158, 11, 0.12);
  color: var(--sk-warning);
}
[data-theme="dark"] .reply-later-remove-btn {
  border-color: rgba(255, 255, 255, 0.10);
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .reply-later-remove-btn:hover {
  background: rgba(194, 75, 96, 0.12);
  color: var(--sk-danger);
  border-color: rgba(194, 75, 96, 0.25);
}
[data-theme="dark"] .snooze-until-badge {
  background: rgba(99, 102, 241, 0.15);
  color: var(--email-subtle-mark);
}
/* Bring-back RESTORES mail — keep it calm sage in dark too, never the destructive red
   used for delete (the light redesign in #4406 missed the dark counterpart). */
[data-theme="dark"] .snooze-remove-btn {
  border-color: var(--sk-accent, #6E8A7E);
  color: var(--sk-accent, #6E8A7E);
  background: var(--sk-accent-bg, rgba(110, 138, 126, 0.18));
}
[data-theme="dark"] .snooze-remove-btn:hover,
[data-theme="dark"] .snooze-remove-btn:focus-visible {
  background: var(--sk-accent, #6E8A7E);
  color: #fff;
  border-color: var(--sk-accent, #6E8A7E);
}
[data-theme="dark"] .email-context-divider {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .email-hover-btn {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-hover-btn:hover {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-message-attach-icon {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-bulk-cb {
  border-color: transparent;
}
[data-theme="dark"] .email-blocked-badge {
  background: rgba(194, 75, 96, 0.15);
  color: var(--sk-danger);
}
[data-theme="dark"] .email-inbox-zero-title {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-inbox-zero-sub {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-list-empty-title {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-list-empty-sub {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-more-dropdown {
  background: var(--color-card);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 28px rgba(20, 18, 15, 0.5);
}
[data-theme="dark"] .email-more-item {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-more-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-more-item svg {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-more-divider {
  background: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-reader-more-menu {
  background: var(--color-card);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 28px rgba(20, 18, 15, 0.5);
}
[data-theme="dark"] .email-reader-more-item {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-reader-more-item.is-focused {
  background: transparent;
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-reader-more-item:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-reader-more-menu.calm-keyboard .email-reader-more-item.is-focused {
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-primary);
  box-shadow: inset 0 0 0 2px var(--color-text-primary);
}
[data-theme="dark"] .email-reader-more-item:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-primary);
  box-shadow: inset 0 0 0 2px var(--color-text-primary);
}
[data-theme="dark"] .email-reader-more-item[data-destructive]:hover,
[data-theme="dark"] .email-reader-more-item.is-destructive:hover,
[data-theme="dark"] .email-reader-more-item[data-destructive]:focus-visible,
[data-theme="dark"] .email-reader-more-item.is-destructive:focus-visible {
  background: rgba(201, 138, 130, 0.12);
  color: #c98a82;
}
[data-theme="dark"] .email-reader-more-menu.calm-keyboard .email-reader-more-item[data-destructive].is-focused,
[data-theme="dark"] .email-reader-more-menu.calm-keyboard .email-reader-more-item.is-destructive.is-focused {
  background: rgba(201, 138, 130, 0.12);
  color: #c98a82;
  box-shadow: inset 0 0 0 2px #c98a82;
}
[data-theme="dark"] .email-reader-more-item .calm-icon {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-reader-more-item:hover .calm-icon,
[data-theme="dark"] .email-reader-more-menu.calm-keyboard .email-reader-more-item.is-focused .calm-icon,
[data-theme="dark"] .email-reader-more-item:focus-visible .calm-icon {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-reader-more-item[data-destructive]:hover .calm-icon,
[data-theme="dark"] .email-reader-more-item.is-destructive:hover .calm-icon,
[data-theme="dark"] .email-reader-more-menu.calm-keyboard .email-reader-more-item[data-destructive].is-focused .calm-icon,
[data-theme="dark"] .email-reader-more-menu.calm-keyboard .email-reader-more-item.is-destructive.is-focused .calm-icon,
[data-theme="dark"] .email-reader-more-item[data-destructive]:focus-visible .calm-icon,
[data-theme="dark"] .email-reader-more-item.is-destructive:focus-visible .calm-icon {
  color: #c98a82;
}
[data-theme="dark"] .email-reader-more-group-heading {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-reader-more-group-heading.calm-destructive-heading {
  color: #c98a82;
}
[data-theme="dark"] .email-reader-more-separator,
[data-theme="dark"] .email-reader-more-sep {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .email-read-aloud-action.is-playing {
  background: rgba(61, 107, 87, 0.22);
  border-color: #5a9e7e;
  color: #8cc5a5;
}
[data-theme="dark"] .email-reader-more-menu.is-reading {
  box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 12px 32px rgba(0,0,0,0.35), 0 0 0 2px rgba(110, 138, 126, 0.25);
}
[data-theme="dark"] .email-reader-more-menu.is-reading::after { background: linear-gradient(90deg, #6EA88A 0 var(--calm-oplaes-progress-pct, 0%), rgba(110,168,138,0.2) var(--calm-oplaes-progress-pct, 0%) 100%); }
[data-theme="dark"] .email-reader-more-menu.is-reading.is-indeterminate::after { background: linear-gradient(90deg, rgba(110,168,138,0.2) 0%, #6EA88A 50%, rgba(110,168,138,0.2) 100%); background-size: 250% 100%; }
[data-theme="dark"] .email-reader-more-item.is-loading { background: rgba(255,255,255,0.04); color: var(--color-text-secondary, #c0b8af); }
[data-theme="dark"] .email-reader-more-item.is-loading::before { border-color: rgba(110,138,126,0.3); border-top-color: #6EA88A; }
[data-theme="dark"] .email-reader-more-item.is-playing { background: rgba(110,138,126,0.16); color: #6EA88A; }
[data-theme="dark"] .email-reader-more-item.is-playing::before { background: linear-gradient(#6EA88A,#6EA88A) 0px 0/2px 40%, linear-gradient(#6EA88A,#6EA88A) 4px 0/2px 80%, linear-gradient(#6EA88A,#6EA88A) 8px 0/2px 60%, linear-gradient(#6EA88A,#6EA88A) 12px 0/2px 90%; background-repeat: no-repeat; background-position-y: bottom; }
[data-theme="dark"] .email-reader-more-item.is-stopping { background: rgba(194,75,96,0.10); color: #e07070; }
[data-theme="dark"] .email-reader-more-item.is-stopping::before { background: linear-gradient(#e07070,#e07070) 0px 0/2px 60%, linear-gradient(#e07070,#e07070) 4px 0/2px 60%, linear-gradient(#e07070,#e07070) 8px 0/2px 60%, linear-gradient(#e07070,#e07070) 12px 0/2px 60%; background-repeat: no-repeat; background-position-y: bottom; }
[data-theme="dark"] .email-reader-more-item.is-done { color: #6EA88A; }
[data-theme="dark"] .email-reader-more-item.is-error { background: rgba(194,75,96,0.08); color: #e07070; }
[data-theme="dark"] .email-reader-more-item.is-error::before { background: #e07070; }
[data-theme="dark"] .email-label-picker {
  background: var(--color-card);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 28px rgba(20, 18, 15, 0.5);
}
[data-theme="dark"] .email-label-picker-title {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-label-picker-item {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-label-picker-item:hover,
[data-theme="dark"] .email-label-picker-item.is-focused {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-label-picker-check {
  color: #7DB89B;
}
[data-theme="dark"] .email-chips-label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-snooze-custom {
  border-top-color: var(--color-border);
}
[data-theme="dark"] .email-snooze-custom label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-snooze-picker {
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--color-text-primary);
  color-scheme: dark;
}
[data-theme="dark"] .meeting-card {
  background: rgba(20, 18, 15, 0.04);
  border-color: rgba(20, 18, 15, 0.10);
}
[data-theme="dark"] .meeting-card-icon {
  background: rgba(20, 18, 15, 0.10);
  color: var(--email-subtle-mark);
}
[data-theme="dark"] .meeting-card-icon-calendar {
  background: rgba(251, 191, 36, 0.14);
  color: var(--sk-warning);
}
[data-theme="dark"] .meeting-card-provider {
  color: var(--color-text-primary);
}
[data-theme="dark"] .meeting-time {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .meeting-join-btn {
  background: var(--color-text-primary);
  color: var(--email-control-on-fill);
}
[data-theme="dark"] .meeting-join-btn:hover {
  background: var(--color-card);
}
[data-theme="dark"] .meeting-card-calendar {
  background: rgba(251, 191, 36, 0.08);
  border-color: rgba(251, 191, 36, 0.18);
}
[data-theme="dark"] .meeting-card-calendar .meeting-join-btn {
  background: var(--color-card);
}
[data-theme="dark"] .meeting-card-calendar .meeting-join-btn:hover {
  background: var(--sk-warning-hover);
}

[data-theme="dark"] .meeting-cal-btn {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .meeting-cal-btn:hover {
  border-color: var(--color-info);
  color: var(--color-info);
  background: rgba(96, 165, 250, 0.12);
}
[data-theme="dark"] .meeting-cal-btn.is-added {
  border-color: var(--color-success);
  color: var(--color-success);
}
[data-theme="dark"] .meeting-cal-btn.is-duplicate {
  border-color: rgba(148, 163, 184, 0.3);
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .meeting-chip-dismiss:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary);
}
[data-theme="dark"] .meeting-cal-spinner {
  border-color: rgba(255, 255, 255, 0.15);
  border-top-color: var(--email-subtle-mark);
}

[data-theme="dark"] .meeting-date-chip {
  background: rgba(251, 191, 36, 0.08);
  border-color: rgba(251, 191, 36, 0.18);
}
[data-theme="dark"] .meeting-date-chip-icon {
  background: rgba(251, 191, 36, 0.14);
}
[data-theme="dark"] .meeting-date-chip-text {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .meeting-date-chip-status.is-duplicate {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-reply-later-btn {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-reply-later-btn:hover {
  background: rgba(245, 158, 11, 0.1);
  color: var(--sk-warning);
}
[data-theme="dark"] .email-reply-later-btn.active {
  color: var(--sk-warning);
}
[data-theme="dark"] .email-block-btn {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-attachment-thumb {
  border-color: var(--color-border);
}
[data-theme="dark"] .email-attachment-thumb:hover {
  border-color: rgba(20, 18, 15, 0.18);
  box-shadow: 0 2px 8px rgba(20, 18, 15, 0.3);
}
[data-theme="dark"] .email-attachment-thumb-img {
  background: var(--color-card);
}
[data-theme="dark"] .email-attachment-thumb-name {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-attachment-thumb-size {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-attachment-thumb-download {
  background: rgba(40, 38, 35, 0.85);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-attachment-thumb-download:hover {
  background: rgba(40, 38, 35, 1);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-attachment-pdf-preview {
  border-color: var(--color-border);
}
[data-theme="dark"] .email-attachment-pdf-header:hover {
  background: rgba(20, 18, 15, 0.04);
}
[data-theme="dark"] .email-thread-msg-header strong {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-thread-msg-date {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}
[data-theme="dark"] .email-thread-msg-snippet {
  color: var(--color-text-tertiary);
  font-size: var(--font-size-sm);
  margin-left: auto;
}
[data-theme="dark"] .email-reader-body p[style*="color:rgba(0,0,0"] {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-quoted {
  border-left-color: rgba(255, 255, 255, 0.15);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-quoted * {
  color: var(--color-text-secondary);
  background-color: transparent !important;
}
[data-theme="dark"] .email-quoted a,
[data-theme="dark"] .email-quoted a * {
  color: var(--email-subtle-mark);
}
[data-theme="dark"] .email-compose-body blockquote {
  border-left-color: rgba(255, 255, 255, 0.15);
  color: var(--color-text-secondary);
}

[data-theme="dark"] .email-compose-overlay {
  background: rgba(20, 18, 15, 0.55);
}
[data-theme="dark"] .email-compose-title {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-compose-body:empty::before {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-compose-body div:not(.email-signature-host *):not(.email-signature *),
[data-theme="dark"] .email-compose-body p:not(.email-signature *),
[data-theme="dark"] .email-compose-body span:not(.email-signature *),
[data-theme="dark"] .email-compose-body font:not(.email-signature *),
[data-theme="dark"] .email-compose-body table:not(.email-signature *),
[data-theme="dark"] .email-compose-body tbody:not(.email-signature *),
[data-theme="dark"] .email-compose-body tr:not(.email-signature *),
[data-theme="dark"] .email-compose-body td:not(.email-signature *),
[data-theme="dark"] .email-compose-body th:not(.email-signature *),
[data-theme="dark"] .email-compose-body li:not(.email-signature *) {
  color: inherit;
  background-color: transparent !important;
}
[data-theme="dark"] .email-compose-attach,
[data-theme="dark"] .email-compose-discard {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-compose-attach:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-compose-discard:hover {
  background: rgba(248, 113, 113, 0.12);
  color: var(--sk-danger);
}
[data-theme="dark"] .email-compose-toggle-cc {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-autocomplete-name {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-autocomplete-email {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-schedule-custom {
  border-top-color: var(--color-border);
}
[data-theme="dark"] .email-schedule-custom label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-schedule-picker {
  background: var(--color-card);
  color: var(--color-text-primary);
  border-color: rgba(255, 255, 255, 0.1);
  color-scheme: dark;
}
[data-theme="dark"] .email-attach-chips {
  border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-attach-chips > div {
  background: var(--color-card);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-attach-chips > div span:last-of-type {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-attach-chips > div button {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-attach-chips > div button:hover {
  color: var(--sk-danger);
}

[data-theme="dark"] .email-format-divider {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .ect-dropdown-item.ect-selected {
  color: var(--email-control-fill);
}
[data-theme="dark"] .ect-more-menu {
  border-color: var(--color-border);
  box-shadow: 0 2px 6px 2px rgba(20, 18, 15, 0.4), 0 1px 2px rgba(20, 18, 15, 0.5);
}
[data-theme="dark"] .ect-plain-text-block {
  color: var(--color-text-primary);
}

/* Header search field — alle decls !important efter gate-konvention (jf.
   .email-vector-overlay nedenfor): skærmer mod fremtidige generiske
   dark-input-regler; pr. 13/7 findes ingen konflikt (grep-verificeret). */
[data-theme="dark"] .email-header-search {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
[data-theme="dark"] .email-header-search:focus-within {
  border-color: #7CB8A4 !important;
}
[data-theme="dark"] .email-header-search-input {
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .email-header-search-icon {
  color: var(--color-text-secondary) !important;
}
[data-theme="dark"] .email-header-search-clear {
  color: var(--color-text-secondary) !important;
}
[data-theme="dark"] .email-header-search-clear:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .email-vector-overlay {
  background: var(--color-card) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 28px rgba(20, 18, 15, 0.5) !important;
}
[data-theme="dark"] .email-vector-overlay__header {
  border-bottom-color: var(--color-border) !important;
}
[data-theme="dark"] .email-vector-overlay__title {
  color: var(--color-text-secondary) !important;
}
[data-theme="dark"] .email-vector-overlay__close {
  color: var(--color-text-tertiary) !important;
}
[data-theme="dark"] .email-vector-overlay__close:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .email-vector-overlay__empty {
  color: var(--color-text-secondary) !important;
}
[data-theme="dark"] .email-vector-overlay__item {
  border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}
[data-theme="dark"] .email-vector-overlay__item:hover,
[data-theme="dark"] .email-vector-overlay__item:focus-visible {
  background: rgba(255, 255, 255, 0.05) !important;
}
[data-theme="dark"] .email-vector-overlay__sender-name {
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .email-vector-overlay__date {
  color: var(--color-text-tertiary) !important;
}
[data-theme="dark"] .email-vector-overlay__subject {
  color: var(--color-text-primary) !important;
}
[data-theme="dark"] .email-vector-overlay__snippet {
  color: var(--color-text-secondary) !important;
}
[data-theme="dark"] .email-adv-search-toggle {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-adv-search-toggle:hover {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-adv-search-row label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-adv-search-row input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.8);
}
[data-theme="dark"] .email-recent-searches {
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 12px rgba(20, 18, 15, 0.4);
}
[data-theme="dark"] .email-recent-searches > div {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-recent-searches > div:hover {
  background: rgba(20, 18, 15, 0.07);
}

[data-theme="dark"] .email-settings-backdrop {
  background: rgba(20, 18, 15, 0.6);
}
[data-theme="dark"] .email-settings-dialog {
  --sk-bg: var(--color-bg);
  --sk-bg-subtle: var(--color-bg);
  --sk-bg-surface: var(--color-card);
  --sk-bg-input: var(--color-card);
  --sk-text: var(--color-text-primary);
  --sk-text-secondary: var(--color-text-secondary);
  --sk-text-muted: var(--color-text-tertiary);
  --sk-text-tertiary: var(--color-text-tertiary);
  --sk-border: var(--color-border);
  --sk-border-medium: var(--color-border);
  --sk-border-strong: var(--color-border);
  --email-control-fill: var(--color-text-primary);
  --email-control-fill-hover: var(--color-text-secondary);
  --email-control-on-fill: var(--color-bg);
  background: var(--color-bg);
  box-shadow: 0 8px 32px rgba(20, 18, 15, 0.5), 0 2px 8px rgba(20, 18, 15, 0.3);
}
[data-theme="dark"] .email-settings-header {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-settings-header h3 {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-close {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-settings-close:hover {
  background: rgba(194, 75, 96, 0.15);
  color: var(--sk-danger);
}
[data-theme="dark"] .email-settings-tabs {
  background: var(--color-bg);
  border-right-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-settings-tab {
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-settings-tab:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-tab:focus-visible {
  outline: none;
  outline-offset: 2px;
}
[data-theme="dark"] .email-settings-tab.active {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-tab.active svg {
  stroke: currentColor;
}
[data-theme="dark"] .email-settings-body {
  background: var(--color-bg);
}
[data-theme="dark"] .email-settings-body--general {
  scrollbar-color: rgba(232, 221, 212, 0.2) transparent;
}
[data-theme="dark"] .email-settings-body--general::-webkit-scrollbar-thumb {
  background: rgba(232, 221, 212, 0.2);
}
[data-theme="dark"] .email-settings-body--general::-webkit-scrollbar-thumb:hover {
  background: rgba(232, 221, 212, 0.3);
}
[data-theme="dark"] .email-settings-section-title {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-section--general .email-settings-form-field {
  border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-settings-section--general .email-settings-toggle-row > span {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-section--general .email-settings-toggle-row select {
  color: var(--color-text-primary);
  background: transparent;
  border-color: transparent;
}
[data-theme="dark"] .email-settings-divider {
  border-top-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .email-settings-snippets-link:hover {
  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.04);
}
[data-theme="dark"] .email-settings-snippets-count {
  background: rgba(110, 138, 126, 0.2);
  color: rgb(148, 197, 174);
}
[data-theme="dark"] .email-settings-empty {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-form-field > label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-form-field input[type="text"],
[data-theme="dark"] .email-settings-form-field input[type="date"],
[data-theme="dark"] .email-settings-form-field select,
[data-theme="dark"] .email-settings-form-field textarea {
  border-color: var(--color-border);
  background: var(--color-card);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-form-field input:focus-visible,
[data-theme="dark"] .email-settings-form-field select:focus-visible,
[data-theme="dark"] .email-settings-form-field textarea:focus-visible {
  outline: none;
  border-color: var(--color-border);
  box-shadow: none;
}
/* Kontrol-styling ejes af email-blod-bolge.css' dark-!important-lag (chevron-
   overlay dér). Kun popup-mekanik her:
   color-scheme makes the OS-drawn popup chrome (and its scrollbar) render dark;
   the option rule keeps entries readable — cream text inherited onto a white
   native popup was unreadable before. Dialog-wide: alle settings-selects. */
[data-theme="dark"] .email-settings-dialog select {
  color-scheme: dark;
}
[data-theme="dark"] .email-settings-dialog select option {
  background-color: var(--color-card, #2b2a27);
  color: rgba(255, 255, 255, 0.9);
}
[data-theme="dark"] .email-settings-toggle-row {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-toggle-track {
  background: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .email-settings-toggle-track::after {
  background: var(--color-text-primary);
  box-shadow: 0 1px 3px rgba(20, 18, 15, 0.4);
}
[data-theme="dark"] .email-settings-toggle-label input:checked + .email-settings-toggle-track {
  background: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-toggle-label input:checked + .email-settings-toggle-track::after {
  background: var(--color-card);
}
[data-theme="dark"] .email-settings-toggle-hint {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-checkbox-label {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-rule-item {
  border-color: var(--color-border);
}
[data-theme="dark"] .email-settings-rule-item:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .email-settings-rule-info strong {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-rule-desc {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-rule-edit,
[data-theme="dark"] .email-settings-rule-delete {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-rule-edit:hover {
  background: rgba(20, 18, 15, 0.07);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-rule-delete:hover {
  background: rgba(194, 75, 96, 0.12);
  color: var(--sk-danger);
}
[data-theme="dark"] .email-settings-add-rule-btn {
  border-color: rgba(255, 255, 255, 0.10);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-add-rule-btn:hover {
  background: rgba(20, 18, 15, 0.07);
  border-color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-cond-row select,
[data-theme="dark"] .email-settings-action-row select {
  border-color: var(--color-border);
  color: var(--color-text-primary);
  background: var(--color-card);
}
[data-theme="dark"] .email-settings-cond-val {
  border-color: var(--color-border);
  color: var(--color-text-primary);
  background: var(--color-card);
}
[data-theme="dark"] .email-settings-cond-remove,
[data-theme="dark"] .email-settings-action-remove {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-settings-cond-remove:hover,
[data-theme="dark"] .email-settings-action-remove:hover {
  background: rgba(194, 75, 96, 0.12);
  color: var(--sk-danger);
}
[data-theme="dark"] .email-settings-add-cond,
[data-theme="dark"] .email-settings-add-action {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-add-cond:hover,
[data-theme="dark"] .email-settings-add-action:hover {
  background: rgba(20, 18, 15, 0.07);
}
[data-theme="dark"] .email-settings-back-btn {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-settings-back-btn:hover {
  background: rgba(20, 18, 15, 0.07);
}
[data-theme="dark"] .email-settings-cancel-rule {
  border-color: var(--color-border);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-settings-cancel-rule:hover {
  background: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-settings-default-btn {
  border-color: var(--color-border);
  color: var(--color-text-secondary);
}
[data-theme="dark"] .email-settings-default-btn:hover {
  background: rgba(20, 18, 15, 0.07);
  border-color: var(--color-text-primary);
  color: var(--color-text-primary);
}
[data-theme="dark"] .sig-link-overlay {
  background: rgba(20, 18, 15, 0.64);
}
[data-theme="dark"] .sig-image-panel {
  background: var(--sk-bg-surface);
  border-color: var(--sk-border);
  box-shadow: 0 4px 16px rgba(20, 18, 15, 0.4);
}
[data-theme="dark"] .sig-image-panel button {
  color: var(--sk-text);
}
[data-theme="dark"] .sig-image-panel button:hover {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .sig-link-dialog {
  background: var(--sk-bg-surface);
  border-color: var(--sk-border);
  color: var(--sk-text);
  box-shadow: 0 18px 48px rgba(20, 18, 15, 0.5), 0 2px 10px rgba(20, 18, 15, 0.36);
}
[data-theme="dark"] .sig-link-field label {
  color: var(--sk-text-secondary);
}
[data-theme="dark"] .sig-link-field input {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--sk-border);
  color: var(--sk-text);
}
[data-theme="dark"] .sig-html-paste-dialog textarea {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--sk-border);
  color: var(--sk-text);
}
[data-theme="dark"] .sig-link-field input::placeholder,
[data-theme="dark"] .sig-html-paste-dialog textarea::placeholder {
  color: var(--sk-text-tertiary);
}
[data-theme="dark"] .sig-link-field input:focus-visible,
[data-theme="dark"] .sig-html-paste-dialog textarea:focus {
  border-color: var(--color-text-primary);
  box-shadow: none;
  outline: none;
}
[data-theme="dark"] .sig-link-cancel,
[data-theme="dark"] .sig-link-remove {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--sk-border);
  color: var(--sk-text-secondary);
}
[data-theme="dark"] .sig-link-cancel:hover,
[data-theme="dark"] .sig-link-cancel:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  color: var(--sk-text);
}
[data-theme="dark"] .sig-link-ok {
  background: var(--email-control-fill);
  border-color: var(--email-control-fill);
  color: var(--email-control-on-fill);
}
[data-theme="dark"] .sig-link-ok:hover,
[data-theme="dark"] .sig-link-ok:focus-visible {
  background: var(--email-control-fill-hover);
  border-color: var(--email-control-fill-hover);
  color: var(--email-control-on-fill);
}
[data-theme="dark"] .sig-editor-area hr,
[data-theme="dark"] .sig-preview-content hr {
  border-top-color: rgba(255, 255, 255, 0.10);
}
[data-theme="dark"] .email-vacation-banner {
  background: rgba(202, 138, 4, 0.12);
  border-bottom-color: rgba(202, 138, 4, 0.20);
  color: var(--sk-warning);
}
[data-theme="dark"] .email-vacation-banner-close {
  color: var(--sk-warning);
}
[data-theme="dark"] .email-vacation-banner-close:hover {
  background: rgba(202, 138, 4, 0.15);
}
@media (max-width: 767px) {
  [data-theme="dark"] .email-settings-tabs {
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  [data-theme="dark"] .email-settings-tab.active {
    background: transparent;
    border-bottom-color: var(--color-text-primary);
  }
}

[data-theme="dark"] .email-contacts-backdrop {
  background: rgba(20, 18, 15, 0.6);
}

[data-theme="dark"] .email-contacts-dialog {
  background: var(--color-card);
  box-shadow: 0 12px 40px rgba(20, 18, 15, 0.44), 0 4px 12px rgba(20, 18, 15, 0.24);
}
[data-theme="dark"] .email-contacts-header {
  border-bottom-color: var(--color-border);
}
[data-theme="dark"] .email-contacts-header h3 {
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-contacts-add-btn {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-contacts-export-btn {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contacts-close {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contacts-close:hover {
  background: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .email-contacts-search input {
  background: var(--color-bg);
  color: var(--color-text-tertiary);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .email-contacts-search input::placeholder {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contacts-tab {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contacts-tab.active {
  background: var(--color-text-tertiary);
  color: var(--color-bg);
  border-color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contact-row {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-contact-row:hover {
  background: rgba(20, 18, 15, 0.04);
}
[data-theme="dark"] .email-contacts-body > div[style*="text-align:center"] {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contact-action {
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contact-action:hover {
  background: rgba(20, 18, 15, 0.04);
  border-color: rgba(20, 18, 15, 0.12);
}
[data-theme="dark"] .email-contact-action.danger {
  color: var(--sk-danger);
  border-color: rgba(194, 75, 96, 0.2);
}
[data-theme="dark"] .email-contact-action.danger:hover {
  background: rgba(194, 75, 96, 0.08);
}
[data-theme="dark"] .email-contacts-body input[type="text"],
[data-theme="dark"] .email-contacts-body input[type="email"] {
  background: var(--color-bg);
  color: var(--color-text-tertiary);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .email-contacts-body input::placeholder {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-contacts-body label {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .group-toggle-btn {
  color: var(--color-text-tertiary);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .email-contact-group {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .delete-group-btn,
[data-theme="dark"] .remove-from-group-btn {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .delete-group-btn:hover,
[data-theme="dark"] .remove-from-group-btn:hover {
  color: var(--sk-danger);
}
[data-theme="dark"] .create-first-group {
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--color-text-primary);
}
[data-theme="dark"] .new-group-name {
  background: var(--color-bg);
  color: var(--color-text-tertiary);
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .email-reminder-dropdown {
  background: var(--color-card);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 16px rgba(20, 18, 15, 0.5);
}
[data-theme="dark"] .remove-reminder-btn {
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .remove-reminder-btn:hover {
  color: var(--sk-danger);
}

[data-theme="dark"] .email-lightbox-backdrop {
  background: rgba(20, 18, 15, 0.85);
}
[data-theme="dark"] .email-lightbox-download,
[data-theme="dark"] .email-lightbox-close,
[data-theme="dark"] .email-lightbox-prev,
[data-theme="dark"] .email-lightbox-next {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .email-lightbox-download:hover,
[data-theme="dark"] .email-lightbox-close:hover,
[data-theme="dark"] .email-lightbox-prev:hover,
[data-theme="dark"] .email-lightbox-next:hover {
  background: rgba(255, 255, 255, 0.2);
}
[data-theme="dark"] .email-lightbox-caption {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-list-empty-icon {
  color: var(--color-text-tertiary);
}

[data-theme="dark"] .email-toast-info {
  border-left: 3px solid var(--color-primary);
}
[data-theme="dark"] .email-toast-success {
  border-left: 3px solid var(--color-success);
}
[data-theme="dark"] .email-toast-error {
  border-left: 3px solid var(--color-error);
}

[data-theme="dark"] .email-ai-summary-line {
  color: var(--color-text-secondary);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .email-ai-shimmer {
  background: linear-gradient(90deg, var(--color-card) 25%, rgba(255,255,255,0.06) 50%, var(--color-card) 75%);
  background-size: 200% 100%;
}
[data-theme="dark"] .email-tone-bar {
  background: var(--color-card);
  border-top-color: rgba(255, 255, 255, 0.06);
  color: var(--color-text-tertiary);
}
[data-theme="dark"] .email-tone-bar button {
  background: var(--color-bg);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}
[data-theme="dark"] .email-tone-bar button:hover {
  background: rgba(20, 18, 15, 0.04);
  border-color: var(--color-text-primary);
}
[data-theme="dark"] .email-tone-custom-input {
  background: var(--color-bg);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-demo-banner {
  background: rgba(255,193,7,0.12);
  color: var(--sk-warning);
}

[data-theme="dark"] .email-demo-tag {
  background: rgba(255,193,7,0.15);
  color: var(--sk-warning);
}

[data-theme="dark"] .email-toolbar-connect-btn {
  border-color: var(--email-control-fill);
  color: var(--email-control-fill);
}

[data-theme="dark"] .email-toolbar-connect-btn:hover {
  background: var(--email-control-fill);
  color: var(--email-control-on-fill);
}

[data-theme="dark"] .email-labels-section {
  color: rgba(255,255,255,0.35);
  border-top-color: rgba(255,255,255,0.08);
}

[data-theme="dark"] .email-labels-add-btn {
  color: rgba(255,255,255,0.45);
}

[data-theme="dark"] .email-labels-add-btn:hover {
  color: rgba(255,255,255,0.65);
}

[data-theme="dark"] .email-labels-add-btn:hover::before {
  background: rgba(255,255,255,0.08);
}

[data-theme="dark"] .email-label-form {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .email-label-form input[type="text"] {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.07);
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-label-form input[type="text"]:focus,
[data-theme="dark"] .email-label-form input[type="text"]:focus-visible {
  outline: none;
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: none;
}

[data-theme="dark"] .email-label-form input[type="text"]::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .email-label-swatch {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .email-label-swatch.selected {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.90), 0 0 0 2px rgba(255,255,255,0.45);
}

[data-theme="dark"] .email-label-create-btn {
  background: rgb(74,122,104);
  color: rgb(255,254,251);
}

[data-theme="dark"] .email-label-create-btn:hover {
  background: rgb(64,108,91);
}

[data-theme="dark"] .email-label-cancel-btn {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .email-label-cancel-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.70);
}

[data-theme="dark"] .calm-ctx-menu {
  background: var(--color-card, #2A2520);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow:
    0 4px 20px rgba(10, 8, 6, 0.50),
    0 1px 3px rgba(10, 8, 6, 0.30);
}

[data-theme="dark"] .calm-ctx-header strong {
  color: var(--color-text-primary, #F0EBE5);
}

[data-theme="dark"] .calm-ctx-header {
  color: rgba(240, 235, 229, 0.60);
}

[data-theme="dark"] .calm-ctx-hcount {
  color: rgba(240, 235, 229, 0.40);
}

[data-theme="dark"] .calm-ctx-divider {
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .calm-ctx-item {
  color: var(--color-text-primary, #F0EBE5);
}

[data-theme="dark"] .calm-ctx-item:hover,
[data-theme="dark"] .calm-ctx-item:focus-visible {
  background: rgba(110, 138, 126, 0.14);
}

[data-theme="dark"] .calm-ctx-item.calm-ctx-danger {
  color: #D4836F;
}

[data-theme="dark"] .calm-ctx-item.calm-ctx-danger:hover,
[data-theme="dark"] .calm-ctx-item.calm-ctx-danger:focus-visible {
  background: rgba(212, 131, 111, 0.10);
}

[data-theme="dark"] .calm-ctx-ico {
  color: #7EA895;
}

[data-theme="dark"] .calm-ctx-item.calm-ctx-danger .calm-ctx-ico {
  color: #D4836F;
}

[data-theme="dark"] .calm-ctx-shortcut {
  color: rgba(240, 235, 229, 0.35);
}

[data-theme="dark"] .calm-ctx-inline-rename {
  background: var(--color-card, #2A2520);
  color: var(--color-text-primary, #F0EBE5);
  border-color: rgba(110, 138, 126, 0.35);
}

[data-theme="dark"] .calm-ctx-confirm-backdrop {
  background: rgba(10, 8, 6, 0.50);
}

[data-theme="dark"] .calm-ctx-confirm {
  background: var(--color-card, #2A2520);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow:
    0 8px 32px rgba(10, 8, 6, 0.50),
    0 2px 6px rgba(10, 8, 6, 0.30);
}

[data-theme="dark"] .calm-ctx-confirm-title {
  color: var(--color-text-primary, #F0EBE5);
}

[data-theme="dark"] .calm-ctx-confirm-desc {
  color: rgba(240, 235, 229, 0.60);
}

[data-theme="dark"] .calm-ctx-confirm-cancel {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary, #F0EBE5);
}

[data-theme="dark"] .calm-ctx-confirm-cancel:hover {
  background: rgba(255, 255, 255, 0.14);
}

[data-theme="dark"] .email-label-dropdown {
  background: var(--color-card);
  border-color: rgba(255,255,255,0.10);
  box-shadow: 0 4px 20px rgba(20, 18, 15, 0.40);
}

[data-theme="dark"] .email-label-dropdown-title {
  color: rgba(255,255,255,0.35);
}

[data-theme="dark"] .email-label-dropdown-item {
  color: var(--color-text-primary);
}

[data-theme="dark"] .email-label-dropdown-item:hover {
  background: rgba(255,255,255,0.06);
}

[data-theme="dark"] .email-label-dropdown-empty {
  color: rgba(255,255,255,0.35);
}

/* =========================================================================
   Dark mode: schedule-send dropdown trigger + confirm.
   Light-mode (email-compose.css) hardcodes background: var(--sk-text) on the
   arrow split-button and confirm button, which inherits as black on dark
   backgrounds and clashes with the rest of the composer. Route them through
   --email-control-fill (already mapped per-theme in email-variables.css)
   plus the dark surface tokens for the wrapper + dropdown chrome.
   ========================================================================= */
[data-theme="dark"] .email-schedule-wrapper {
  background: transparent;
  border-radius: var(--radius-md);
}

[data-theme="dark"] .email-schedule-wrapper .btn-primary {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[data-theme="dark"] .email-schedule-arrow {
  background: var(--email-control-fill) !important;
  color: var(--email-control-on-fill) !important;
  border-left-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .email-schedule-arrow:hover,
[data-theme="dark"] .email-schedule-arrow:focus-visible {
  background: var(--email-control-fill-hover) !important;
  color: var(--email-control-on-fill) !important;
  outline: none;
}

[data-theme="dark"] .email-schedule-confirm {
  background: var(--email-control-fill) !important;
  color: var(--email-control-on-fill) !important;
  border-color: var(--email-control-fill) !important;
}

[data-theme="dark"] .email-schedule-confirm:hover,
[data-theme="dark"] .email-schedule-confirm:focus-visible {
  background: var(--email-control-fill-hover) !important;
  color: var(--email-control-on-fill) !important;
  outline: none;
}

/* =========================================================================
   Dark mode: send button area inside .email-compose-footer.
   The send button has class="btn btn-primary btn-sm" id="email-compose-send";
   the existing rule scoped on .email-compose-send (class) never matches the
   real markup. Pin the id-scoped rule to the same dark control tokens so
   the button stays legible against the dark footer surface.
   ========================================================================= */
[data-theme="dark"] .email-compose-footer #email-compose-send,
[data-theme="dark"] .email-compose-footer #email-compose-send.btn,
[data-theme="dark"] .email-compose-footer #email-compose-send.btn-primary {
  background: var(--email-control-fill) !important;
  border-color: var(--email-control-fill) !important;
  color: var(--email-control-on-fill) !important;
  box-shadow: 0 2px 8px rgba(20, 18, 15, 0.18);
}

[data-theme="dark"] .email-compose-footer #email-compose-send:hover,
[data-theme="dark"] .email-compose-footer #email-compose-send:focus-visible {
  background: var(--email-control-fill-hover) !important;
  border-color: var(--email-control-fill-hover) !important;
  color: var(--email-control-on-fill) !important;
  outline: none;
}

[data-theme="dark"] .ect-tts-controls {
  background: var(--color-card, #2a2520);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.30);
  color: var(--color-text-primary, #e8ddd4);
}

[data-theme="dark"] .ect-tts-control {
  color: var(--color-text-secondary, #a89888);
}

[data-theme="dark"] .ect-tts-control:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-primary, #e8ddd4);
}

[data-theme="dark"] .ect-tts-control:focus-visible {
  outline-color: #90B4A4;
}

[data-theme="dark"] .ect-tts-progress {
  background: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .ect-tts-progress-fill {
  background: #90B4A4;
}

/* ── Search palette dark mode (#3537) ──────────────────────────── */
[data-theme="dark"] #ss-email-palette-overlay {
  background: rgba(10, 10, 12, 0.55);
}
[data-theme="dark"] #ss-email-palette {
  background: #1e1e2d;
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow:
    0 24px 60px -12px rgba(0, 0, 0, .50),
    0 6px 18px -8px rgba(0, 0, 0, .30);
}
[data-theme="dark"] .ss-pal-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .ss-pal-header svg {
  color: #8a847d;
}
[data-theme="dark"] #ss-pal-input {
  color: #e0e0e8;
}
[data-theme="dark"] #ss-pal-input::placeholder {
  color: rgba(255, 255, 255, 0.32);
}
[data-theme="dark"] .ss-pal-close {
  background: rgba(255, 255, 255, 0.08);
  color: #b0aaa2;
}
[data-theme="dark"] .ss-pal-close:hover {
  background: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .ss-pal-section {
  color: #8a847d;
}
/* !important on the dark twins: the sibling .ss-pal-section proves plain rules
   already win here on specificity (verified: no dark rule sets these props with
   !important), but the repo's dark-mode convention — and the hostile gate that
   enforces it — expect dark overrides to carry !important. It is harmless belt-
   and-suspenders that also survives any future bundled dark rule. */
[data-theme="dark"] .ss-pal-answer {
  background: rgba(124, 184, 164, 0.10) !important;
}
[data-theme="dark"] .ss-pal-answer-text {
  color: #CFE5DB !important;
}
[data-theme="dark"] .ss-pal-answer-speak {
  color: #7CB8A4 !important;
}
[data-theme="dark"] .ss-pal-answer-speak:hover,
[data-theme="dark"] .ss-pal-answer-speak.is-playing {
  background: rgba(124, 184, 164, 0.14) !important;
}
[data-theme="dark"] .ss-pal-answer-speak:focus-visible {
  outline-color: #7CB8A4 !important;
}
[data-theme="dark"] .ss-pal-row:hover,
[data-theme="dark"] .ss-pal-row.ss-active {
  background: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .ss-pal-row-icon {
  background: rgba(255, 255, 255, 0.06);
  color: #90B4A4;
}
[data-theme="dark"] .ss-pal-row-title {
  color: #e0e0e8;
}
[data-theme="dark"] .ss-pal-row-sub {
  color: #8a847d;
}
[data-theme="dark"] .ss-pal-row-date {
  color: #8a847d;
}
[data-theme="dark"] .ss-pal-row-remove {
  color: #8a847d;
}
[data-theme="dark"] .ss-pal-row-remove:hover {
  background: rgba(166, 89, 75, 0.18);
  color: #d4796a;
}
[data-theme="dark"] .ss-pal-empty {
  color: #8a847d;
}
[data-theme="dark"] .ss-pal-loading {
  color: #8a847d;
}