/*
 * Zoechea site-wide dark mode support.
 * This file is intentionally scoped to app/page surfaces. Do not style the
 * canonical dashboard sidebar here; dashboard-clean.css owns that component.
 */

:root[data-theme="dark"] {
  color-scheme: dark;
  --zoe-dark-canvas: #0d171b;
  --zoe-dark-canvas-2: #122126;
  --zoe-dark-surface: #15262b;
  --zoe-dark-surface-2: #1a2f34;
  --zoe-dark-raised: #203a3f;
  --zoe-dark-ink: #f6efe4;
  --zoe-dark-muted: #b9c8c9;
  --zoe-dark-soft: #8ca2a4;
  --zoe-dark-line: rgba(200, 228, 225, .22);
  --zoe-dark-line-strong: rgba(200, 228, 225, .38);
  --zoe-dark-shadow: 0 26px 68px rgba(0, 0, 0, .34);
  --zoe-dark-teal: #72c1c5;
  --zoe-dark-teal-deep: #2c7d86;
  --zoe-dark-teal-soft: #1e464b;
  --zoe-dark-ochre: #e2b85a;
  --zoe-dark-ochre-soft: #4b3a1e;
  --zoe-dark-sage: #a5c494;
  --zoe-dark-sage-soft: #293f2f;
  --zoe-dark-lavender: #c0aae4;
  --zoe-dark-lavender-soft: #332842;
  --zoe-dark-coral: #ef9d8d;
  --zoe-dark-coral-soft: #4a2928;
}

:root[data-theme="dark"] body {
  color: var(--zoe-dark-ink);
}

:root[data-theme="dark"] body.za-app-body,
:root[data-theme="dark"] body.kh-dashboard-page,
:root[data-theme="dark"] body.boundary-dashboard-page,
:root[data-theme="dark"] body.community-dashboard-page,
:root[data-theme="dark"] body.contact-premium-body,
:root[data-theme="dark"] body.crisis-premium-page,
:root[data-theme="dark"] body.crisis-modal-page,
:root[data-theme="dark"] body.payment-page,
:root[data-theme="dark"] body.admin-v3-body {
  background:
    radial-gradient(circle at 18% 8%, rgba(76, 177, 181, .18), transparent 25rem),
    radial-gradient(circle at 92% 18%, rgba(222, 176, 81, .13), transparent 26rem),
    radial-gradient(circle at 74% 88%, rgba(183, 153, 224, .12), transparent 28rem),
    var(--zoe-dark-canvas);
  color: var(--zoe-dark-ink);
}

:root[data-theme="dark"] body.za-app-body {
  --za-ink: var(--zoe-dark-ink);
  --za-muted: var(--zoe-dark-muted);
  --za-canvas: var(--zoe-dark-canvas);
  --za-surface: var(--zoe-dark-surface);
  --za-raised: var(--zoe-dark-surface-2);
  --za-border: var(--zoe-dark-line);
  --za-border-strong: #8ec6c6;
  --za-teal: var(--zoe-dark-teal);
  --za-teal-fill: var(--zoe-dark-teal-soft);
  --za-ochre: var(--zoe-dark-ochre);
  --za-ochre-fill: var(--zoe-dark-ochre-soft);
  --za-sage: var(--zoe-dark-sage);
  --za-sage-fill: var(--zoe-dark-sage-soft);
  --za-lavender: var(--zoe-dark-lavender);
  --za-lavender-fill: var(--zoe-dark-lavender-soft);
  --za-coral: var(--zoe-dark-coral);
  --za-coral-fill: var(--zoe-dark-coral-soft);
  --za-sky-fill: #203843;
  --za-shadow: var(--zoe-dark-shadow);
  --za-soft-shadow: 0 16px 36px rgba(0, 0, 0, .28);
  --ink: var(--zoe-dark-ink);
  --muted: var(--zoe-dark-muted);
  --card: var(--zoe-dark-surface);
  --border: var(--zoe-dark-line);
}

