:root {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17130f;
  --bg-subtle: #0f0d0a;
  --canvas: #12100c;
  --canvas-elevated: #1b1712;
  --surface: #211c16;
  --surface-soft: #18140f;
  --card-bg: #211c16;
  --ink: #f5eadc;
  --ink-soft: #d7c8b7;
  --ink-muted: #aa9b89;
  --ink-light: #8f806f;
  --ink-faint: #786b5d;
  --border: rgba(245, 234, 220, 0.16);
  --border-light: rgba(245, 234, 220, 0.1);
  --rule: rgba(245, 234, 220, 0.16);
  --rule-soft: rgba(245, 234, 220, 0.1);
  --accent: #1a6b6b;
  --accent-bg: rgba(26, 107, 107, 0.22);
  --accent-light: rgba(26, 107, 107, 0.18);
  --accent-hover: #2aa0a0;
  --accent-shadow: rgba(26, 107, 107, 0.4);
  --gold: #d9c073;
  --gold-soft: rgba(217, 192, 115, 0.14);
  --green: #76b58f;
  --green-soft: rgba(118, 181, 143, 0.16);
  --terracotta: #dc8968;
  --shadow: rgba(0, 0, 0, 0.34);
  --yoga-pkg-bg: rgba(118, 181, 143, 0.16);
  --yoga-pkg-fg: #9fd5b4;
  --one-on-one-bg: rgba(116, 151, 207, 0.18);
  --one-on-one-fg: #a7c0ea;
  --coaching-bg: rgba(214, 160, 94, 0.16);
  --coaching-fg: #e0bb8b;
  --bodywork-bg: rgba(196, 126, 170, 0.16);
  --bodywork-fg: #dda8ca;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background: var(--bg-subtle);
  color: var(--ink);
}

/* Active pillbar tab needs a real signal in dark mode — the light-mode
   white-card lift is invisible on near-black. Use an accent-tinted state. */
html[data-theme="dark"] .pillbar > .pill.is-active {
  background: var(--accent-bg);
  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
  color: var(--ink);
  box-shadow: none;
  transform: none;
}
html[data-theme="dark"] .pillbar > .pill.is-active > i {
  color: var(--accent-hover);
}

html[data-theme="dark"] body {
  -webkit-font-smoothing: antialiased;
}

html[data-theme="dark"] ::selection {
  background: rgba(217, 192, 115, 0.34);
  color: var(--ink);
}

html[data-theme="dark"] :is(
  .sidebar,
  .header,
  .drawer,
  .drawer-content,
  .drawer-header,
  .drawer-footer,
  .stat-card,
  .client-card,
  .client-detail,
  .session-log,
  .quiet-panel,
  .placeholder-card,
  .toast,
  .modal,
  .popup,
  .dropdown,
  .popover,
  .client-panel,
  .cal-modal,
  .presenter-card,
  .event-card,
  .registration-card,
  .checkout-card,
  .module,
  .practice-card,
  .portal-card,
  .settings-panel,
  .sequence-card,
  .component-card
) {
  background-color: var(--card-bg);
  border-color: var(--border);
  color: var(--ink);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] :is(
  .main,
  .page,
  .shell,
  .widget,
  .live-shell,
  .views-container
) {
  background-color: transparent;
  color: var(--ink);
}

html[data-theme="dark"] :is(
  input,
  textarea,
  select,
  .field-input,
  .field-textarea,
  .field-select,
  .co-field-input,
  .co-card-element,
  .mgmt-search-box,
  .coupon-search,
  .cevt-loc-search,
  .cevt-cap-input,
  .task-composer input
) {
  background-color: #18140f;
  border-color: var(--border);
  color: var(--ink);
}

html[data-theme="dark"] :is(input, textarea, select)::placeholder {
  color: var(--ink-faint);
}

html[data-theme="dark"] :is(
  .btn-secondary,
  .filter-btn,
  .toggle-wrap,
  .chip,
  .cal-btn,
  .nav-brand span,
  .pill,
  .tag-chip,
  .coupon-code,
  .cevt-template-btn,
  .cevt-dt-btn,
  .cevt-tz-badge,
  .cevt-toolbar-btn,
  .cevt-tab-row,
  .cevt-toggle,
  .cevt-currency-badge,
  .client-buttons button,
  .theme-toggle
) {
  background-color: #211c16;
  border-color: var(--border);
  color: var(--ink-soft);
}

