/* Cadence dark mode — loaded after styles.css. Toggle: html[data-theme="dark"] */

.crm-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 4px;
  font-weight: 700;
  color: inherit;
  cursor: pointer;
  user-select: none;
}

.crm-theme-toggle input {
  width: auto;
  margin: 0;
  accent-color: #818cf8;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background: #0b1220;
  color: #e5e7eb;
}

html[data-theme="dark"] .container,
html[data-theme="dark"] main.container {
  background: transparent;
  color: #e5e7eb;
}

html[data-theme="dark"] .topbar h1,
html[data-theme="dark"] .agile-heading-text,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] label,
html[data-theme="dark"] .contact-modal-field-label {
  color: #f1f5f9;
}

html[data-theme="dark"] .page-campaigns .topbar h1,
html[data-theme="dark"] .page-campaigns .topbar .agile-heading-text {
  color: #000000 !important;
}

html[data-theme="dark"] .contact-modal-card {
  background: #ffffff;
}

html[data-theme="dark"] .contact-modal-header h3 {
  color: #000000 !important;
}

html[data-theme="dark"] .contact-modal-form .contact-modal-field-label,
html[data-theme="dark"] .contact-modal-card label {
  color: #f8fafc !important;
}

html[data-theme="dark"] .contact-modal-form input::placeholder,
html[data-theme="dark"] .contact-modal-form textarea::placeholder {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .hint,
html[data-theme="dark"] .pipeline-intro,
html[data-theme="dark"] p.hint {
  color: #94a3b8;
}

html[data-theme="dark"] a:not(.agile-nav-inner a):not(.agile-brand-link) {
  color: #a5b4fc;
}

html[data-theme="dark"] .settings-layout,
html[data-theme="dark"] .settings-main,
html[data-theme="dark"] .contact-summary-panel,
html[data-theme="dark"] .contact-details-layout,
html[data-theme="dark"] .page-contacts-leads .compact-panel {
  background: #151c2c;
  color: #e5e7eb;
}

html[data-theme="dark"] .panel,
html[data-theme="dark"] .compact-panel,
html[data-theme="dark"] .contact-summary-panel,
html[data-theme="dark"] .contact-summary-main-card,
html[data-theme="dark"] .contact-ai-panel,
html[data-theme="dark"] .settings-sidebar,
html[data-theme="dark"] .contact-modal,
html[data-theme="dark"] .contact-modal-form,
html[data-theme="dark"] .campaign-ai-builder-panel,
html[data-theme="dark"] .campaign-starter-panel,
html[data-theme="dark"] .campaign-builder-shell,
html[data-theme="dark"] .journey-editor-layout,
html[data-theme="dark"] .email-ai-draft-panel {
  background: #151c2c;
  border-color: #2a3550;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  color: #e5e7eb;
}

html[data-theme="dark"] .contact-field-box,
html[data-theme="dark"] .contact-summary-field-group,
html[data-theme="dark"] .settings-runtime-section,
html[data-theme="dark"] .settings-setup-status-card,
html[data-theme="dark"] .help-topic {
  background: #12192a;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #0f172a !important;
  color: #f1f5f9 !important;
  border-color: #64748b !important;
  color-scheme: dark;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #64748b;
}

html[data-theme="dark"] option {
  background: #0f172a;
  color: #f1f5f9;
}

html[data-theme="dark"] code,
html[data-theme="dark"] pre {
  background: #0f172a;
  color: #e2e8f0;
  border-color: #334155;
}

html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td {
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .contact-name,
html[data-theme="dark"] .contact-name-hit,
html[data-theme="dark"] .contacts-layout-panel .contact-name {
  color: #ffffff !important;
}

html[data-theme="dark"] .contact-sub,
html[data-theme="dark"] .contacts-layout-panel .contact-sub {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] thead th,
html[data-theme="dark"] .contacts-main thead th {
  background: #1e293b;
  color: #f8fafc;
}

html[data-theme="dark"] .contacts-main tbody tr:nth-child(odd),
html[data-theme="dark"] tbody tr:nth-child(odd) {
  background: #151c2c;
}

html[data-theme="dark"] .contacts-main tbody tr:nth-child(even),
html[data-theme="dark"] tbody tr:nth-child(even) {
  background: #12192a;
}

html[data-theme="dark"] tbody tr:hover {
  background: #243049;
}

html[data-theme="dark"] .contacts-main tbody tr:hover,
html[data-theme="dark"] #contactsBody tr:hover,
html[data-theme="dark"] .page-contacts-leads tbody tr:hover,
html[data-theme="dark"] .contacts-main tbody tr:has(.row-select:checked),
html[data-theme="dark"] #contactsBody tr:has(.row-select:checked) {
  background: #d6dee8 !important;
}

html[data-theme="dark"] .contacts-main tbody tr:hover td,
html[data-theme="dark"] .contacts-main tbody tr:hover .contact-name,
html[data-theme="dark"] .contacts-main tbody tr:hover .contact-name-hit,
html[data-theme="dark"] .contacts-main tbody tr:hover .contact-sub,
html[data-theme="dark"] #contactsBody tr:hover td,
html[data-theme="dark"] #contactsBody tr:hover .contact-name,
html[data-theme="dark"] #contactsBody tr:hover .contact-name-hit,
html[data-theme="dark"] #contactsBody tr:hover .contact-sub,
html[data-theme="dark"] .contacts-main tbody tr:has(.row-select:checked) td,
html[data-theme="dark"] .contacts-main tbody tr:has(.row-select:checked) .contact-name,
html[data-theme="dark"] .contacts-main tbody tr:has(.row-select:checked) .contact-name-hit,
html[data-theme="dark"] .contacts-main tbody tr:has(.row-select:checked) .contact-sub,
html[data-theme="dark"] #contactsBody tr:has(.row-select:checked) .contact-name,
html[data-theme="dark"] #contactsBody tr:has(.row-select:checked) .contact-name-hit,
html[data-theme="dark"] #contactsBody tr:has(.row-select:checked) .contact-sub {
  color: #000000 !important;
}