:root[data-theme="dark"] body.kh-dashboard-page {
  --kh-canvas: var(--zoe-dark-canvas);
  --kh-app: #111f24;
  --kh-surface: rgba(24, 43, 48, .82);
  --kh-surface-solid: #172a2f;
  --kh-ink: var(--zoe-dark-ink);
  --kh-muted: var(--zoe-dark-muted);
  --kh-line: var(--zoe-dark-line);
  --kh-line-strong: var(--zoe-dark-line-strong);
  --kh-teal: var(--zoe-dark-teal);
  --kh-teal-deep: #d7f6f3;
  --kh-teal-soft: var(--zoe-dark-teal-soft);
  --kh-sage: var(--zoe-dark-sage);
  --kh-sage-soft: var(--zoe-dark-sage-soft);
  --kh-ochre: var(--zoe-dark-ochre);
  --kh-ochre-soft: var(--zoe-dark-ochre-soft);
  --kh-lavender: var(--zoe-dark-lavender);
  --kh-lavender-soft: var(--zoe-dark-lavender-soft);
  --kh-coral: var(--zoe-dark-coral);
  --kh-coral-soft: var(--zoe-dark-coral-soft);
  --kh-shadow: var(--zoe-dark-shadow);
}

:root[data-theme="dark"] body.crisis-premium-page {
  --crisis-ink: var(--zoe-dark-ink);
  --crisis-muted: var(--zoe-dark-muted);
  --crisis-page: var(--zoe-dark-canvas);
  --crisis-app: #15252a;
  --crisis-hero: #172c31;
  --crisis-strip: #1b3035;
  --crisis-search: #172a2f;
  --crisis-line: var(--zoe-dark-line);
  --crisis-line-strong: var(--zoe-dark-line-strong);
  --crisis-teal: var(--zoe-dark-teal);
  --crisis-teal-deep: var(--zoe-dark-teal);
  --crisis-teal-row: #173d43;
  --crisis-gold: var(--zoe-dark-ochre);
  --crisis-gold-row: #3f311d;
  --crisis-sage: var(--zoe-dark-sage);
  --crisis-sage-row: #263b2e;
  --crisis-lavender: var(--zoe-dark-lavender);
  --crisis-lavender-row: #302840;
  --crisis-coral: var(--zoe-dark-coral);
  --crisis-coral-row: #452b28;
  --crisis-surface: #172a2f;
  --crisis-shadow: var(--zoe-dark-shadow);
}

:root[data-theme="dark"] .za-premium-surface,
:root[data-theme="dark"] .za-status-card,
:root[data-theme="dark"] .za-form-card,
:root[data-theme="dark"] .za-side-card,
:root[data-theme="dark"] .za-reader-stage,
:root[data-theme="dark"] .za-choice-tile,
:root[data-theme="dark"] .kh-premium-app,
:root[data-theme="dark"] .kh-stat-strip,
:root[data-theme="dark"] .kh-panel,
:root[data-theme="dark"] .kh-guide-card,
:root[data-theme="dark"] .kh-rail-card,
:root[data-theme="dark"] .kh-resource-card,
:root[data-theme="dark"] .community-premium-app,
:root[data-theme="dark"] .community-control-card,
:root[data-theme="dark"] .community-spaces-card,
:root[data-theme="dark"] .community-activity-card,
:root[data-theme="dark"] .community-rules-card,
:root[data-theme="dark"] .contact-premium-app,
:root[data-theme="dark"] .contact-category-card,
:root[data-theme="dark"] .contact-form-card,
:root[data-theme="dark"] .contact-info-card,
:root[data-theme="dark"] .crisis-premium-app,
:root[data-theme="dark"] .crisis-search-panel,
:root[data-theme="dark"] .crisis-trust-strip,
:root[data-theme="dark"] .crisis-resource-row,
:root[data-theme="dark"] .ig-hero,
:root[data-theme="dark"] .ig-workspace,
:root[data-theme="dark"] .ig-saved-section {
  color: var(--zoe-dark-ink);
  background-color: var(--zoe-dark-surface);
  border-color: var(--zoe-dark-line-strong);
  box-shadow: var(--zoe-dark-shadow);
}