html[data-theme="dark"] :is(
  .btn-secondary:hover,
  .filter-btn:hover,
  .chip:hover,
  .cal-btn:hover,
  .cevt-template-btn:hover,
  .cevt-dt-btn:hover,
  .cevt-toolbar-btn:hover,
  .client-buttons button:hover,
  .settings:hover,
  .theme-toggle:hover
) {
  background-color: #2a241c;
  color: var(--ink);
}

html[data-theme="dark"] :is(
  .nav-item:hover,
  .task-row:hover,
  .cevt-template-option:hover,
  .cevt-loc-item:hover,
  .cevt-cal-day:hover
) {
  background-color: #241f18;
}

html[data-theme="dark"] :is(
  .nav-item.active,
  .toggle-btn.active,
  .filter-btn.active,
  .chip.on,
  .cevt-tag-chip.on,
  .cevt-desc-done,
  .cevt-ticket-confirm,
  .co-coupon-apply
) {
  background-color: #efe3d2;
  border-color: #efe3d2;
  color: #17130f;
}

html[data-theme="dark"] :is(
  .nav-item.active .nav-icon,
  .nav-item.active .nav-badge
) {
  color: #17130f;
}

html[data-theme="dark"] :is(
  .sidebar-brand,
  .header,
  .drawer-header,
  .drawer-footer,
  .client-detail-header,
  .client-task,
  .mgmt-section,
  .cevt-popup-header,
  .cevt-desc-toolbar,
  .live-header
) {
  border-color: var(--border);
}

html[data-theme="dark"] :is(
  .sidebar-label,
  .header-sub,
  .stat-label,
  .stat-sub,
  .field-label,
  .home-section-sub,
  .health-note,
  .empty-subtle,
  .client-task p,
  .client-note,
  .topbar-label,
  .card-meta,
  .event-meta,
  .cevt-template-label,
  .cevt-field-placeholder,
  .cevt-field-value small,
  .cevt-toggle-sublabel,
  .cevt-cap-sublabel
) {
  color: var(--ink-muted);
}

html[data-theme="dark"] :is(
  .header-title,
  .home-greeting,
  .home-section-title,
  .stat-value,
  .health-value,
  .field-value,
  .client-card-name,
  .client-task strong,
  .client-panel h2,
  .event-title,
  .card-title,
  h1,
  h2,
  h3
) {
  color: var(--ink);
}

html[data-theme="dark"] :is(
  .page-error,
  .coupon-status.error,
  .co-coupon-status.error,
  .zoom-link-warning
) {
  color: #f09b91;
}

html[data-theme="dark"] :is(
  .status-paid,
  .vd-status-badge.configured,
  .co-coupon-status.ok,
  .coupon-status.ok
) {
  background: rgba(118, 181, 143, 0.16);
  color: #9fd5b4;
}

html[data-theme="dark"] :is(
  .status-free,
  .cevt-template-option.active,
  .cevt-dt-btn.filled,
  .cevt-loc-item.selected
) {
  background: rgba(105, 169, 194, 0.16);
  color: #9bcde1;
}

html[data-theme="dark"] :is(.status-pending, .vd-recipient-status.pending) {
  background: rgba(217, 192, 115, 0.16);
  color: #e5d28a;
}

html[data-theme="dark"] :is(
  .cal-modal-overlay,
  .cevt-overlay,
  .checkout-overlay,
  .page-loading
) {
  background: rgba(6, 5, 4, 0.72);
}

html[data-theme="dark"] :is(
  .cevt-popup,
  .cevt-template-dropdown,
  .cevt-inline-tl,
  .event-card,
  .cal-modal
) {
  background: #211c16;
  border-color: var(--border);
}

html[data-theme="dark"] .cover-image.uploaded-cover {
  background: #18140f;
}

html[data-theme="dark"] :is(.loading-text, .fol-ring) {
  color: var(--ink);
  stroke: currentColor;
}

html[data-theme="dark"] :is(.flatpickr-calendar) {
  background: #211c16;
  border-color: var(--border);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);
}

html[data-theme="dark"] :is(.flatpickr-months, .flatpickr-weekdays, .flatpickr-current-month, .flatpickr-weekday, .flatpickr-day) {
  color: var(--ink);
}

html[data-theme="dark"] .flatpickr-day:hover {
  background: #2a241c;
  border-color: #2a241c;
}

