/* Foreground and surface pairs are scoped to the selected dark theme.
   Do not change typography, spacing, chart data, or the standard theme. */
:root[data-theme="dark"] {
  --text: #e5edf8;
  --surface-2: #1d2b40;
  --border: #465b78;
  --np-bg: #172337;
  --np-card: #172337;
  --np-soft: #22344f;
  --np-text: #e5edf8;
  --np-muted: #b6c6dd;
  --np-line: #465b78;
}

/* Upload labels had a fixed white !important surface and inherited light text. */
:root[data-theme="dark"] .nv-upload-drop {
  background: #1d2f49 !important;
  color: #e5edf8 !important;
  border-color: #839cbe !important;
}
:root[data-theme="dark"] .nv-upload-drop:hover,
:root[data-theme="dark"] .nv-upload-drop.is-dragging {
  background: #294466 !important;
  color: #fff !important;
  border-color: #bdd4ff !important;
}
:root[data-theme="dark"] .nm-history-row .sfa-btn:not(.nm-history-delete),
:root[data-theme="dark"] .nv-timestamp,
:root[data-theme="dark"] .ws-link-button {
  color: #b9d2ff;
}
:root[data-theme="dark"] .nv-bubble-meta strong,
:root[data-theme="dark"] .voice-recorder strong,
:root[data-theme="dark"] .nv-prep-details > summary,
:root[data-theme="dark"] .ws-destination :is(small, span),
:root[data-theme="dark"] .nv-transcript-differences :is(summary, p),
:root[data-theme="dark"] .ws-extra > summary,
:root[data-theme="dark"] .ws-extra .ws-field > label > span,
:root[data-theme="dark"] .ws-evidence :is(summary, blockquote) {
  color: #b6c8e1;
}

:root[data-theme="dark"] .sfa-context,
:root[data-theme="dark"] .sfa-demo-pill {
  color: #bdcfe8;
}
:root[data-theme="dark"] .sfa-view-toggle button.active {
  background: #203856;
  color: #d7e5ff;
}
:root[data-theme="dark"] .sfa-overdue {
  background: #4b2c34;
  color: #ffd4dc;
}
:root[data-theme="dark"] .sfa-danger {
  background: #b9364c;
  border-color: #b9364c;
  color: #fff;
}
:root[data-theme="dark"] .map-cluster {
  background: #bd3043;
  color: #fff;
}

/* The live theme lives on <html>, including drawer content rendered in portals. */
:root[data-theme="dark"] .sales-voice-panel {
  --np-bg: #172337;
  --np-card: #172337;
  --np-soft: #22344f;
  --np-text: #e5edf8;
  --np-muted: #b6c6dd;
  --np-line: #465b78;
  background: var(--np-bg);
  color: var(--np-text);
}
:root[data-theme="dark"] .sales-voice-panel .sv-topline {
  background: #193e39;
  border-color: #466a60;
  color: #b4ebd8;
}
:root[data-theme="dark"] .sales-voice-panel .sv-examples button:hover,
:root[data-theme="dark"] .sales-voice-panel .sv-followups button {
  background: #243b5a;
  border-color: #7692bc;
  color: #dfebff;
}
:root[data-theme="dark"] .sales-voice-panel .sv-examples button > svg {
  color: #bdd2f6;
}
:root[data-theme="dark"] .sales-voice-panel .sv-current-user {
  background: #233755;
  border-color: #526c94;
  color: #e5edf8;
}
:root[data-theme="dark"] .sales-voice-panel .sv-current-user > span,
:root[data-theme="dark"] .sales-voice-panel .sv-before,
:root[data-theme="dark"] .sales-voice-panel .sv-date,
:root[data-theme="dark"] .sales-voice-panel .sv-working {
  color: #bdcfe8;
}
:root[data-theme="dark"] .sales-voice-panel .sv-question {
  background: #403722;
  border-color: #958047;
  color: #f4e5b9;
}
:root[data-theme="dark"] .sales-voice-panel .sv-question > p {
  color: #e0cc94;
}
:root[data-theme="dark"] .sales-voice-panel .sv-choices button {
  background: #263951;
  border-color: #a18b50;
  color: #f4e5b9;
}
:root[data-theme="dark"] .sales-voice-panel .sv-choices button:hover {
  background: #344b69;
}
:root[data-theme="dark"] .sales-voice-panel .sv-number,
:root[data-theme="dark"] .sales-voice-panel .sv-mic {
  background: #29436a;
  border-color: #7692bc;
  color: #dfebff;
}
:root[data-theme="dark"] .sales-voice-panel .sv-mic.is-recording {
  background: #532e39;
  border-color: #ba8191;
  color: #ffd2dd;
}
:root[data-theme="dark"] .sales-voice-panel .sv-section-head,
:root[data-theme="dark"] .sales-voice-panel .sv-success {
  color: #a5e5ce;
}
:root[data-theme="dark"] .sales-voice-panel .sv-error {
  background: #433721;
  border-color: #9c8550;
  color: #f3dba3;
}
:root[data-theme="dark"] .sales-voice-panel :is(.sv-text-button, .sv-file, .sv-secondary) {
  color: #c0d6ff;
}
:root[data-theme="dark"] .sales-voice-panel button:disabled,
:root[data-theme="dark"] .ar-page .ar-assistant .ar-assistant-controls > button:disabled {
  opacity: 1;
  color: #becbe0;
  background: #29384e;
  border-color: #546882;
}