:root[data-theme="dark"] .za-premium-surface,
:root[data-theme="dark"] .kh-premium-app,
:root[data-theme="dark"] .contact-premium-app,
:root[data-theme="dark"] .crisis-premium-app {
  background:
    radial-gradient(circle at 16% 12%, rgba(91, 187, 190, .18), transparent 22rem),
    radial-gradient(circle at 88% 18%, rgba(226, 184, 90, .12), transparent 24rem),
    linear-gradient(145deg, #13262b, #0f1d22);
}

:root[data-theme="dark"] .za-hero h1,
:root[data-theme="dark"] .za-section-title,
:root[data-theme="dark"] .za-card-title,
:root[data-theme="dark"] .kh-premium-header h1,
:root[data-theme="dark"] .kh-feature-title,
:root[data-theme="dark"] .kh-panel-heading h2,
:root[data-theme="dark"] .community-premium-header h1,
:root[data-theme="dark"] .community-thread-card h2,
:root[data-theme="dark"] .contact-premium-app h1,
:root[data-theme="dark"] .contact-premium-app h2,
:root[data-theme="dark"] .crisis-hero h1,
:root[data-theme="dark"] .crisis-results-head h2,
:root[data-theme="dark"] .ig-hero h1,
:root[data-theme="dark"] .wizard-title {
  color: var(--zoe-dark-ink);
  text-shadow: 0 1px 0 rgba(0, 0, 0, .18);
}

:root[data-theme="dark"] .za-hero p,
:root[data-theme="dark"] .za-copy,
:root[data-theme="dark"] .kh-premium-header p,
:root[data-theme="dark"] .kh-guide-card p,
:root[data-theme="dark"] .kh-rail-item p,
:root[data-theme="dark"] .community-premium-header p,
:root[data-theme="dark"] .community-thread-card p,
:root[data-theme="dark"] .contact-premium-app p,
:root[data-theme="dark"] .crisis-hero p,
:root[data-theme="dark"] .crisis-resource-body p,
:root[data-theme="dark"] .ig-hero p {
  color: var(--zoe-dark-muted);
}

:root[data-theme="dark"] .za-pill,
:root[data-theme="dark"] .za-eyebrow,
:root[data-theme="dark"] .kh-kicker,
:root[data-theme="dark"] .kh-badge,
:root[data-theme="dark"] .community-premium-tabs a,
:root[data-theme="dark"] .community-sort-chip,
:root[data-theme="dark"] .contact-tab,
:root[data-theme="dark"] .crisis-pill,
:root[data-theme="dark"] .crisis-service-chip,
:root[data-theme="dark"] .portal-eyebrow {
  color: #dff9f6;
  background: rgba(42, 87, 92, .78);
  border-color: rgba(133, 218, 219, .38);
}

:root[data-theme="dark"] .za-pill.is-gold,
:root[data-theme="dark"] .kh-category-card.is-legal,
:root[data-theme="dark"] .crisis-service-chip.is-active,
:root[data-theme="dark"] .community-sort-chip.is-hot {
  color: #ffe7ad;
  background: rgba(82, 61, 27, .78);
  border-color: rgba(232, 190, 99, .38);
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .zc-contact-field input,
:root[data-theme="dark"] .zc-contact-field textarea,
:root[data-theme="dark"] .contact-form-card input,
:root[data-theme="dark"] .contact-form-card textarea,
:root[data-theme="dark"] .contact-form-card select,
:root[data-theme="dark"] .crisis-search-input,
:root[data-theme="dark"] .ig-page input,
:root[data-theme="dark"] .ig-page textarea,
:root[data-theme="dark"] .ig-page select,
:root[data-theme="dark"] .admin-v3-body input,
:root[data-theme="dark"] .admin-v3-body textarea,
:root[data-theme="dark"] .admin-v3-body select {
  color: var(--zoe-dark-ink);
  background: rgba(9, 21, 25, .72);
  border-color: var(--zoe-dark-line-strong);
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: rgba(205, 223, 224, .62);
}

:root[data-theme="dark"] .portal-btn-fill,
:root[data-theme="dark"] .kh-btn-primary,
:root[data-theme="dark"] .community-button-primary,
:root[data-theme="dark"] .contact-submit,
:root[data-theme="dark"] .crisis-action-primary,
:root[data-theme="dark"] .ig-primary,
:root[data-theme="dark"] .admin-v3-button:not(.admin-v3-button-ghost) {
  color: #071217;
  background: linear-gradient(180deg, #93d4d4, #58aeb5);
  border-color: rgba(167, 230, 228, .7);
  box-shadow: 0 16px 32px rgba(0, 0, 0, .34);
}

:root[data-theme="dark"] .portal-btn-line,
:root[data-theme="dark"] .kh-btn-secondary,
:root[data-theme="dark"] .community-button-secondary,
:root[data-theme="dark"] .contact-secondary,
:root[data-theme="dark"] .crisis-action-secondary,
:root[data-theme="dark"] .admin-v3-button-ghost {
  color: var(--zoe-dark-ink);
  background: rgba(17, 33, 38, .82);
  border-color: var(--zoe-dark-line-strong);
}

:root[data-theme="dark"] .kh-category-card,
:root[data-theme="dark"] .za-tone-card,
:root[data-theme="dark"] .za-choice-tile,
:root[data-theme="dark"] .community-thread-card,
:root[data-theme="dark"] .contact-category-card,
:root[data-theme="dark"] .crisis-resource-row {
  background:
    radial-gradient(circle at 84% 88%, rgba(255, 255, 255, .045), transparent 9rem),
    rgba(26, 47, 52, .84);
}

:root[data-theme="dark"] .is-teal,
:root[data-theme="dark"] [data-tone="teal"] {
  background-color: rgba(34, 84, 90, .82);
}

:root[data-theme="dark"] .is-gold,
:root[data-theme="dark"] .is-ochre,
:root[data-theme="dark"] [data-tone="ochre"] {
  background-color: rgba(75, 58, 30, .86);
}

:root[data-theme="dark"] .is-sage,
:root[data-theme="dark"] [data-tone="sage"] {
  background-color: rgba(42, 65, 48, .84);
}

:root[data-theme="dark"] .is-lavender,
:root[data-theme="dark"] .is-plum,
:root[data-theme="dark"] [data-tone="plum"],
:root[data-theme="dark"] [data-tone="lavender"] {
  background-color: rgba(52, 43, 68, .84);
}

:root[data-theme="dark"] .is-coral,
:root[data-theme="dark"] .is-danger,
:root[data-theme="dark"] [data-tone="coral"] {
  background-color: rgba(72, 42, 40, .84);
}

:root[data-theme="dark"] .kh-progress-track,
:root[data-theme="dark"] .za-progress-track,
:root[data-theme="dark"] .progress-track {
  background: rgba(230, 240, 238, .14);
}

:root[data-theme="dark"] .kh-progress-fill,
:root[data-theme="dark"] .za-progress-fill,
:root[data-theme="dark"] .progress-fill {
  background: linear-gradient(90deg, #5bb8be, #e0b35c);
}

:root[data-theme="dark"] .admin-v3-body {
  color: var(--zoe-dark-ink);
  background: var(--zoe-dark-canvas);
}

:root[data-theme="dark"] .admin-v3-sidebar,
:root[data-theme="dark"] .admin-v3-topbar,
:root[data-theme="dark"] .admin-v3-page-head,
:root[data-theme="dark"] .admin-v3-card,
:root[data-theme="dark"] .admin-v3-table-wrap,
:root[data-theme="dark"] .admin-v3-subnav {
  color: var(--zoe-dark-ink);
  background: rgba(21, 38, 43, .92);
  border-color: var(--zoe-dark-line);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .26);
}

:root[data-theme="dark"] .admin-v3-nav-link,
:root[data-theme="dark"] .admin-v3-subnav a {
  color: var(--zoe-dark-muted);
  border-color: transparent;
}

:root[data-theme="dark"] .admin-v3-nav-link.is-active,
:root[data-theme="dark"] .admin-v3-subnav a.is-active {
  color: var(--zoe-dark-ink);
  background: rgba(72, 142, 148, .32);
  border-color: rgba(139, 221, 220, .42);
}

:root[data-theme="dark"] .admin-v3-table th,
:root[data-theme="dark"] .admin-v3-table td {
  border-color: var(--zoe-dark-line);
}

:root[data-theme="dark"] .admin-v3-badge {
  color: var(--zoe-dark-ink);
  background: rgba(255, 255, 255, .08);
  border-color: var(--zoe-dark-line);
}

:root[data-theme="dark"] .admin-v3-badge.is-ready,
:root[data-theme="dark"] .admin-v3-alert.is-success {
  color: #dff6d7;
  background: rgba(53, 93, 59, .5);
}

:root[data-theme="dark"] .admin-v3-badge.is-warning,
:root[data-theme="dark"] .admin-v3-alert.is-warning {
  color: #ffe7ad;
  background: rgba(103, 76, 31, .5);
}

:root[data-theme="dark"] .admin-v3-badge.is-danger,
:root[data-theme="dark"] .admin-v3-alert.is-error {
  color: #ffd1c8;
  background: rgba(110, 53, 48, .54);
}

:root[data-theme="dark"] .chat-widget,
:root[data-theme="dark"] #chatWidgetRoot,
:root[data-theme="dark"] .chat-panel,
:root[data-theme="dark"] .chat-widget-panel {
  color: var(--zoe-dark-ink);
  background: rgba(18, 34, 39, .96);
  border-color: var(--zoe-dark-line-strong);
}

:root[data-theme="dark"] .payment-page,
:root[data-theme="dark"] .payment-card,
:root[data-theme="dark"] .payment-panel,
:root[data-theme="dark"] .checkout-card {
  color: var(--zoe-dark-ink);
  background: var(--zoe-dark-surface);
  border-color: var(--zoe-dark-line);
}

:root[data-theme="dark"] .modal-hero,
:root[data-theme="dark"] .modal-shell,
:root[data-theme="dark"] .modal-card,
:root[data-theme="dark"] .resource-card,
:root[data-theme="dark"] .auth-card,
:root[data-theme="dark"] .auth-panel,
:root[data-theme="dark"] .login-card,
:root[data-theme="dark"] .register-card,
:root[data-theme="dark"] .portal-card,
:root[data-theme="dark"] .settings-card,
:root[data-theme="dark"] .support-card {
  color: var(--zoe-dark-ink);
  background: rgba(21, 38, 43, .92);
  border-color: var(--zoe-dark-line);
  box-shadow: var(--zoe-dark-shadow);
}

:root[data-theme="dark"] .legacy-fixed-theme-toggle {
  color: var(--zoe-dark-ink);
  background: rgba(23, 42, 48, .92);
  border-color: var(--zoe-dark-line-strong);
}

:root[data-theme="dark"] a {
  color: #8fd8da;
}

:root[data-theme="dark"] :focus-visible {
  outline: 3px solid rgba(226, 184, 90, .72);
  outline-offset: 3px;
}

/* Knowledge Hub dark-mode polish: remove translucent light-grey patches. */
:root[data-theme="dark"] body.kh-dashboard-page {
  --kh-canvas: #0b171b;
  --kh-app: #102126;
  --kh-surface: #152a30;
  --kh-surface-solid: #172d33;
  --kh-ink: #f8efdf;
  --kh-muted: #bed0d1;
  --kh-line: rgba(163, 211, 210, .22);
  --kh-line-strong: rgba(137, 199, 199, .44);
  --kh-teal: #77c8ca;
  --kh-teal-deep: #0a2028;
  --kh-teal-soft: #173f45;
  --kh-sage: #a8c994;
  --kh-sage-soft: #263f2e;
  --kh-ochre: #e6ba5a;
  --kh-ochre-soft: #48361d;
  --kh-lavender: #c2a9e6;
  --kh-lavender-soft: #342840;
  --kh-coral: #f09b8c;
  --kh-coral-soft: #472b29;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-dashboard-main {
  background:
    radial-gradient(circle at 16% 8%, rgba(77, 176, 181, .18), transparent 24rem),
    radial-gradient(circle at 92% 14%, rgba(226, 186, 90, .14), transparent 24rem),
    radial-gradient(circle at 72% 86%, rgba(194, 169, 230, .11), transparent 28rem),
    #0b171b;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-premium-app {
  background:
    radial-gradient(circle at 66% 6%, rgba(78, 176, 181, .16), transparent 22rem),
    radial-gradient(circle at 94% 26%, rgba(226, 186, 90, .12), transparent 20rem),
    radial-gradient(circle at 20% 78%, rgba(168, 201, 148, .11), transparent 22rem),
    linear-gradient(145deg, #12272d 0%, #0f1f24 58%, #0c191e 100%);
  border-color: rgba(137, 199, 199, .44);
  box-shadow: 0 28px 74px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(248, 239, 223, .06);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-premium-app::before {
  border-color: rgba(119, 200, 202, .17);
  box-shadow: 0 0 0 30px rgba(119, 200, 202, .045), 0 0 0 65px rgba(119, 200, 202, .025);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-premium-app::after {
  background: radial-gradient(circle, rgba(230, 186, 90, .13), transparent 72%);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-tool-btn,
:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-strip,
:root[data-theme="dark"] body.kh-dashboard-page .kh-premium-tabs,
:root[data-theme="dark"] body.kh-dashboard-page .kh-feature-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-recent-panel,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-filter-surface,
:root[data-theme="dark"] body.kh-dashboard-page .kh-empty,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-hero,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-article,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-locked,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-hero,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-meter,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-main,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-support-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-locked,
:root[data-theme="dark"] body.kh-dashboard-page .reader-side-card,
:root[data-theme="dark"] body.kh-dashboard-page .reader-checkpoint,
:root[data-theme="dark"] body.kh-dashboard-page .completion-card,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card {
  color: var(--kh-ink);
  background:
    radial-gradient(circle at 86% 10%, rgba(119, 200, 202, .075), transparent 11rem),
    linear-gradient(145deg, rgba(25, 50, 56, .96), rgba(15, 31, 36, .94));
  border-color: var(--kh-line-strong);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(248, 239, 223, .045);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-feature-card {
  background:
    radial-gradient(circle at 18% 20%, rgba(119, 200, 202, .18), transparent 16rem),
    radial-gradient(circle at 82% 24%, rgba(168, 201, 148, .14), transparent 17rem),
    linear-gradient(135deg, #173a40 0%, #172e34 55%, #102126 100%);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-card {
  border-right-color: rgba(163, 211, 210, .18);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-card > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-tool-btn,
:root[data-theme="dark"] body.kh-dashboard-page .kh-category-icon,
:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-icon,
:root[data-theme="dark"] body.kh-dashboard-page .kh-recent-card > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-item > span {
  color: #071217;
  border-color: rgba(248, 239, 223, .12);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .22);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-teal > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-recent-card > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-item > span {
  background: #77c8ca;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-lavender > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-item:nth-child(3) > span {
  background: #bda6dd;
  color: #101820;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-sage > span {
  background: #a8c994;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-ochre > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-item:nth-child(2) > span {
  background: #e6ba5a;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-card small,
:root[data-theme="dark"] body.kh-dashboard-page .kh-stat-card em,
:root[data-theme="dark"] body.kh-dashboard-page .kh-section-head p,
:root[data-theme="dark"] body.kh-dashboard-page .kh-feature-card p,
:root[data-theme="dark"] body.kh-dashboard-page .kh-category-tile p,
:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-card p,
:root[data-theme="dark"] body.kh-dashboard-page .kh-recent-card small,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-item small,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-hero p,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-hero p,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card p,
:root[data-theme="dark"] body.kh-dashboard-page .kh-today-grid small {
  color: var(--kh-muted);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-premium-tabs button {
  color: var(--kh-ink);
  border-right-color: rgba(163, 211, 210, .16);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-premium-tabs button.active,
:root[data-theme="dark"] body.kh-dashboard-page .kh-filter-btn.active {
  color: #071217;
  background: linear-gradient(180deg, #89d5d4, #5db3ba);
  border-color: rgba(137, 213, 212, .72);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .28);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-btn,
:root[data-theme="dark"] body.kh-dashboard-page .kh-filter-btn,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-action,
:root[data-theme="dark"] body.kh-dashboard-page .kh-panel-heading button,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-empty button,
:root[data-theme="dark"] body.kh-dashboard-page .kh-icon-action,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-meta span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-meta > span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-today-grid span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-microstats span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-score,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-meter {
  color: var(--kh-ink);
  background: rgba(13, 29, 34, .82);
  border-color: rgba(163, 211, 210, .22);
  box-shadow: inset 0 1px 0 rgba(248, 239, 223, .035);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-btn-primary,
:root[data-theme="dark"] body.kh-dashboard-page .kh-guide-cta {
  color: #08161b;
  background: linear-gradient(180deg, #a8ddd9, #65bac0);
  border-color: rgba(168, 221, 217, .76);
  box-shadow: 0 18px 34px rgba(0, 0, 0, .32);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-btn-soft,
:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-actions .kh-icon-action {
  color: var(--kh-ink);
  background: rgba(14, 31, 36, .86);
  border-color: rgba(163, 211, 210, .24);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-search-field,
:root[data-theme="dark"] body.kh-dashboard-page .kh-search-field input {
  color: var(--kh-ink);
  background: rgba(9, 22, 26, .72);
  border-color: rgba(163, 211, 210, .28);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-ribbon,
:root[data-theme="dark"] body.kh-dashboard-page .kh-recent-grid,
:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-list,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-side {
  background: transparent;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-tile {
  --kh-tile-bg: #173f45;
  --kh-tile-border: rgba(119, 200, 202, .5);
  --kh-tile-icon: #77c8ca;
  background:
    radial-gradient(circle at 84% 82%, rgba(248, 239, 223, .055), transparent 8rem),
    var(--kh-tile-bg);
  border-color: var(--kh-tile-border);
  color: var(--kh-ink);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-tile::after,
:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-card::after {
  border-color: rgba(248, 239, 223, .065);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-theme-teal {
  --kh-tile-bg: #173f45;
  --kh-tile-border: rgba(119, 200, 202, .5);
  --kh-tile-icon: #77c8ca;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-theme-coral {
  --kh-tile-bg: #452d2a;
  --kh-tile-border: rgba(240, 155, 140, .5);
  --kh-tile-icon: #f09b8c;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-theme-lavender {
  --kh-tile-bg: #342b43;
  --kh-tile-border: rgba(194, 169, 230, .5);
  --kh-tile-icon: #c2a9e6;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-theme-ochre {
  --kh-tile-bg: #49391e;
  --kh-tile-border: rgba(230, 186, 90, .52);
  --kh-tile-icon: #e6ba5a;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-meter > i,
:root[data-theme="dark"] body.kh-dashboard-page .kh-progress-line,
:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-card .kh-progress-line {
  background: rgba(248, 239, 223, .13);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-cta {
  color: #071217;
  background: linear-gradient(180deg, rgba(248, 239, 223, .92), rgba(190, 208, 209, .82));
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-recent-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-rail-item {
  color: var(--kh-ink);
  background: rgba(14, 31, 36, .78);
  border-color: rgba(163, 211, 210, .2);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-card {
  --kh-card-bg: #173f45;
  --kh-card-border: rgba(119, 200, 202, .48);
  --kh-card-icon: #77c8ca;
  --kh-card-accent: #77c8ca;
  color: var(--kh-ink);
  background:
    radial-gradient(circle at 86% 86%, rgba(248, 239, 223, .05), transparent 8rem),
    var(--kh-card-bg);
  border-color: var(--kh-card-border);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(248, 239, 223, .04);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-card::before {
  background:
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--kh-card-accent) 16%, transparent) 0 15%, transparent 34%),
    linear-gradient(135deg, rgba(248, 239, 223, .045), rgba(248, 239, 223, .01) 58%);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="lead-generation"] .kh-resource-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="marketing"] .kh-resource-card,
:root[data-theme="dark"] body.kh-dashboard-page #kh-bookmarks .kh-resource-card:nth-child(4n+1) {
  --kh-card-bg: #173f45;
  --kh-card-border: rgba(119, 200, 202, .5);
  --kh-card-icon: #77c8ca;
  --kh-card-accent: #77c8ca;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="legal-ethical"] .kh-resource-card {
  --kh-card-bg: #452d2a;
  --kh-card-border: rgba(240, 155, 140, .52);
  --kh-card-icon: #f09b8c;
  --kh-card-accent: #f09b8c;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="psychology"] .kh-resource-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="clinical"] .kh-resource-card,
:root[data-theme="dark"] body.kh-dashboard-page #kh-bookmarks .kh-resource-card:nth-child(4n+3) {
  --kh-card-bg: #342b43;
  --kh-card-border: rgba(194, 169, 230, .52);
  --kh-card-icon: #c2a9e6;
  --kh-card-accent: #c2a9e6;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="business"] .kh-resource-card,
:root[data-theme="dark"] body.kh-dashboard-page .kh-category-block[data-category-block="sales"] .kh-resource-card,
:root[data-theme="dark"] body.kh-dashboard-page #kh-bookmarks .kh-resource-card:nth-child(4n+2) {
  --kh-card-bg: #49391e;
  --kh-card-border: rgba(230, 186, 90, .52);
  --kh-card-icon: #e6ba5a;
  --kh-card-accent: #e6ba5a;
}

:root[data-theme="dark"] body.kh-dashboard-page #kh-bookmarks .kh-resource-card:nth-child(4n+4) {
  --kh-card-bg: #263f2e;
  --kh-card-border: rgba(168, 201, 148, .52);
  --kh-card-icon: #a8c994;
  --kh-card-accent: #a8c994;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-resource-topline span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-meta span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-meta > span {
  color: var(--kh-ink);
  background: rgba(9, 22, 26, .52);
  border-color: rgba(163, 211, 210, .2);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-score,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-meter {
  background: rgba(11, 23, 27, .62);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-score i,
:root[data-theme="dark"] body.kh-dashboard-page .reader-score-ring {
  border-color: rgba(119, 200, 202, .24);
  background: conic-gradient(var(--kh-teal) var(--score, 0%), rgba(248, 239, 223, .12) 0);
  color: var(--kh-ink);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-today-grid span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-article-microstats span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-reader-article li,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card li,
:root[data-theme="dark"] body.kh-dashboard-page .reader-key-block,
:root[data-theme="dark"] body.kh-dashboard-page .reader-checklist-block {
  background: rgba(12, 27, 32, .7);
  border-color: rgba(163, 211, 210, .18);
  color: var(--kh-ink);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card::before {
  background: #77c8ca;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card-2::before {
  background: #e6ba5a;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card-3::before {
  background: #a8c994;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card-4::before {
  background: #c2a9e6;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card {
  --reader-card-bg: #173f45;
  --reader-card-border: rgba(119, 200, 202, .5);
  --reader-card-accent: #77c8ca;
  --reader-card-icon-bg: #77c8ca;
  background:
    radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--reader-card-accent) 16%, transparent), transparent 13rem),
    radial-gradient(circle at 6% 92%, rgba(248, 239, 223, .045), transparent 12rem),
    var(--reader-card-bg);
  border-color: var(--reader-card-border);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card-2 {
  --reader-card-bg: #49391e;
  --reader-card-border: rgba(230, 186, 90, .52);
  --reader-card-accent: #e6ba5a;
  --reader-card-icon-bg: #e6ba5a;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card-3 {
  --reader-card-bg: #263f2e;
  --reader-card-border: rgba(168, 201, 148, .52);
  --reader-card-accent: #a8c994;
  --reader-card-icon-bg: #a8c994;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card-4 {
  --reader-card-bg: #342b43;
  --reader-card-border: rgba(194, 169, 230, .52);
  --reader-card-accent: #c2a9e6;
  --reader-card-icon-bg: #c2a9e6;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-number {
  color: #071217;
  background: var(--reader-card-icon-bg);
  box-shadow: 0 14px 28px rgba(0, 0, 0, .25);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-label,
:root[data-theme="dark"] body.kh-dashboard-page .reader-map-button {
  color: var(--kh-ink);
  background: rgba(12, 27, 32, .68);
  border-color: rgba(163, 211, 210, .2);
  box-shadow: inset 0 1px 0 rgba(248, 239, 223, .035);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-map-button:hover,
:root[data-theme="dark"] body.kh-dashboard-page .reader-map-button.active {
  color: #071217;
  background: linear-gradient(180deg, #89d5d4, #5db3ba);
  border-color: rgba(137, 213, 212, .72);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-map-card .reader-mission-map:empty::before {
  color: var(--kh-muted);
  background: rgba(12, 27, 32, .42);
  border-color: rgba(163, 211, 210, .2);
}

/* Knowledge Hub dark-mode finishing pass: nested chips, reader cards, and tool buttons. */
:root[data-theme="dark"] body.kh-dashboard-page .kh-tool-btn {
  color: var(--kh-ink);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-tool-avatar {
  color: #071217;
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-count-pill,
:root[data-theme="dark"] body.kh-dashboard-page .kh-chip,
:root[data-theme="dark"] body.kh-dashboard-page .kh-access-chip,
:root[data-theme="dark"] body.kh-dashboard-page .kh-muted-mini,
:root[data-theme="dark"] body.kh-dashboard-page .completion-status,
:root[data-theme="dark"] body.kh-dashboard-page .reader-side-stat,
:root[data-theme="dark"] body.kh-dashboard-page .kh-related-item,
:root[data-theme="dark"] body.kh-dashboard-page .checklist-item {
  color: var(--kh-ink);
  background: rgba(12, 27, 32, .72);
  border-color: rgba(163, 211, 210, .2);
  box-shadow: inset 0 1px 0 rgba(248, 239, 223, .035);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-access-banner,
:root[data-theme="dark"] body.kh-dashboard-page .reader-checkpoint,
:root[data-theme="dark"] body.kh-dashboard-page .checklist-item.checked {
  color: var(--kh-ink);
  background:
    radial-gradient(circle at 84% 22%, rgba(168, 201, 148, .13), transparent 12rem),
    rgba(22, 44, 40, .88);
  border-color: rgba(168, 201, 148, .3);
}

:root[data-theme="dark"] body.kh-dashboard-page .kh-access-banner span,
:root[data-theme="dark"] body.kh-dashboard-page .reader-side-stat span,
:root[data-theme="dark"] body.kh-dashboard-page .kh-related-item small {
  color: var(--kh-muted);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-content {
  color: var(--kh-ink);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card blockquote,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-cta-box,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-pullquote {
  color: var(--kh-ink);
  background:
    radial-gradient(circle at 12% 20%, rgba(230, 186, 90, .14), transparent 10rem),
    rgba(43, 34, 22, .82);
  border-color: rgba(230, 186, 90, .24);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-quadrant-card,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-card-green,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-card-peach,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-card-yellow,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-card-lilac,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .step-section,
:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .ig-example-list li {
  color: var(--kh-ink);
  background: rgba(12, 27, 32, .7);
  border-color: rgba(163, 211, 210, .18);
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .step-num {
  color: #071217;
  background: #77c8ca;
}

:root[data-theme="dark"] body.kh-dashboard-page .reader-section-card .step-time {
  color: var(--kh-muted);
  background: rgba(12, 27, 32, .58);
  border-color: rgba(163, 211, 210, .18);
}

@media print {
  :root[data-theme="dark"] {
    color-scheme: light;
  }

  :root[data-theme="dark"] body {
    color: #111 !important;
    background: #fff !important;
  }
}