html[data-theme="dark"] .flatpickr-day.selected {
  background: var(--accent);
  border-color: var(--accent);
  color: #10120f;
}

html[data-theme="dark"] :is(
  .um-levels-panel,
  .um-editor-main,
  .um-content-card,
  .um-markdown-editor,
  .um-universe-group,
  .um-audit-row,
  .um-backend-summary article,
  .um-backend-card,
  .um-manual-access,
  .um-community-card
) {
  background: #211c16;
  border-color: var(--border);
  color: var(--ink);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] :is(
  .um-panel-head,
  .um-editor-status,
  .um-save-bar,
  .um-markdown-toolbar,
  .um-backend-card-head,
  .um-backend-row + .um-backend-row
) {
  background-color: #18140f;
  border-color: var(--border);
}

html[data-theme="dark"] .um-level-list {
  background: #15110d;
}

html[data-theme="dark"] .um-level-btn,
html[data-theme="dark"] .um-sidequest-tab {
  background: #2a241c;
  border-color: rgba(245, 234, 220, 0.12);
  color: var(--ink-soft);
}

html[data-theme="dark"] .um-level-btn:hover {
  background: #342d23;
  border-color: rgba(245, 234, 220, 0.22);
  color: var(--ink);
}

html[data-theme="dark"] .um-level-btn.active {
  background: #efe3d2;
  border-color: #efe3d2;
  color: #17130f;
}

html[data-theme="dark"] .um-level-btn em.draft {
  background: #8f806f;
}

html[data-theme="dark"] :is(
  .um-form input,
  .um-form select,
  .um-form textarea,
  .um-upload-row input
) {
  background: #18140f;
  border-color: var(--border);
  color: var(--ink);
}

html[data-theme="dark"] :is(
  .um-form input:disabled,
  .um-form select:disabled,
  .um-form textarea:disabled
) {
  background: #16120e;
  color: var(--ink-muted);
  opacity: 1;
}

html[data-theme="dark"] :is(
  .um-form input,
  .um-form select,
  .um-form textarea,
  .um-upload-row input
)::placeholder {
  color: var(--ink-faint);
}

html[data-theme="dark"] :is(
  .um-form input:focus,
  .um-form select:focus,
  .um-form textarea:focus
) {
  border-color: #766858;
  box-shadow: 0 0 0 3px rgba(239, 227, 210, 0.12);
}

html[data-theme="dark"] :is(
  .um-form label span,
  .um-content-card label span,
  .um-panel-head .eyebrow,
  .um-backend-summary span,
  .um-backend-card-head span,
  .um-community-card label span,
  .um-manual-access div span
) {
  color: var(--ink-muted);
}

html[data-theme="dark"] :is(
  .um-panel-head h2,
  .um-empty-state h2,
  .um-section-head h3,
  .um-universe-group-head strong,
  .um-audit-row strong,
  .um-backend-summary strong,
  .um-backend-row strong,
  .um-backend-card-head h4,
  .um-community-top strong,
  .um-community-answers strong,
  .um-manual-access div strong
) {
  color: var(--ink);
}

html[data-theme="dark"] :is(
  .um-editor-status,
  .um-empty-state p,
  .um-section-head span,
  .um-help-text,
  .um-universe-group-head span,
  .um-upload-field small,
  .um-audit-row span,
  .um-audit-row time,
  .um-backend-row span,
  .um-backend-row time,
  .um-community-top span,
  .um-community-answers span,
  .um-manual-access small
) {
  color: var(--ink-muted);
}

html[data-theme="dark"] .um-markdown-toolbar {
  background: #18140f;
}

html[data-theme="dark"] .um-markdown-toolbar button,
html[data-theme="dark"] .um-icon-btn {
  background: #2a241c;
  border-color: var(--border);
  color: var(--ink-soft);
  box-shadow: none;
}

html[data-theme="dark"] :is(.um-markdown-toolbar button:hover, .um-icon-btn:hover:not(:disabled)) {
  background: #342d23;
  border-color: rgba(245, 234, 220, 0.22);
  color: var(--ink);
}

html[data-theme="dark"] .um-markdown-body {
  background: #15110d;
  color: var(--ink);
}

html[data-theme="dark"] .um-markdown-body::placeholder {
  color: var(--ink-faint);
}