html[data-theme="dark"] .contacts-main ::selection,
html[data-theme="dark"] #contactsBody ::selection {
  background: #93c5fd;
  color: #000000;
}

html[data-theme="dark"] .pipeline-kpi,
html[data-theme="dark"] .pipeline-column,
html[data-theme="dark"] .pipeline-ai-bar,
html[data-theme="dark"] .pipeline-next-actions {
  background: #151c2c;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .pipeline-column header,
html[data-theme="dark"] .pipeline-kpi-label {
  color: #cbd5e1;
}

html[data-theme="dark"] .pipeline-card,
html[data-theme="dark"] .contact-summary-more-actions {
  background: #1a2234;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .page-settings .settings-nav-link {
  background: #12192a;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .page-settings .settings-nav-link:hover,
html[data-theme="dark"] .page-settings .settings-nav-link.is-active {
  background: #1e293b;
  border-color: #6366f1;
}

html[data-theme="dark"] .page-settings .settings-nav-link-title,
html[data-theme="dark"] .page-settings .settings-sidebar-title {
  color: #f1f5f9;
}

html[data-theme="dark"] .page-settings .settings-nav-link-desc,
html[data-theme="dark"] .page-settings .settings-nav-group-label {
  color: #94a3b8;
}

html[data-theme="dark"] .crm-logout-btn,
html[data-theme="dark"] .crm-logout-btn.danger {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #475569 !important;
}

html[data-theme="dark"] .crm-logout-btn:hover {
  background: #334155 !important;
}

html[data-theme="dark"] .contact-modal-backdrop {
  background: rgba(2, 6, 23, 0.72);
}

html[data-theme="dark"] .contact-summary-identity-meta,
html[data-theme="dark"] .contact-summary-age-row,
html[data-theme="dark"] .contact-summary-notes {
  color: #cbd5e1;
}

html[data-theme="dark"] .filter-toolbar,
html[data-theme="dark"] .contacts-empty-state,
html[data-theme="dark"] .morning-briefing,
html[data-theme="dark"] .home-card,
html[data-theme="dark"] .assistant-panel,
html[data-theme="dark"] .calendar-board,
html[data-theme="dark"] .activities-panel {
  background: #151c2c;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .cd-field-grid .contact-field-box,
html[data-theme="dark"] .contact-details-form-split,
html[data-theme="dark"] .contact-history-list,
html[data-theme="dark"] .contact-history-item {
  background: #12192a;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .campaign-section-title,
html[data-theme="dark"] .campaign-section-title span,
html[data-theme="dark"] .campaign-steps-header strong {
  color: #e2e8f0;
}

html[data-theme="dark"] .campaign-ai-preview,
html[data-theme="dark"] #campaignAiPreview {
  background: #12192a;
  border-color: #2a3550;
}

html[data-theme="dark"] .crm-loading-card {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #64748b !important;
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #0f172a inset !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  caret-color: #f1f5f9;
}

html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.75;
}

/* Contact Details — beat light !important field + card rules */
html[data-theme="dark"] #contactPageForm #cd-panel-info,
html[data-theme="dark"] #contactPageForm #cd-panel-demographics,
html[data-theme="dark"] #contactPageForm #cd-panel-coverage,
html[data-theme="dark"] #contactPageForm #cd-panel-custom-fields,
html[data-theme="dark"] #contactPageForm #cd-panel-notes,
html[data-theme="dark"] #contactPageForm #cd-panel-tasks,
html[data-theme="dark"] .contact-details-section,
html[data-theme="dark"] .contact-details-section--priority,
html[data-theme="dark"] .contact-details-section--lead-details,
html[data-theme="dark"] .contact-details-form-split,
html[data-theme="dark"] .contact-task-form,
html[data-theme="dark"] .contact-task-item,
html[data-theme="dark"] .contact-history-item,
html[data-theme="dark"] .contact-history-item-sold-change,
html[data-theme="dark"] .contact-history-item-follow-up,
html[data-theme="dark"] .contact-history-action-menu,
html[data-theme="dark"] .contact-summary-field-group,
html[data-theme="dark"] .contact-summary-main-card,
html[data-theme="dark"] .contact-summary-more-actions,
html[data-theme="dark"] .contact-summary-primary-actions--top .contact-summary-more-actions {
  background: #151c2c !important;
  border-color: #2a3550 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] body.contact-full-mode .contact-details-redesign-col--right > .contact-details-section,
html[data-theme="dark"] .contact-details-redesign-col--right > .contact-details-section {
  background: #1a2336 !important;
  border-color: #2a3550 !important;
}

html[data-theme="dark"] .contact-details-section-hint {
  color: #94a3b8;
}

html[data-theme="dark"] button.contact-notes-resize-handle,
html[data-theme="dark"] .contact-notes-resize-handle {
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-theme="dark"] .contact-notes-resize-handle::before {
  background: #475569;
}

html[data-theme="dark"] button.contact-notes-resize-handle:hover,
html[data-theme="dark"] button.contact-notes-resize-handle:focus-visible,
html[data-theme="dark"] .contact-notes-resize-handle:hover,
html[data-theme="dark"] .contact-notes-resize-handle:focus-visible {
  background: transparent;
  box-shadow: none;
}

html[data-theme="dark"] .contact-notes-resize-handle:hover::before,
html[data-theme="dark"] .contact-notes-resize-handle:focus-visible::before {
  background: #94a3b8;
}

html[data-theme="dark"] .contact-details-section h3,
html[data-theme="dark"] .contact-details-sensitive-section summary,
html[data-theme="dark"] #contactPageForm #cd-panel-info::before,
html[data-theme="dark"] #contactPageForm #cd-panel-demographics::before,
html[data-theme="dark"] #contactPageForm #cd-panel-coverage::before,
html[data-theme="dark"] #contactPageForm #cd-panel-custom-fields::before,
html[data-theme="dark"] #contactPageForm #cd-panel-notes::before {
  color: #c7d2fe !important;
  border-bottom-color: #2a3550 !important;
}

html[data-theme="dark"] .contact-details-sticky-save {
  background: rgba(15, 23, 42, 0.96) !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .contact-details-sticky-save.is-saved {
  background: rgba(20, 83, 45, 0.92) !important;
  border-color: #166534 !important;
  color: #86efac !important;
}

html[data-theme="dark"] body.contact-full-mode #contactPageForm input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
html[data-theme="dark"] body.contact-full-mode #contactPageForm select,
html[data-theme="dark"] body.contact-full-mode #contactPageForm textarea,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input:not([type="hidden"]):not(#first_name):not(#last_name):not(#email):not(#primary_phone):not(#quote),
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > select,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > textarea,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-status-box > select,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > .crm-password-wrap > input,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input#first_name,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input#last_name,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input#email,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input#primary_phone,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input#quote,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid #contactStatusSelect,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid #contactOutcomeSelect,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-quote-emphasis input#quote,
html[data-theme="dark"] body.contact-full-mode #contactPageForm #cd-panel-coverage input#quote,
html[data-theme="dark"] body.contact-full-mode #contactPageForm input[type="date"],
html[data-theme="dark"] body.contact-full-mode #contactPageForm input[type="time"],
html[data-theme="dark"] body.contact-full-mode #contactPageForm input[type="datetime-local"],
html[data-theme="dark"] #contactPageForm input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
html[data-theme="dark"] #contactPageForm select,
html[data-theme="dark"] #contactPageForm textarea,
html[data-theme="dark"] #contactModalForm input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
html[data-theme="dark"] #contactModalForm select,
html[data-theme="dark"] #contactModalForm textarea {
  background: #0f172a !important;
  color: #f1f5f9 !important;
  border-color: #64748b !important;
  color-scheme: dark;
}

html[data-theme="dark"] .contact-full-mode #contactPageForm .contact-modal-field-label,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-modal-field-label:not([for="first_name"]):not([for="last_name"]):not([for="email"]):not([for="primary_phone"]):not([for="quote"]),
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-status-box .contact-modal-field-label,
html[data-theme="dark"] .contact-field-hint,
html[data-theme="dark"] .contact-follow-up-hint,
html[data-theme="dark"] #contactPageForm .hint {
  color: #e2e8f0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-modal-field-label[for="quote"],
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-quote-emphasis .contact-modal-field-label[for="quote"],
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-details-section-grid .contact-field-box > input#quote,
html[data-theme="dark"] body.contact-full-mode #contactPageForm .contact-quote-emphasis input#quote {
  color: #93c5fd !important;
}

html[data-theme="dark"] .contact-summary-name,
html[data-theme="dark"] .contact-summary-key-value,
html[data-theme="dark"] .contact-summary-quote,
html[data-theme="dark"] .contact-summary-more-actions summary,
html[data-theme="dark"] .contact-summary-primary-actions--top .contact-summary-more-actions summary {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .contact-ai-tab.is-active {
  background: #1e293b !important;
  color: #e0e7ff !important;
  border-color: #6366f1 !important;
}

html[data-theme="dark"] .menu-btn {
  background: transparent !important;
  color: #94a3b8 !important;
}

html[data-theme="dark"] .menu-btn:hover {
  background: #243049 !important;
}

html[data-theme="dark"] .contact-history-markers {
  color: #93c5fd !important;
}

html[data-theme="dark"] .contacts-topbar-actions #importCsvBtn,
html[data-theme="dark"] .contacts-topbar-import-csv-btn {
  background: #1e293b !important;
  color: #e5e7eb !important;
  border-color: #475569 !important;
}

html[data-theme="dark"] .contacts-topbar-actions #importCsvBtn:hover,
html[data-theme="dark"] .contacts-topbar-import-csv-btn:hover {
  background: #334155 !important;
}

html[data-theme="dark"] .settings-new-agent-panel,
html[data-theme="dark"] .settings-new-agent-panel .settings-new-agent-box,
html[data-theme="dark"] .settings-setup-status,
html[data-theme="dark"] #helpSection .help-topic[open] {
  background: #151c2c !important;
  border-color: #2a3550 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] .settings-new-agent-panel h2,
html[data-theme="dark"] .settings-new-agent-panel .settings-new-agent-box h3,
html[data-theme="dark"] .settings-setup-status-toolbar strong {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .settings-new-agent-panel .settings-new-agent-lead,
html[data-theme="dark"] .settings-new-agent-panel .settings-new-agent-box li,
html[data-theme="dark"] .settings-new-agent-panel .settings-new-agent-foot {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .contact-field-invalid input {
  background: #3f1d1d !important;
  border-color: #ef4444 !important;
}

html[data-theme="dark"] .contact-full-mode #contactPageForm #contactStatusSelect,
html[data-theme="dark"] .contact-full-mode #contactPageForm #contactOutcomeSelect {
  background: #0f172a !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .renewals-stat-label,
html[data-theme="dark"] .activities-window-control {
  color: #94a3b8;
}

html[data-theme="dark"] .renewals-stat-value {
  color: #f8fafc;
}

html[data-theme="dark"] .renewals-stat-overdue .renewals-stat-value,
html[data-theme="dark"] .renewals-days--overdue {
  color: #fca5a5;
}

html[data-theme="dark"] .renewals-days--today,
html[data-theme="dark"] .renewals-days--soon {
  color: #fdba74;
}

html[data-theme="dark"] .renewals-table tbody tr.renewals-row--overdue {
  background: #3f1d1d;
}

html[data-theme="dark"] .renewals-table tbody tr.renewals-row--soon {
  background: #3b2714;
}

html[data-theme="dark"] .attention-kind {
  background: #334155;
  color: #e2e8f0;
}

html[data-theme="dark"] .attention-kind--overdue {
  background: #7f1d1d;
  color: #fecaca;
}

html[data-theme="dark"] .attention-kind--today {
  background: #7c2d12;
  color: #fed7aa;
}

html[data-theme="dark"] .attention-kind--stale {
  background: #312e81;
  color: #c7d2fe;
}

html[data-theme="dark"] .attention-kind--hot {
  background: #78350f;
  color: #fde68a;
}

html[data-theme="dark"] .attention-kind--renewal {
  background: #14532d;
  color: #bbf7d0;
}

html[data-theme="dark"] .attention-stat {
  background: #0f172a;
  border-color: #334155;
  color: #f8fafc;
  box-shadow: none;
}

html[data-theme="dark"] button.attention-stat:hover,
html[data-theme="dark"] button.attention-stat:active,
html[data-theme="dark"] button.attention-stat:focus-visible,
html[data-theme="dark"] .attention-stat:hover {
  background: #1e293b;
  border-color: #475569;
  color: #f8fafc;
  box-shadow: none;
  transform: none;
}

html[data-theme="dark"] .attention-stat.is-active,
html[data-theme="dark"] button.attention-stat.is-active,
html[data-theme="dark"] button.attention-stat.is-active:hover {
  border-color: #818cf8;
  background: #1e1b4b;
  box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.25);
  color: #f8fafc;
}

html[data-theme="dark"] .attention-stat-label,
html[data-theme="dark"] .attention-filter-hint,
html[data-theme="dark"] .attention-item-detail {
  color: #94a3b8;
}

html[data-theme="dark"] .attention-stat-value,
html[data-theme="dark"] .attention-item-name,
html[data-theme="dark"] .attention-item-title {
  color: #f8fafc;
}

html[data-theme="dark"] .attention-item {
  background: #0f172a;
  border-color: #334155;
  color: #f8fafc;
}

html[data-theme="dark"] .attention-item:hover,
html[data-theme="dark"] .attention-item:focus-visible {
  background: #1e293b;
  border-color: #475569;
  color: #f8fafc;
}

html[data-theme="dark"] .attention-item-when {
  color: #cbd5e1;
}

html[data-theme="dark"] .attention-item-cta {
  background: #312e81;
  color: #c7d2fe;
}

html[data-theme="dark"] .attention-empty {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

html[data-theme="dark"] .attention-message {
  color: #86efac;
}

html[data-theme="dark"] .renewals-name {
  color: #93c5fd;
}

html[data-theme="dark"] .pipeline-lead-source-link {
  color: #a5b4fc;
}

html[data-theme="dark"] .activities-window-control select {
  background: #0f172a;
  color: #f1f5f9;
  border-color: #334155;
}

html[data-theme="dark"] .contact-annual-renewal-toggle {
  background: #134e4a;
  border-color: #2dd4bf;
  color: #ccfbf1;
}

html[data-theme="dark"] .crm-setup-card {
  background: #111827;
}

html[data-theme="dark"] .crm-setup-item {
  background: #0f172a;
  border-color: #334155;
}

html[data-theme="dark"] .crm-setup-item.is-done {
  background: #042f2e;
  border-color: #134e4a;
}

html[data-theme="dark"] .crm-setup-item-title {
  color: #f8fafc;
}

html[data-theme="dark"] .crm-setup-item-copy {
  color: #cbd5e1;
}

html[data-theme="dark"] .crm-setup-item-actions input[type="tel"] {
  background: #0b1220;
  color: #f8fafc;
  border-color: #475569;
}

html[data-theme="dark"] .crm-setup-btn--ghost {
  background: #0f172a;
  color: #cbd5e1;
  border-color: #334155;
}

html[data-theme="dark"] .email-image-insert-panel {
  background: #1e293b;
  border-color: #475569;
}

html[data-theme="dark"] .email-image-insert-panel .email-body-image-file-label,
html[data-theme="dark"] .page-send-email .email-body-image-file-label {
  background: #6366f1;
  border-color: #818cf8;
  color: #fff;
}

html[data-theme="dark"] .page-contact-import .import-book-repair {
  background: #1e1b4b;
  border-color: #4338ca;
  color: #e5e7eb;
}

html[data-theme="dark"] .cai-col,
html[data-theme="dark"] .cai-col h3,
html[data-theme="dark"] .cai-col h4,
html[data-theme="dark"] .cai-col p,
html[data-theme="dark"] .cai-col span,
html[data-theme="dark"] .cai-col .cai-title,
html[data-theme="dark"] .cai-col .cai-sub,
html[data-theme="dark"] .cai-col .cai-hint,
html[data-theme="dark"] .cai-col .cai-status,
html[data-theme="dark"] .cai-col .cai-status-text,
html[data-theme="dark"] .cai-col .cai-res {
  color: #ffffff !important;
}

html[data-theme="dark"] .page-role-play .role-play-setup label,
html[data-theme="dark"] .page-role-play .role-play-contact-label,
html[data-theme="dark"] .page-role-play .role-play-chat-kicker {
  color: #cbd5e1;
}

html[data-theme="dark"] .page-role-play .role-play-transcript {
  background: #0f172a;
  border-color: #334155;
}

html[data-theme="dark"] .page-role-play .role-play-bubble--prospect,
html[data-theme="dark"] .page-role-play .role-play-side-card,
html[data-theme="dark"] .page-role-play .assistant-contact-results {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

html[data-theme="dark"] .page-role-play .assistant-contact-empty,
html[data-theme="dark"] .page-role-play .assistant-contact-pick__meta {
  color: #94a3b8;
}

html[data-theme="dark"] .page-role-play .assistant-contact-pick,
html[data-theme="dark"] .page-role-play .assistant-contact-pick:hover {
  background: transparent !important;
  color: #e2e8f0 !important;
  border-bottom-color: #334155 !important;
}

html[data-theme="dark"] .page-role-play .assistant-contact-pick:hover {
  background: #334155 !important;
}

html[data-theme="dark"] .page-role-play .assistant-contact-chip {
  background: #312e81;
  color: #c7d2fe;
}

html[data-theme="dark"] .page-calendar .calendar-panel,
html[data-theme="dark"] .page-calendar .calendar-google-banner {
  background: #151c2c;
  border-color: #2a3550;
  color: #e5e7eb;
}

html[data-theme="dark"] .page-calendar .calendar-month-label {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

html[data-theme="dark"] .page-calendar .calendar-view-tabs {
  background: #0f172a;
  border-color: #334155;
}

html[data-theme="dark"] .page-calendar .calendar-view-tab.is-active {
  background: #1e293b;
  color: #93c5fd;
}

html[data-theme="dark"] .page-calendar .calendar-filter-chip {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .page-calendar .calendar-filter-chip.is-on {
  background: #1e3a5f !important;
  border-color: #3b82f6 !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] .page-calendar .calendar-empty-state {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

html[data-theme="dark"] .page-calendar .calendar-day-cell {
  background: linear-gradient(180deg, #1e293b 0%, #151c2c 100%);
  border-color: #334155;
  color: #e2e8f0;
  box-shadow: none;
}

html[data-theme="dark"] .page-calendar .calendar-day-cell--other {
  opacity: 0.4;
  background: #0f172a;
  border-color: #1e293b;
}

html[data-theme="dark"] .page-calendar .calendar-day-cell--today {
  background: linear-gradient(180deg, #134e4a 0%, #115e59 100%);
  border-color: #2dd4bf;
}

html[data-theme="dark"] .page-calendar .calendar-day-today-badge {
  background: rgba(15, 23, 42, 0.55);
  border-color: rgba(45, 212, 191, 0.4);
  color: #99f6e4;
}

html[data-theme="dark"] .page-calendar .calendar-google-banner--compact {
  background: #0f172a;
  border-color: #334155;
}

html[data-theme="dark"] .page-calendar .calendar-google-banner--connected.calendar-google-banner--compact {
  background: #052e16;
  border-color: #166534;
}

html[data-theme="dark"] .page-calendar .calendar-chip--more {
  background: #1e293b;
  color: #cbd5e1;
}