html[data-theme="dark"] :is(.um-icon-btn.danger, .btn-danger) {
  background: rgba(155, 47, 36, 0.16);
  border-color: rgba(240, 155, 145, 0.32);
  color: #f09b91;
}

html[data-theme="dark"] :is(.um-upload-field small.error, .um-manual-access small.error) {
  color: #f09b91;
}

html[data-theme="dark"] .um-community-card.muted {
  opacity: .72;
}

html[data-theme="dark"] .um-community-answers {
  border-color: var(--border);
}

html[data-theme="dark"] :is(.um-community-card p, .um-community-answers p) {
  color: var(--ink-soft);
}

html[data-theme="dark"] #initiationView {
  --yi-canvas: #15110d;
  --yi-surface: #211c16;
  --yi-ink: #f5eadc;
  --yi-ink-secondary: #cdbda9;
  --yi-ink-tertiary: #9f907f;
  --yi-border: rgba(245, 234, 220, 0.16);
  --yi-border-soft: rgba(245, 234, 220, 0.1);
  --yi-shadow: rgba(0, 0, 0, 0.38);
  --yi-accent: #18c48f;
  --yi-accent-light: rgba(24, 196, 143, 0.18);
  --yi-accent-dark: #73dcb4;
  --yi-pale-green: rgba(24, 196, 143, 0.16);
  --yi-pale-blue: rgba(96, 165, 250, 0.18);
  --yi-pale-yellow: rgba(245, 158, 11, 0.18);
  --yi-pale-red: rgba(239, 68, 68, 0.18);
  --yi-pale-purple: rgba(139, 92, 246, 0.2);
}

html[data-theme="dark"] #initiationView .operator-surface.initiation-shell {
  color: var(--yi-ink);
}

html[data-theme="dark"] .header .initiation-header-tabs {
  background: rgba(245, 234, 220, 0.08);
  border-color: var(--border);
}

html[data-theme="dark"] .header .initiation-header-tabs .initiation-tab:hover,
html[data-theme="dark"] .header .initiation-header-tabs .initiation-tab.active {
  background: rgba(245, 234, 220, 0.14);
  color: var(--ink);
}

html[data-theme="dark"] #initiationView :is(
  .operator-page-title,
  .initiation-dashboard-group-title,
  .initiation-launch-heading strong,
  .initiation-settings-heading strong,
  .initiation-practice-heading strong,
  .initiation-live-session-head strong,
  .initiation-drip-heading strong,
  .initiation-template-head strong
) {
  color: var(--yi-ink);
}

html[data-theme="dark"] #initiationView :is(
  .operator-intro,
  .home-section-title,
  .small-caps-label,
  .initiation-card-title,
  .initiation-practice-heading span,
  .initiation-practice-heading em,
  .initiation-live-session-head span,
  .initiation-live-session-head em,
  .initiation-drip-heading span,
  .initiation-settings-form.initiation-integration-form label > .initiation-setting-help
) {
  color: var(--yi-ink-secondary);
}

/* .initiation-pipeline-subnav carries .initiation-panel-toolbar as a layout
   class but should stay transparent — without this override the top
   Home/Workshop/Cohort Launches strip picks up the surface bg and looks
   like a pale band in dark mode. */
html[data-theme="dark"] #initiationView .initiation-pipeline-subnav,
html[data-theme="dark"] #initiationView #initiationMessagingPanel > .initiation-panel-toolbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #initiationView :is(
  .initiation-funnel-step,
  .initiation-panel-toolbar,
  .initiation-roster,
  .initiation-roster.table,
  .initiation-roster-row,
  .initiation-action-row,
  .initiation-upload-panel,
  .initiation-drip-card,
  .initiation-drip-row,
  .initiation-asset-row,
  .initiation-template-row,
  .initiation-template-card,
  .initiation-composer-card,
  .initiation-nudge-toggle,
  .initiation-nudge-card,
  .initiation-nudge-backend-note,
  .initiation-workshop-card,
  .initiation-workshop-table,
  .initiation-workshop-kpis,
  .initiation-workshop-stat-grid div,
  .initiation-launch-table,
  .initiation-launch-empty,
  .initiation-launch-form,
  .initiation-live-session-card,
  .initiation-practice-card,
  .initiation-availability-card,
  .initiation-settings-form,
  .initiation-settings-form.initiation-integration-form,
  .initiation-detail-drawer,
  .initiation-detail-section,
  .initiation-detail-metrics,
  .initiation-mini-grid,
  .initiation-audio-upload-strip
) {
  background: var(--yi-surface);
  border-color: var(--yi-border);
  color: var(--yi-ink);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-funnel-step.has-count,
  .initiation-funnel-step.is-active,
  .initiation-funnel-step.is-workshop
) {
  background: linear-gradient(180deg, rgba(37, 31, 24, 0.98), rgba(33, 28, 22, 0.98));
}

html[data-theme="dark"] #initiationView .initiation-funnel-step.is-active {
  border-color: rgba(24, 196, 143, 0.45);
  box-shadow: 0 22px 46px -32px rgba(24, 196, 143, 0.7);
}

html[data-theme="dark"] #initiationView .initiation-funnel-step.is-workshop {
  border-color: rgba(96, 165, 250, 0.45);
  box-shadow: 0 22px 46px -32px rgba(96, 165, 250, 0.56);
}

html[data-theme="dark"] #initiationView .initiation-funnel-step.is-empty {
  background: rgba(245, 234, 220, 0.07);
  border-color: rgba(245, 234, 220, 0.13);
  opacity: 1;
  box-shadow: none;
}

html[data-theme="dark"] #initiationView .initiation-funnel-step.is-empty :is(strong, span) {
  color: var(--yi-ink-tertiary);
}

html[data-theme="dark"] #initiationView .initiation-funnel-step i {
  background: rgba(245, 234, 220, 0.08);
  color: var(--yi-ink-secondary);
}

html[data-theme="dark"] #initiationView .initiation-funnel-step.is-active i {
  background: rgba(24, 196, 143, 0.16);
  color: var(--yi-accent-dark);
}

html[data-theme="dark"] #initiationView .initiation-funnel-step.is-workshop i {
  background: rgba(96, 165, 250, 0.16);
  color: #9fc4fb;
}

html[data-theme="dark"] #initiationView .initiation-workshop-hero,
html[data-theme="dark"] #initiationView .initiation-availability-recommendation {
  background: linear-gradient(180deg, rgba(37, 31, 24, 0.98), rgba(33, 28, 22, 0.98));
  border-color: var(--yi-border);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-module-filter button,
  .initiation-filter-pills,
  .initiation-filter-pills button.active,
  .initiation-status-select,
  .initiation-view-toggle button,
  .initiation-pipeline-subnav .initiation-message-switch button,
  .initiation-message-switch button,
  .initiation-drip-filters button,
  .initiation-drip-count-chip,
  .initiation-template-filters button,
  .initiation-template-head button,
  .initiation-template-edit-actions button,
  .initiation-template-tags button,
  .initiation-channel-tabs,
  .initiation-channel-tabs button,
  .initiation-workshop-switch button,
  .initiation-workshop-cohort-row button,
  .initiation-workshop-savebar button,
  .initiation-workshop-with-button button,
  .initiation-workshop-toggle button,
  .initiation-launch-empty button,
  .initiation-launch-detail-head button,
  .initiation-launch-detail-actions button,
  .initiation-live-session-actions button,
  .initiation-live-recording-actions button,
  .initiation-audio-upload-strip button,
  .initiation-practice-row > button,
  .initiation-next-step-actions button,
  .initiation-detail-header button,
  .initiation-detail-actions button,
  .initiation-liquid-picker button,
  .initiation-availability-bars.compact > span,
  .initiation-launch-dry-run summary
) {
  background: #2a241c;
  border-color: var(--yi-border);
  color: var(--yi-ink-secondary);
  box-shadow: none;
}

html[data-theme="dark"] #initiationView :is(
  .initiation-module-filter button:hover,
  .initiation-view-toggle button:hover,
  .initiation-message-switch button:hover,
  .initiation-drip-filters button:hover,
  .initiation-template-filters button:hover,
  .initiation-workshop-switch button:hover,
  .initiation-launch-detail-head button:hover,
  .initiation-live-session-actions button:hover,
  .initiation-practice-row > button:hover
) {
  background: #342d23;
  color: var(--yi-ink);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-module-filter button.active,
  .initiation-view-toggle button.active,
  .initiation-message-switch button.active,
  .initiation-drip-filters button.active,
  .initiation-drip-filters .initiation-drip-filter-all.active,
  .initiation-template-filters button.active,
  .initiation-channel-tabs button.active,
  .initiation-workshop-switch button.active,
  .initiation-workshop-cohort-row button.active,
  .initiation-workshop-savebar button.primary,
  .initiation-workshop-toggle button.active:not(.neutral),
  .initiation-template-head button,
  .initiation-template-edit-actions button.primary,
  .initiation-launch-detail-actions button.primary,
  .initiation-audio-upload-strip button.primary,
  .initiation-upload-panel button.primary,
  .initiation-form-actions .primary,
  .initiation-composer-actions button.primary:not(:disabled),
  .initiation-admin-actions button.primary,
  .initiation-inline-action
) {
  background: var(--yi-accent);
  border-color: var(--yi-accent);
  color: #06130e;
}

html[data-theme="dark"] #initiationView :is(
  input,
  select,
  textarea,
  .initiation-file-picker,
  .initiation-inline-actions input,
  .initiation-live-field input,
  .initiation-live-field select,
  .initiation-live-field textarea,
  .initiation-workshop-card input,
  .initiation-workshop-card textarea,
  .initiation-launch-form input,
  .initiation-launch-form select,
  .initiation-launch-form textarea,
  .initiation-template-editor input,
  .initiation-template-editor textarea,
  .initiation-composer-field input,
  .initiation-composer-field select,
  .initiation-composer-field textarea,
  .initiation-settings-form input:not([type="checkbox"]),
  .initiation-settings-form textarea
) {
  background: #18140f;
  border-color: var(--yi-border);
  color: var(--yi-ink);
}

html[data-theme="dark"] #initiationView :is(input, select, textarea)::placeholder {
  color: var(--yi-ink-tertiary);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-file-picker > i,
  .initiation-file-picker em,
  .initiation-live-timezone-chip,
  .initiation-live-field > i,
  .initiation-live-time-field,
  .initiation-launch-checks > div,
  .initiation-placeholder,
  .initiation-day-grid span,
  .initiation-practice-empty,
  .initiation-practice-tile label,
  .initiation-availability-column-track,
  .initiation-availability-bar-track,
  .initiation-launch-status,
  .initiation-nudge-icon,
  .initiation-settings-advanced,
  .initiation-detail-metrics,
  .initiation-mini-grid
) {
  background: var(--yi-canvas);
  border-color: var(--yi-border);
  color: var(--yi-ink-secondary);
}

html[data-theme="dark"] #initiationView .initiation-detail-header {
  background: rgba(33, 28, 22, 0.94);
  border-color: var(--yi-border);
}

html[data-theme="dark"] #initiationView .initiation-detail-actions {
  background: linear-gradient(to top, var(--yi-surface) 78%, rgba(33, 28, 22, 0));
}

html[data-theme="dark"] #initiationView :is(
  .initiation-roster-header,
  .initiation-roster-row,
  .initiation-launch-table-head,
  .initiation-launch-table-row,
  .initiation-template-card.open .initiation-template-card-top,
  .initiation-live-session-row,
  .initiation-rsvp-row,
  .initiation-list-item,
  .initiation-contact-list button,
  .initiation-contact-list a,
  .initiation-contact-list > span,
  .initiation-availability-person,
  .initiation-application-field
) {
  border-color: var(--yi-border);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-roster-row:hover,
  .initiation-launch-table-row:hover,
  .initiation-template-card-top:hover,
  .initiation-drip-row:hover
) {
  background: #241f18;
}

html[data-theme="dark"] #initiationView :is(
  .initiation-funnel-step span,
  .initiation-funnel-step strong,
  .initiation-roster-row strong,
  .initiation-workshop-row strong,
  .initiation-workshop-row em,
  .initiation-workshop-row > span,
  .initiation-launch-table-row span,
  .initiation-launch-table-row i,
  .initiation-template-row strong,
  .initiation-template-card-top strong,
  .initiation-practice-title strong,
  .initiation-availability-person strong,
  .initiation-availability-bar-meta strong,
  .initiation-list-item strong,
  .initiation-detail-header h2,
  .initiation-detail-metrics strong,
  .initiation-mini-grid strong,
  .initiation-contact-list strong,
  .initiation-application-field p,
  .initiation-settings-form.initiation-integration-form label > .initiation-setting-label
) {
  color: var(--yi-ink);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-roster-row,
  .initiation-roster-row span,
  .initiation-template-row span,
  .initiation-template-copy,
  .initiation-template-card-top em,
  .initiation-workshop-row span,
  .initiation-launch-table-head,
  .initiation-launch-empty span,
  .initiation-launch-form label span,
  .initiation-launch-detail-head em,
  .initiation-live-session-title span,
  .initiation-practice-title span,
  .initiation-availability-person span:not(.status-dot),
  .initiation-availability-bar-meta span,
  .initiation-availability-bar-row em,
  .initiation-list-item,
  .initiation-contact-list span,
  .initiation-participant-meta,
  .initiation-application-field span,
  .initiation-application-field p,
  .initiation-nudge-toggle em,
  .initiation-nudge-card summary em,
  .initiation-nudge-prompt em,
  .initiation-nudge-backend-note span
) {
  color: var(--yi-ink-secondary);
}

html[data-theme="dark"] #initiationView :is(
  .initiation-launch-status.active,
  .initiation-launch-status.fired
) {
  background: rgba(24, 196, 143, 0.16);
  border-color: rgba(24, 196, 143, 0.28);
  color: var(--yi-accent-dark);
}

html[data-theme="dark"] #initiationView .initiation-launch-status.draft {
  background: rgba(245, 158, 11, 0.16);
  border-color: rgba(245, 158, 11, 0.28);
  color: #f4c56b;
}

html[data-theme="dark"] #initiationView .initiation-launch-status.paused {
  background: rgba(220, 137, 104, 0.16);
  border-color: rgba(220, 137, 104, 0.28);
  color: #e9ad96;
}

html[data-theme="dark"] #initiationView .initiation-launch-status.archived {
  background: rgba(245, 234, 220, 0.08);
  color: var(--yi-ink-tertiary);
}

html[data-theme="dark"] #initiationView .initiation-attendance-control {
  background: #18140f;
  border-color: var(--yi-border);
}

html[data-theme="dark"] #initiationView .initiation-attendance-control button.active.attended {
  background: rgba(24, 196, 143, 0.16);
  color: var(--yi-accent-dark);
}

html[data-theme="dark"] #initiationView .initiation-attendance-control button.active.missed {
  background: rgba(239, 68, 68, 0.16);
  color: #f29b95;
}

html[data-theme="dark"] #initiationView :is(
  .initiation-drip-day-badge,
  .initiation-drip-day-badge.week-2,
  .initiation-drip-day-badge.week-3,
  .initiation-drip-day-badge.week-4
) {
  background: rgba(245, 234, 220, 0.08);
}

html[data-theme="dark"] #initiationView .initiation-nudge-icon.afternoon { color: #9fc4fb; background: rgba(96, 165, 250, 0.16); }
html[data-theme="dark"] #initiationView .initiation-nudge-icon.evening { color: #c4adfb; background: rgba(139, 92, 246, 0.16); }
html[data-theme="dark"] #initiationView .initiation-nudge-icon.medical-medium { color: #81dfad; background: rgba(59, 163, 109, 0.16); }
html[data-theme="dark"] #initiationView .initiation-nudge-icon.phone-detox { color: #f4a3ad; background: rgba(216, 84, 100, 0.16); }
html[data-theme="dark"] #initiationView .initiation-nudge-icon.waking-up { color: #f4c56b; background: rgba(217, 119, 6, 0.16); }

.theme-toggle {
  position: fixed;
  top: 27px;
  right: 18px;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  height: 36px;
  width: 36px;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--card-bg, var(--bg));
  color: var(--ink-muted);
  font: 500 12px/1 'Poppins', sans-serif;
  box-shadow: none;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.theme-toggle:hover {
  background: var(--bg-subtle);
  color: var(--ink);
  border-color: rgba(26, 23, 18, 0.18);
  box-shadow: none;
}

.theme-toggle :is(i, span) {
  font-size: 17px;
  line-height: 1;
}

html[data-theme="dark"] .theme-toggle {
  box-shadow: none;
}

html[data-theme="dark"] .theme-toggle:hover {
  border-color: rgba(245, 234, 220, 0.24);
}

@media (max-width: 767px) {
  .theme-toggle {
    top: auto;
    right: 14px;
    bottom: calc(var(--bottom-nav-h, 72px) + 14px);
    z-index: 999;
  }
}

/* ──────────────────────────────────────────────────────────────────────
   Initiation view — remaining translucent-white surfaces that don't
   resolve through --yi-surface and so stay pale in dark mode.
   ────────────────────────────────────────────────────────────────────── */
html[data-theme="dark"] #initiationView :is(
  .initiation-funnel-step.is-empty,
  .initiation-live-timezone-chip,
  .initiation-drip-filters,
  .initiation-practice-heading span,
  .initiation-detail-drawer,
  .initiation-day-weekdays,
  .initiation-day-grid span
) {
  background: rgba(245, 234, 220, 0.06);
  border-color: var(--yi-border);
  color: var(--yi-ink);
}

html[data-theme="dark"] #initiationView .initiation-workshop-tz-chip {
  border-color: rgba(24, 196, 143, 0.32);
  background: rgba(24, 196, 143, 0.10);
  color: #9cdcc1;
}
html[data-theme="dark"] #initiationView .initiation-workshop-tz-chip.missing {
  border-color: rgba(245, 234, 220, 0.16);
  background: rgba(245, 234, 220, 0.06);
  color: var(--yi-ink-muted);
}

/* ──────────────────────────────────────────────────────────────────────
   Sequences + Audience modules — sequences.css ships with no dark-mode
   rules and hardcodes #fff / cream backgrounds throughout. These rules
   re-tint the major surfaces using the existing dark palette.
   ────────────────────────────────────────────────────────────────────── */
html[data-theme="dark"] :is(
  .seq-auth-bar,
  .seq-frame,
  .seq-pill,
  .seq-schedule-card,
  .seq-schedule-row,
  .audience-search input,
  .audience-detail-state,
  .audience-tag-group,
  .audience-cf-list,
  .audience-cf-key-input,
  .audience-cf-add-row,
  .audience-cf-add-row .audience-cf-val,
  .audience-cf-add-btn,
  .audience-unmatched-btn,
  .audience-unmatched-source,
  .audience-run,
  .audience-question
) {
  background: var(--card-bg);
  border-color: var(--border);
  color: var(--ink);
}

html[data-theme="dark"] :is(
  .seq-pinned-icon,
  .seq-schedule-head code,
  .seq-meta-code,
  .seq-meta-daterange,
  .audience-row-avatar,
  .audience-detail-avatar,
  .audience-tag,
  .audience-tag-state,
  .audience-tag-group-other,
  .audience-run-pending
) {
  background: rgba(245, 234, 220, 0.06);
  border-color: var(--border);
  color: var(--ink-soft);
}

html[data-theme="dark"] :is(
  .seq-pill:hover,
  .seq-pinned-icon:hover,
  .seq-detail-icon:hover,
  .seq-meta-daterange:hover,
  .audience-row:hover,
  .audience-cf-add-btn:hover,
  .audience-unmatched-btn:hover
) {
  background: rgba(245, 234, 220, 0.12);
  border-color: var(--ink-muted);
  color: var(--ink);
}

html[data-theme="dark"] .seq-pill.active {
  background: var(--ink);
  color: var(--bg-subtle);
  border-color: var(--ink);
}

html[data-theme="dark"] .seq-pinned-icon.active {
  background: var(--ink-soft);
  color: var(--bg-subtle);
  border-color: var(--ink-soft);
}

html[data-theme="dark"] .audience-row.is-selected {
  background: var(--ink);
  color: var(--bg-subtle);
}

html[data-theme="dark"] .audience-row.is-selected .audience-row-avatar {
  background: rgba(245, 234, 220, 0.18);
  color: var(--bg-subtle);
}

html[data-theme="dark"] .seq-schedule-row[open] summary,
html[data-theme="dark"] .seq-schedule-copy {
  border-color: var(--border);
}

html[data-theme="dark"] .seq-schedule-tag {
  background: rgba(34, 197, 94, 0.16);
  color: #93d4a8;
}

html[data-theme="dark"] .seq-schedule-buttons span {
  background: rgba(245, 158, 11, 0.16);
  border-color: rgba(245, 158, 11, 0.32);
  color: #e1bb6a;
}

html[data-theme="dark"] .audience-unmatched {
  background: rgba(245, 158, 11, 0.10);
  border-color: rgba(245, 158, 11, 0.32);
  color: var(--ink);
}
html[data-theme="dark"] .audience-unmatched-header { color: #e1bb6a; }
html[data-theme="dark"] .audience-unmatched-row { border-color: rgba(245, 158, 11, 0.22); }