[color-mode="dark"] .msidebar, 
[color-mode="dark"] .mSidebar-scroll,
[color-mode="dark"]  .toggle-sidebar {
  background-color: #242424 !important;
}


[color-mode="dark"] a.ancl_menu_item i {
  color: #d9cece !important;
}

[color-mode="dark"] .ancl_product {
  color: #e7e7e7;
}
[color-mode="dark"] .ancl_product:hover {
  background-color: #2e2e2e;
}

img[alt="logo_collapsed"]{
  transition: width 0.3s ease ;
}
/**
 * TPOS dark mode — override layer only.
 * All rules are scoped under [color-mode="dark"] so light mode is untouched.
 * Palette inspired by the Operational Dashboard dark mockup.
 */

 [color-mode="dark"] .header__block--user .user a {
  background-color: #fff;
  border-radius: 100%;
}

 [color-mode="dark"] nav.nav.topnav.qmsp-topnav-injected a {
  color: #aaa;
}

[color-mode="dark"] {
  color-scheme: dark;

  --dm-bg: #0b1117;
  --dm-bg-elevated: #111820;
  --dm-surface: #161b22;
  --dm-surface-2: #1c2128;
  --dm-surface-3: #22272e;
  --dm-border: #30363d;
  --dm-border-soft: #21262d;
  --dm-text: #f0f6fc;
  --dm-text-secondary: #c9d1d9;
  --dm-text-muted: #8b949e;
  --dm-blue: #263ca8;
  --dm-blue-bright: #58a6ff;
  --dm-green: #3fb950;
  --dm-red: #f85149;
  --dm-amber: #d29922;
  --dm-shadow: 0 5px 18px rgba(0, 0, 0, 0.45);

  /* Shared Foundation / styles.css tokens */
  --fh-navy: #f0f6fc;
  --fh-muted: #8b949e;
  --fh-blue: #3d5afe;
  --fh-blue-dark: #5b6cff;
  --fh-teal: #2dd4bf;
  --fh-green: #3fb950;
  --fh-border: #30363d;
  --fh-soft: #161b22;
  --fh-shadow: 0 5px 18px rgba(0, 0, 0, 0.45);

  /* Planning & Execution */
  --pe-navy: #f0f6fc;
  --pe-muted: #8b949e;
  --pe-blue: #3d5afe;
  --pe-blue-dark: #5b6cff;
  --pe-blue-bright: #58a6ff;
  --pe-teal: #2dd4bf;
  --pe-green: #3fb950;
  --pe-purple: #a371f7;
  --pe-orange: #d29922;
  --pe-border: #30363d;
  --pe-soft: #161b22;
  --pe-success: #3fb950;
  --pe-warning: #d29922;
  --pe-danger: #f85149;
  --pe-shadow: 0 5px 18px rgba(0, 0, 0, 0.45);

  /* Strategic timeline */
  --st-navy: #f0f6fc;
  --st-navy-2: #e6edf3;
  --st-ink: #c9d1d9;
  --st-muted: #8b949e;
  --st-line: #30363d;
  --st-line-strong: #3d444d;
  --st-canvas: #0b1117;
  --st-card: #161b22;
  --st-soft-blue: rgba(88, 166, 255, 0.16);
  --st-soft-green: rgba(63, 185, 80, 0.16);
  --st-soft-amber: rgba(210, 153, 34, 0.16);
  --st-soft-slate: #22272e;
  --st-soft-red: rgba(248, 81, 73, 0.16);
  --st-soft-obj-2: rgba(63, 185, 80, 0.16);
  --st-soft-obj-3: rgba(163, 113, 247, 0.16);
  --st-soft-obj-4: rgba(45, 212, 191, 0.16);
  --st-soft-obj-5: rgba(210, 153, 34, 0.16);
  --st-shadow: 0 5px 18px rgba(0, 0, 0, 0.45);

  /* POD */
  --pod-navy: #f0f6fc;
  --pod-muted: #8b949e;
  --pod-blue: #3d5afe;
  --pod-blue-dark: #5b6cff;
  --pod-teal: #2dd4bf;
  --pod-green: #3fb950;
  --pod-amber: #d29922;
  --pod-red: #f85149;
  --pod-purple: #a371f7;
  --pod-border: #30363d;
  --pod-soft: #161b22;
  --pod-shadow: 0 5px 18px rgba(0, 0, 0, 0.45);

  /* Consultant portal */
  --cp-navy: #f0f6fc;
  --cp-muted: #8b949e;
  --cp-blue: #3d5afe;
  --cp-blue-dark: #5b6cff;
  --cp-teal: #2dd4bf;
  --cp-green: #3fb950;
  --cp-red: #f85149;
  --cp-amber: #d29922;
  --cp-border: #30363d;
  --cp-soft: #161b22;
  --cp-shadow: 0 5px 18px rgba(0, 0, 0, 0.45);
}

/* —— Platform chrome (Kajabi shell) —— */
[color-mode="dark"] html,
[color-mode="dark"] body,
[color-mode="dark"] body#encore-theme,
[color-mode="dark"] .page-bg,
[color-mode="dark"] .main_wrap,
[color-mode="dark"] .content_area_outer,
[color-mode="dark"] .content_area,
[color-mode="dark"] main {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text);
}

[color-mode="dark"] body.bg-white,
[color-mode="dark"] .bg-white {
  background-color: var(--dm-bg) !important;
}

[color-mode="dark"] .bg-teal-50,
[color-mode="dark"] .bg-teal-100,
[color-mode="dark"] .hover\:bg-slate-50:hover,
[color-mode="dark"] .hover\:bg-slate-100:hover {
  background-color: var(--dm-surface-2) !important;
}

[color-mode="dark"] .text-slate-900,
[color-mode="dark"] .text-slate-800,
[color-mode="dark"] .text-gray-900 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .text-slate-600,
[color-mode="dark"] .text-slate-500,
[color-mode="dark"] .text-gray-600,
[color-mode="dark"] .text-gray-500 {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .header-bar.header--fixed,
[color-mode="dark"] .header__content,
[color-mode="dark"] .header__content--desktop,
[color-mode="dark"] .header__content.background-light,
[color-mode="dark"] .header__wrap,
[color-mode="dark"] .header__container,
[color-mode="dark"] header {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text);
  border-color: var(--dm-border);
}

[color-mode="dark"] .dropdown--open .dropdown__menu {
  background-color: var(--dm-surface) !important;
  color: var(--dm-text);
  border-color: var(--dm-border);
}

[color-mode="dark"] a.header_dashboard_btn,
[color-mode="dark"] button.header_dashboard_btn,
[color-mode="dark"] a.tpos-btn {
  color: var(--dm-text-secondary);
}

[color-mode="dark"] a.header_dashboard_btn:hover,
[color-mode="dark"] a.tpos-btn:hover {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .thin_scroll_bar::-webkit-scrollbar-track {
  background: var(--dm-surface);
}

[color-mode="dark"] .thin_scroll_bar::-webkit-scrollbar-thumb {
  background-color: #484f58;
}

[color-mode="dark"] hr {
  border-top-color: var(--dm-border);
}

/* —— Shared styles.css surfaces —— */
[color-mode="dark"] .layout-container {
  color: var(--fh-navy);
}

[color-mode="dark"] .header-bar {
  border-bottom-color: var(--dm-border);
}

[color-mode="dark"] .title-main {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .subtitle,
[color-mode="dark"] .intitle-trial-mode-span {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .header-bar-text .operational-dashboard__eyebrow,
[color-mode="dark"] .bm-hub-eyebrow {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .button-outline,
[color-mode="dark"] .button-secondary,
[color-mode="dark"] .tpos-btn--secondary,
[color-mode="dark"] .seg-btn {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .button-outline:hover,
[color-mode="dark"] .button-secondary:hover,
[color-mode="dark"] .seg-btn:hover {
  background: var(--dm-surface-2) !important;
  color: var(--dm-blue-bright) !important;
  border-color: #484f58 !important;
}

[color-mode="dark"] .button-primary,
[color-mode="dark"] .tpos-btn--primary {
  background: var(--dm-blue) !important;
  border-color: var(--dm-blue) !important;
  color: #fff !important;
}

[color-mode="dark"] .assessment-card,
[color-mode="dark"] .legend-card,
[color-mode="dark"] .profile-band,
[color-mode="dark"] .profile-form,
[color-mode="dark"] .bm-card,
[color-mode="dark"] .cat-btn,
[color-mode="dark"] .score-dial,
[color-mode="dark"] .sticky-header,
[color-mode="dark"] .cta-modern-secondary {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text);
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .assessment-card .card-title,
[color-mode="dark"] .summary-block .summary-title,
[color-mode="dark"] .bm-title-main {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .score-dial::before {
  background-image: linear-gradient(to bottom, var(--dm-surface), var(--dm-surface-2)) !important;
}

[color-mode="dark"] .tabs-list button[data-state="active"] {
  background: var(--dm-surface) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .rev-range-bar .rev-range-chip.active {
  background: rgba(88, 166, 255, 0.15);
  color: var(--dm-blue-bright);
  border-color: var(--dm-blue-bright);
  box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.18);
}

/* —— Foundation Hub —— */
[color-mode="dark"] .fh-page {
  background: var(--dm-bg) !important;
  color: var(--fh-navy);
}

[color-mode="dark"] .fh-panel,
[color-mode="dark"] .fh-card,
[color-mode="dark"] .fh-module,
[color-mode="dark"] .fh-modal,
[color-mode="dark"] .fh-home-card,
[color-mode="dark"] .fh-view {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .fh-hero {
  border-bottom-color: var(--dm-border);
}

[color-mode="dark"] .fh-hero h1,
[color-mode="dark"] .fh-page h1,
[color-mode="dark"] .fh-page h2,
[color-mode="dark"] .fh-page h3,
[color-mode="dark"] .odp-title h2,
[color-mode="dark"] .identity-home h1,
[color-mode="dark"] .icp-home-stats strong,
[color-mode="dark"] .bhag-intro-head h1 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .fh-eyebrow {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .fh-year select,
[color-mode="dark"] .fh-field input,
[color-mode="dark"] .fh-field textarea,
[color-mode="dark"] .fh-field select,
[color-mode="dark"] .fh-tabs {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .odp-chart-card,
[color-mode="dark"] .odp-team-card,
[color-mode="dark"] .odp-node,
[color-mode="dark"] .odp-role-panel,
[color-mode="dark"] .odp-role-section,
[color-mode="dark"] .odp-resp-card,
[color-mode="dark"] .odp-stats,
[color-mode="dark"] .odp-stats article,
[color-mode="dark"] .identity-module-card,
[color-mode="dark"] .identity-builder-panel,
[color-mode="dark"] .identity-step-card,
[color-mode="dark"] .identity-home-summary aside,
[color-mode="dark"] .icp-activity,
[color-mode="dark"] .icp-profile-card,
[color-mode="dark"] .icp-primary-card,
[color-mode="dark"] .icp-saved-gallery,
[color-mode="dark"] .bhag-intro-head,
[color-mode="dark"] .bhag-modal-panel,
[color-mode="dark"] [class*="odp-"][class*="card"],
[color-mode="dark"] [class*="identity-"][class*="card"],
[color-mode="dark"] [class*="icp-"][class*="card"],
[color-mode="dark"] [class*="bhag-"][class*="card"] {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .odp-role-tabs,
[color-mode="dark"] .odp-role-body,
[color-mode="dark"] .identity-step-card > header,
[color-mode="dark"] .identity-values-editor article,
[color-mode="dark"] .fh-quote,
[color-mode="dark"] .odp-add-member,
[color-mode="dark"] .odp-more-node {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .odp-role-panel input,
[color-mode="dark"] .odp-role-panel textarea,
[color-mode="dark"] .odp-role-panel select,
[color-mode="dark"] .identity-builder-panel input,
[color-mode="dark"] .identity-builder-panel textarea,
[color-mode="dark"] .identity-builder-panel select,
[color-mode="dark"] .icp-builder-shell input,
[color-mode="dark"] .icp-builder-shell textarea,
[color-mode="dark"] .icp-builder-shell select {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* Foundation Hub — home dashboard */
[color-mode="dark"] .fh-home-completion {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text);
}

[color-mode="dark"] .fh-home-completion span {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-home-completion strong,
[color-mode="dark"] .fh-identity-statement strong,
[color-mode="dark"] .fh-home-uvp blockquote p,
[color-mode="dark"] .fh-home-bhag-banner strong,
[color-mode="dark"] .fh-home-tree-node strong,
[color-mode="dark"] .fh-home-org-chart strong,
[color-mode="dark"] .fh-home-icp-content > button strong,
[color-mode="dark"] .fh-home-icp-highlights strong,
[color-mode="dark"] .fh-home-guidance strong,
[color-mode="dark"] .fh-home-values-card .fh-values--cards .fh-value strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .fh-progress {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .fh-button--quiet,
[color-mode="dark"] .fh-button:not(.fh-button--primary) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .fh-home-direction .fh-identity-row {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .fh-home-direction .fh-identity-row--mission {
  background: rgba(45, 212, 191, 0.08) !important;
  border-color: rgba(45, 212, 191, 0.35) !important;
}

[color-mode="dark"] .fh-home-direction .fh-home-row-icon {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-direction .fh-identity-row--mission .fh-home-row-icon {
  background: rgba(45, 212, 191, 0.16) !important;
  color: var(--fh-teal) !important;
}

[color-mode="dark"] .fh-identity-statement small {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-identity-row--mission .fh-identity-statement small {
  color: var(--fh-teal) !important;
}

[color-mode="dark"] .fh-identity-note {
  border-left-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-identity-row--mission .fh-identity-note {
  border-left-color: rgba(45, 212, 191, 0.35) !important;
  color: var(--fh-teal) !important;
}

[color-mode="dark"] .fh-home-values-card .fh-values--cards .fh-value,
[color-mode="dark"] .fh-values--cards .fh-value {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .fh-value--violet {
  background: rgba(163, 113, 247, 0.14) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .fh-value--teal {
  background: rgba(45, 212, 191, 0.12) !important;
  color: #2dd4bf !important;
}

[color-mode="dark"] .fh-value--orange {
  background: rgba(233, 130, 43, 0.14) !important;
  color: #e9822b !important;
}

[color-mode="dark"] .fh-value--blue {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-values-card .fh-values--cards .fh-value > i,
[color-mode="dark"] .fh-values--cards .fh-value i {
  background: rgba(255, 255, 255, 0.08) !important;
}

[color-mode="dark"] .fh-home-values-card .fh-values--cards .fh-value small {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-home-guidance,
[color-mode="dark"] .fh-home-guidance.compact {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .fh-home-guidance > span {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-guidance p,
[color-mode="dark"] .fh-home-icp-empty,
[color-mode="dark"] .fh-home-v3-footer {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-home-guidance-action {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-uvp blockquote,
[color-mode="dark"] .fh-home-icp-carousel {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .fh-home-uvp blockquote > span {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-icp-number {
  background: var(--dm-surface-3) !important;
  border-right-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-icp-content > button p,
[color-mode="dark"] .fh-home-icp-highlights p,
[color-mode="dark"] .fh-home-tree-node span,
[color-mode="dark"] .fh-home-org-chart span,
[color-mode="dark"] .fh-home-org-chart small {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-home-icp-nav {
  background: var(--dm-surface) !important;
  border-top-color: var(--dm-border) !important;
}

[color-mode="dark"] .fh-home-icp-nav button {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-org-stats span {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-home-org-stats b {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .fh-home-tree-node,
[color-mode="dark"] .fh-home-ceo-node,
[color-mode="dark"] .fh-home-org-chart > div:last-child > div,
[color-mode="dark"] .fh-home-org-placeholder .fh-home-ceo-node,
[color-mode="dark"] .fh-home-org-placeholder > div > div {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .fh-home-tree-node.ceo,
[color-mode="dark"] .fh-home-ceo-node {
  background: rgba(163, 113, 247, 0.14) !important;
  border-color: rgba(163, 113, 247, 0.45) !important;
}

[color-mode="dark"] .fh-home-tree-node.ceo small,
[color-mode="dark"] .fh-home-tree-node.ceo small {
  color: #bc8cff !important;
}

[color-mode="dark"] .fh-home-tree-node.manager {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.4) !important;
}

[color-mode="dark"] .fh-home-tree-node.manager small {
  color: #2dd4bf !important;
}

[color-mode="dark"] .fh-home-tree-node.consultant {
  background: rgba(233, 130, 43, 0.12) !important;
  border-color: rgba(233, 130, 43, 0.4) !important;
}

[color-mode="dark"] .fh-home-tree-node.consultant small {
  color: #e9822b !important;
}

[color-mode="dark"] .fh-home-tree-node small {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-home-tree-branch.has-children > .fh-home-tree-node::after,
[color-mode="dark"] .fh-home-tree-children > .fh-home-tree-branch::before,
[color-mode="dark"] .fh-home-tree-children > .fh-home-tree-branch::after,
[color-mode="dark"] .fh-home-org-chart > i,
[color-mode="dark"] .fh-home-org-chart > div:last-child::before,
[color-mode="dark"] .fh-home-org-chart > div:last-child > div::before {
  border-color: #484f58 !important;
  background-color: #484f58;
}

[color-mode="dark"] .fh-home-org-unassigned {
  background: rgba(210, 153, 34, 0.12) !important;
  border-color: rgba(210, 153, 34, 0.4) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .fh-home-org-unassigned button {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .fh-home-bhag-banner {
  background: linear-gradient(105deg, rgba(163, 113, 247, 0.14), rgba(88, 166, 255, 0.1)) !important;
  border-color: rgba(163, 113, 247, 0.4) !important;
}

[color-mode="dark"] .fh-home-bhag-banner > span {
  background: rgba(163, 113, 247, 0.22) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .fh-home-bhag-banner small {
  color: #bc8cff !important;
}

[color-mode="dark"] .fh-home-bhag-banner.is-empty strong {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .fh-completion-ring::before {
  background: var(--dm-surface) !important;
}

/* —— Foundation Identity builder (Vision / Mission / Values / UVP) —— */
[color-mode="dark"] .identity-home,
[color-mode="dark"] .identity-builder {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .identity-home h2,
[color-mode="dark"] .identity-home h3,
[color-mode="dark"] .identity-home h4,
[color-mode="dark"] .identity-builder h2,
[color-mode="dark"] .identity-builder h3,
[color-mode="dark"] .identity-builder h4,
[color-mode="dark"] .identity-module-card h3,
[color-mode="dark"] .identity-preview > h3,
[color-mode="dark"] .identity-ai-panel > header h4,
[color-mode="dark"] .identity-ai-suggestion > strong,
[color-mode="dark"] .identity-kpis strong,
[color-mode="dark"] .identity-module-nav b,
[color-mode="dark"] .identity-builder-footer > div:first-child > span {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .identity-home-summary {
  background: linear-gradient(120deg, var(--dm-surface), var(--dm-surface-2)) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .identity-home-summary > article p,
[color-mode="dark"] .identity-module-card > p,
[color-mode="dark"] .identity-home-path > header > span,
[color-mode="dark"] .identity-home-path button small,
[color-mode="dark"] .identity-step-card > header p,
[color-mode="dark"] .identity-preview > p,
[color-mode="dark"] .identity-field small,
[color-mode="dark"] .identity-kpis small,
[color-mode="dark"] .identity-module-nav small,
[color-mode="dark"] .identity-values-editor > header p,
[color-mode="dark"] .identity-builder-footer > div:first-child > small,
[color-mode="dark"] .identity-ai-panel > header p,
[color-mode="dark"] .identity-ai-suggestion > small,
[color-mode="dark"] .identity-ai-suggestion em small {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .identity-home-summary > aside span,
[color-mode="dark"] .identity-home-path,
[color-mode="dark"] .identity-module-nav,
[color-mode="dark"] .identity-module-nav button,
[color-mode="dark"] .identity-kpis article,
[color-mode="dark"] .identity-stepper button,
[color-mode="dark"] .identity-preview,
[color-mode="dark"] .identity-preview-values span,
[color-mode="dark"] .identity-ai-panel,
[color-mode="dark"] .identity-ai-improve,
[color-mode="dark"] .identity-ai-suggestion,
[color-mode="dark"] .identity-ai-suggestion em,
[color-mode="dark"] .identity-ai-improvement-actions button,
[color-mode="dark"] .identity-values-editor,
[color-mode="dark"] .identity-home-path button,
[color-mode="dark"] .identity-module-card blockquote,
[color-mode="dark"] .identity-module-empty {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .identity-module-nav button {
  border-right-color: var(--dm-border) !important;
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .identity-module-nav button.is-active {
  background: rgba(88, 166, 255, 0.12) !important;
  color: var(--dm-blue-bright) !important;
  box-shadow: inset 0 -3px 0 var(--dm-blue-bright);
}

[color-mode="dark"] .identity-module-nav button > span,
[color-mode="dark"] .identity-home-path button > span,
[color-mode="dark"] .identity-module-card > header > span {
  background: rgba(88, 166, 255, 0.14) !important;
}

[color-mode="dark"] .identity-stepper button {
  background: var(--dm-surface) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .identity-stepper button > span {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .identity-stepper button.is-active {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .identity-stepper button.is-active > span {
  background: var(--dm-blue-bright) !important;
  color: #fff !important;
}

[color-mode="dark"] .identity-step-body > aside {
  background: rgba(88, 166, 255, 0.1) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .identity-step-body > aside h4,
[color-mode="dark"] .identity-preview > small,
[color-mode="dark"] .identity-home-head .fh-section-title small,
[color-mode="dark"] .identity-home-summary small,
[color-mode="dark"] .identity-home-path header small,
[color-mode="dark"] .identity-step-card > header small,
[color-mode="dark"] .identity-ai-suggestion > span {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .identity-field > span,
[color-mode="dark"] .identity-values-editor label b,
[color-mode="dark"] .identity-ai-panel > h5,
[color-mode="dark"] .identity-ai-suggestion > p,
[color-mode="dark"] .identity-ai-suggestion em b,
[color-mode="dark"] .identity-home-path button strong,
[color-mode="dark"] .identity-home-summary > aside strong,
[color-mode="dark"] .identity-preview-values b {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .identity-field input,
[color-mode="dark"] .identity-field textarea,
[color-mode="dark"] .identity-field select,
[color-mode="dark"] .identity-values-editor input,
[color-mode="dark"] .identity-values-editor textarea {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .identity-status,
[color-mode="dark"] .identity-module-card > header > em {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .identity-status.is-progress,
[color-mode="dark"] .identity-status.is-draft,
[color-mode="dark"] .identity-module-card > header > em.is-progress {
  background: rgba(210, 153, 34, 0.18) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .identity-status.is-complete,
[color-mode="dark"] .identity-module-card > header > em.is-complete {
  background: rgba(63, 185, 80, 0.16) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .identity-ai-empty {
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .identity-ai-suggestion.is-selected {
  background: rgba(88, 166, 255, 0.1) !important;
  border-color: var(--dm-blue-bright) !important;
  box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.18);
}

[color-mode="dark"] .identity-ai-improvement-actions button:hover,
[color-mode="dark"] .identity-ai-improvement-actions button.is-active {
  background: rgba(163, 113, 247, 0.18) !important;
  border-color: #a371f7 !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .identity-values-editor article > button {
  background: rgba(248, 81, 73, 0.14) !important;
  color: #f85149 !important;
}

/* —— Foundation ICP / BHAG / Org panel interiors —— */
[color-mode="dark"] .icp-landing-path article,
[color-mode="dark"] .icp-landing-cta,
[color-mode="dark"] .icp-landing-side article,
[color-mode="dark"] .icp-builder-toolbar,
[color-mode="dark"] .icp-step-header,
[color-mode="dark"] .icp-education,
[color-mode="dark"] .icp-support,
[color-mode="dark"] .icp-review-card,
[color-mode="dark"] .icp-summary-card,
[color-mode="dark"] .icp-glance-card,
[color-mode="dark"] .icp-publish-card,
[color-mode="dark"] .icp-confidence-card,
[color-mode="dark"] .icp-pathway-callout,
[color-mode="dark"] .icp-home-stats article,
[color-mode="dark"] .icp-home-profile-card,
[color-mode="dark"] .icp-home-templates,
[color-mode="dark"] .icp-builder-footer,
[color-mode="dark"] .icp-audience-panel,
[color-mode="dark"] .icp-think-panel,
[color-mode="dark"] .icp-journey-card,
[color-mode="dark"] .bhag-intro-utility > div,
[color-mode="dark"] .bhag-intro-utility > label,
[color-mode="dark"] .bhag-intro-layout > main,
[color-mode="dark"] .bhag-intro-steps article,
[color-mode="dark"] .bhag-intro-footer,
[color-mode="dark"] .bhag-modal-tracker,
[color-mode="dark"] .bhag-modal-content > aside,
[color-mode="dark"] .bhag-option-list button,
[color-mode="dark"] .bhag-selected-editor,
[color-mode="dark"] .bhag-suggestion-empty,
[color-mode="dark"] .bhag-modal-panel > footer,
[color-mode="dark"] .odp-role-head,
[color-mode="dark"] .odp-jd-page,
[color-mode="dark"] .odp-profile-helper {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .icp-builder-shell,
[color-mode="dark"] .bhag-intro {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .icp-builder-toolbar nav button,
[color-mode="dark"] .icp-builder-toolbar nav button > span,
[color-mode="dark"] .icp-chips button,
[color-mode="dark"] .bhag-choice-pills button {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .icp-builder-toolbar nav button.active,
[color-mode="dark"] .icp-chips--toggle button.is-selected,
[color-mode="dark"] .bhag-choice-pills button.is-selected,
[color-mode="dark"] .bhag-option-list button.is-selected {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.4) !important;
  color: #2dd4bf !important;
}

[color-mode="dark"] .icp-field-grid label > span,
[color-mode="dark"] .icp-inline-editor label > span,
[color-mode="dark"] .bhag-modal-content label > span,
[color-mode="dark"] .icp-activity-copy h3,
[color-mode="dark"] .icp-step-header h2,
[color-mode="dark"] .icp-review-card h3,
[color-mode="dark"] .bhag-intro-preview blockquote {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .icp-landing-path p,
[color-mode="dark"] .icp-landing-cta p,
[color-mode="dark"] .icp-step-header p,
[color-mode="dark"] .icp-education p,
[color-mode="dark"] .icp-activity-copy p,
[color-mode="dark"] .icp-review-card > p,
[color-mode="dark"] .icp-textarea-wrap small,
[color-mode="dark"] .icp-landing-side ul,
[color-mode="dark"] .icp-pathway-callout p,
[color-mode="dark"] .icp-pathway-callout em {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .icp-textarea-wrap small {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .icp-ready,
[color-mode="dark"] .icp-after-publish {
  background: rgba(63, 185, 80, 0.12) !important;
  color: #3fb950 !important;
}

/* —— ICP home library / BHAG intro leftovers —— */
[color-mode="dark"] .icp-primary-copy,
[color-mode="dark"] .icp-home-templates > div > button,
[color-mode="dark"] .icp-home-profile-meta span,
[color-mode="dark"] .bhag-intro-preview,
[color-mode="dark"] .bhag-mountain-card,
[color-mode="dark"] .bhag-intro-head,
[color-mode="dark"] .bhag-intro-head > div:last-child {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .icp-primary-copy {
  background: linear-gradient(120deg, rgba(45, 212, 191, 0.08), rgba(88, 166, 255, 0.08)) !important;
}

[color-mode="dark"] .icp-primary-copy h2,
[color-mode="dark"] .icp-home-highlights strong,
[color-mode="dark"] .icp-home-profile-card h3,
[color-mode="dark"] .icp-home-profile-meta strong,
[color-mode="dark"] .icp-home-templates > div > button span strong,
[color-mode="dark"] .icp-home-stats strong,
[color-mode="dark"] .icp-primary-card > aside > strong,
[color-mode="dark"] .bhag-intro-title h2,
[color-mode="dark"] .bhag-intro-head > div:last-child strong,
[color-mode="dark"] .bhag-intro-utility strong,
[color-mode="dark"] .bhag-intro-steps h3,
[color-mode="dark"] .bhag-mountain-card h3,
[color-mode="dark"] .bhag-intro-preview blockquote {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .icp-primary-copy > p,
[color-mode="dark"] .icp-home-highlights p,
[color-mode="dark"] .icp-home-highlights-empty,
[color-mode="dark"] .icp-home-profile-card header p,
[color-mode="dark"] .icp-home-profile-meta small,
[color-mode="dark"] .icp-home-templates > div > button span small,
[color-mode="dark"] .icp-home-stats span,
[color-mode="dark"] .icp-primary-card > aside > p,
[color-mode="dark"] .icp-primary-card > aside > small,
[color-mode="dark"] .bhag-intro-title p,
[color-mode="dark"] .bhag-intro-utility span,
[color-mode="dark"] .bhag-intro-steps p,
[color-mode="dark"] .bhag-mountain-card p,
[color-mode="dark"] .bhag-intro-preview p,
[color-mode="dark"] .bhag-intro-footer > div:first-child {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .icp-primary-card > aside {
  border-left-color: var(--dm-border) !important;
}

[color-mode="dark"] .icp-home-templates > div > button > i,
[color-mode="dark"] .icp-home-highlights > div > span {
  background: rgba(45, 212, 191, 0.14) !important;
  color: #2dd4bf !important;
}

[color-mode="dark"] .icp-home-highlights > div:nth-child(1) > span {
  background: rgba(163, 113, 247, 0.16) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .icp-home-highlights > div:nth-child(2) > span {
  background: rgba(233, 130, 43, 0.16) !important;
  color: #e9822b !important;
}

[color-mode="dark"] .icp-home-highlights > div:nth-child(3) > span {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .icp-home-templates > div > button > b,
[color-mode="dark"] .icp-primary-copy > small,
[color-mode="dark"] .icp-home-stats small,
[color-mode="dark"] .icp-saved-gallery > header small,
[color-mode="dark"] .icp-home-templates > header small {
  color: #2dd4bf !important;
}

[color-mode="dark"] .bhag-intro-preview {
  background: linear-gradient(145deg, rgba(163, 113, 247, 0.12), rgba(88, 166, 255, 0.08)) !important;
  border-left-color: #a371f7 !important;
}

[color-mode="dark"] .bhag-mountain-card {
  background: linear-gradient(145deg, rgba(163, 113, 247, 0.12), rgba(88, 166, 255, 0.08)) !important;
}

[color-mode="dark"] .bhag-intro-title > span,
[color-mode="dark"] .bhag-mountain-icon {
  background: rgba(163, 113, 247, 0.2) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .bhag-mountain-icon span {
  border-color: var(--dm-surface) !important;
}

[color-mode="dark"] .bhag-intro-title small,
[color-mode="dark"] .bhag-intro-head > div:last-child small,
[color-mode="dark"] .bhag-intro-layout main > header small,
[color-mode="dark"] .bhag-intro-preview > small {
  color: #bc8cff !important;
}

/* —— Foundation Org Design / modals / role panel —— */
[color-mode="dark"] .odp-shell {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .odp-title h2,
[color-mode="dark"] .odp-node h4,
[color-mode="dark"] .odp-person-cell b,
[color-mode="dark"] .odp-jd-progress strong,
[color-mode="dark"] .odp-jd-progress > b,
[color-mode="dark"] .odp-unassigned > strong,
[color-mode="dark"] .odp-team-head h3,
[color-mode="dark"] .odp-section-heading h4,
[color-mode="dark"] .odp-role-head h3,
[color-mode="dark"] .odp-logo-control strong,
[color-mode="dark"] .fh-modal > header h3 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .odp-title p,
[color-mode="dark"] .odp-node p,
[color-mode="dark"] .odp-node-email,
[color-mode="dark"] .odp-jd-progress small,
[color-mode="dark"] .odp-person-cell small,
[color-mode="dark"] .odp-team-head h3 span,
[color-mode="dark"] .odp-team-table-head,
[color-mode="dark"] .odp-unassigned > p,
[color-mode="dark"] .odp-section-heading p,
[color-mode="dark"] .odp-role-head p,
[color-mode="dark"] .odp-field small,
[color-mode="dark"] .odp-logo-control p,
[color-mode="dark"] .odp-settings-department-empty,
[color-mode="dark"] .fh-modal > header p,
[color-mode="dark"] .fh-field small {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .odp-node.ceo,
[color-mode="dark"] .odp-node.manager,
[color-mode="dark"] .odp-node.consultant,
[color-mode="dark"] .odp-node {
  background: var(--dm-surface) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .odp-jd-progress,
[color-mode="dark"] .odp-stats,
[color-mode="dark"] .odp-chart-key,
[color-mode="dark"] .odp-filters,
[color-mode="dark"] .odp-team-head,
[color-mode="dark"] .odp-team-card > footer,
[color-mode="dark"] .odp-unassigned,
[color-mode="dark"] .odp-zoom,
[color-mode="dark"] .odp-zoom button,
[color-mode="dark"] .odp-team-expand,
[color-mode="dark"] .odp-team-card > footer button,
[color-mode="dark"] .odp-context-menu,
[color-mode="dark"] .odp-modal-note,
[color-mode="dark"] .odp-logo-control,
[color-mode="dark"] .odp-logo-preview,
[color-mode="dark"] .odp-settings-departments,
[color-mode="dark"] .odp-settings-department-chip,
[color-mode="dark"] .odp-tag-list,
[color-mode="dark"] .odp-tag,
[color-mode="dark"] .odp-add-responsibility,
[color-mode="dark"] .odp-role-footer,
[color-mode="dark"] .fh-modal-actions {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .odp-chart-viewport {
  background-color: var(--dm-bg-elevated) !important;
  background-image: radial-gradient(#30363d 0.75px, transparent 0.75px) !important;
  scrollbar-color: #484f58 var(--dm-surface) !important;
}

[color-mode="dark"] .odp-tree-connectors path {
  stroke: #484f58 !important;
}

[color-mode="dark"] .odp-zoom button {
  color: var(--dm-text-secondary) !important;
  border-bottom-color: var(--dm-border) !important;
}

[color-mode="dark"] .odp-zoom button:hover,
[color-mode="dark"] .odp-node-menu:hover,
[color-mode="dark"] .odp-context-menu button:hover {
  background: rgba(88, 166, 255, 0.12) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .odp-team-row {
  border-top-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .odp-team-row:hover,
[color-mode="dark"] .odp-team-row.active {
  background: rgba(88, 166, 255, 0.12) !important;
}

[color-mode="dark"] .odp-node-menu,
[color-mode="dark"] .odp-kebab {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .odp-context-menu button {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .odp-context-menu button.danger,
[color-mode="dark"] .odp-danger-button {
  color: #f85149 !important;
}

[color-mode="dark"] .odp-jd-complete {
  background: rgba(63, 185, 80, 0.14) !important;
  border-color: rgba(63, 185, 80, 0.35) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .odp-jd-alert {
  background: rgba(248, 81, 73, 0.14) !important;
  border-color: rgba(248, 81, 73, 0.35) !important;
  color: #f85149 !important;
}

[color-mode="dark"] .odp-status-pill.active,
[color-mode="dark"] .odp-role-pill.manager {
  background: rgba(63, 185, 80, 0.16) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .odp-status-pill.invited {
  background: rgba(210, 153, 34, 0.16) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .odp-status-pill.not_invited,
[color-mode="dark"] .odp-status-pill.declined {
  background: rgba(248, 81, 73, 0.16) !important;
  color: #f85149 !important;
}

[color-mode="dark"] .odp-status-pill.pending,
[color-mode="dark"] .odp-role-pill {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .odp-role-pill.ceo {
  background: rgba(163, 113, 247, 0.16) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .odp-role-pill.consultant {
  background: rgba(233, 130, 43, 0.16) !important;
  color: #e9822b !important;
}

[color-mode="dark"] .odp-avatar,
[color-mode="dark"] .odp-jd-icon,
[color-mode="dark"] .odp-title > span {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .odp-node.ceo .odp-avatar {
  background: rgba(163, 113, 247, 0.18) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .odp-progress-track {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .odp-modal-note {
  background: rgba(88, 166, 255, 0.1) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .odp-modal-note strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .odp-modal-note > i {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .fh-field > span,
[color-mode="dark"] .odp-field > span,
[color-mode="dark"] .odp-check {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .odp-settings-department-chip {
  background: var(--dm-surface) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .odp-settings-department-chip button {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .odp-settings-department-chip.is-in-use {
  background: rgba(63, 185, 80, 0.12) !important;
  border-color: rgba(63, 185, 80, 0.35) !important;
}

[color-mode="dark"] .fh-modal-close {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .fh-modal-close:hover,
[color-mode="dark"] .fh-modal-close:focus-visible {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .odp-role-tabs button {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .odp-role-tabs button.active {
  color: var(--dm-blue-bright) !important;
  border-bottom-color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .odp-add-responsibility {
  background: rgba(88, 166, 255, 0.08) !important;
  border-color: rgba(88, 166, 255, 0.35) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .odp-tag {
  background: rgba(88, 166, 255, 0.12) !important;
  border-color: rgba(88, 166, 255, 0.3) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .odp-inline-add input,
[color-mode="dark"] .odp-filters input,
[color-mode="dark"] .odp-filters select {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* —— ICP Builder (mock shell steps 1–3) —— */
[color-mode="dark"] .icp-mock,
[color-mode="dark"] .icp-mock-main {
  background: var(--dm-bg) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .icp-mock-topbar,
[color-mode="dark"] .icp-mock-footer,
[color-mode="dark"] .icp-mock-card,
[color-mode="dark"] .icp-meta-row,
[color-mode="dark"] .icp-review-row,
[color-mode="dark"] .icp-journey-card,
[color-mode="dark"] .icp-loc-list,
[color-mode="dark"] .icp-loc-item,
[color-mode="dark"] .icp-loc-selected,
[color-mode="dark"] .icp-loc-region,
[color-mode="dark"] .icp-size-slider,
[color-mode="dark"] .icp-industry-chip,
[color-mode="dark"] .icp-think-panel,
[color-mode="dark"] .icp-glance-card,
[color-mode="dark"] .icp-confidence-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .icp-mock-title h1,
[color-mode="dark"] .icp-mock-heading h2,
[color-mode="dark"] .icp-card-label,
[color-mode="dark"] .icp-field-block > span,
[color-mode="dark"] .icp-journey-main h3,
[color-mode="dark"] .icp-review-row h3,
[color-mode="dark"] .icp-loc-copy strong,
[color-mode="dark"] .icp-loc-selected-head strong,
[color-mode="dark"] .icp-think-panel strong,
[color-mode="dark"] .icp-meta-status legend,
[color-mode="dark"] .icp-glance-card strong,
[color-mode="dark"] .icp-insights-inline strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .icp-mock-title p,
[color-mode="dark"] .icp-mock-heading p,
[color-mode="dark"] .icp-field-block small,
[color-mode="dark"] .icp-help-copy,
[color-mode="dark"] .icp-journey-main > p,
[color-mode="dark"] .icp-review-row p,
[color-mode="dark"] .icp-loc-copy small,
[color-mode="dark"] .icp-loc-empty,
[color-mode="dark"] .icp-size-hint,
[color-mode="dark"] .icp-size-option,
[color-mode="dark"] .icp-meta-status label,
[color-mode="dark"] .icp-glance-card span,
[color-mode="dark"] .icp-think-panel li {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .icp-mock-close,
[color-mode="dark"] .icp-edit-pen,
[color-mode="dark"] .icp-loc-caret,
[color-mode="dark"] .icp-loc-btn,
[color-mode="dark"] .icp-chips button {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .icp-mock-title-icon,
[color-mode="dark"] .icp-industry-chip.is-selected,
[color-mode="dark"] .icp-size-selected,
[color-mode="dark"] .icp-loc-chip,
[color-mode="dark"] .icp-loc-item.is-on,
[color-mode="dark"] .icp-loc-region.is-on,
[color-mode="dark"] .icp-chips--toggle button.is-selected {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.4) !important;
  color: #2dd4bf !important;
}

[color-mode="dark"] .icp-industry-chip {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .icp-industry-chip i {
  color: #2dd4bf !important;
}

[color-mode="dark"] .icp-field-block input,
[color-mode="dark"] .icp-field-block select,
[color-mode="dark"] .icp-mock .icp-textarea-wrap textarea {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .icp-size-rail,
[color-mode="dark"] .icp-mock-progress i,
[color-mode="dark"] .icp-mock-progress b,
[color-mode="dark"] .icp-confidence-segments i {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .icp-size-option i {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 0 0 3px var(--dm-surface-2);
}

[color-mode="dark"] .icp-size-option.is-filled i,
[color-mode="dark"] .icp-size-option.is-selected i {
  background: #12a48d !important;
  border-color: #12a48d !important;
}

[color-mode="dark"] .icp-loc-regions {
  background: var(--dm-surface-2) !important;
  border-top-color: var(--dm-border) !important;
}

[color-mode="dark"] .icp-flag-badge {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .icp-journey-meta small,
[color-mode="dark"] .icp-examples,
[color-mode="dark"] .icp-loc-text-btn,
[color-mode="dark"] .icp-loc-btn {
  color: #2dd4bf !important;
}

/* —— Onboarding wizard (steps 1–3: profile, assessment, challenges) —— */
[color-mode="dark"] .onboarding-surface,
[color-mode="dark"] #onboarding_main_container {
  --onboarding-active-selection-bg: linear-gradient(
    90deg,
    rgba(45, 212, 191, 0.18) 0%,
    rgba(88, 166, 255, 0.1) 42%,
    rgba(38, 60, 168, 0.48) 100%
  );
  background: var(--dm-bg);
  color: var(--dm-text);
  color-scheme: dark;
}

[color-mode="dark"] .onboarding-page {
  background-color: var(--dm-bg);
  background-image: none;
}

[color-mode="dark"] .onboarding-tabs {
  background: var(--dm-surface-2);
  background-image: none;
  border-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-tab {
  color: var(--dm-text-secondary);
  border-right-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-tab:hover {
  background: rgba(88, 166, 255, 0.12);
}

[color-mode="dark"] .onboarding-tab--active {
  background: rgba(88, 166, 255, 0.22);
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-tab--active:hover {
  background: rgba(88, 166, 255, 0.3);
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-tab:disabled .onboarding-tab__label,
[color-mode="dark"] .onboarding-tab__num {
  color: var(--dm-text-muted);
  text-shadow: none;
}

[color-mode="dark"] .onboarding-tab--active .onboarding-tab__num,
[color-mode="dark"] .onboarding-tab__label {
  color: inherit;
  text-shadow: none;
}

[color-mode="dark"] .onboarding-header {
  background: var(--dm-surface);
  border-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-header:after {
  opacity: 0.16;
  filter: brightness(0.4) saturate(0.55);
}

[color-mode="dark"] .onboarding-header-box {
  background-color: rgba(22, 27, 34, 0.82);
  box-shadow: none;
}

[color-mode="dark"] .onboarding-title,
[color-mode="dark"] h2.onboarding-title {
  color: var(--dm-text);
}

[color-mode="dark"] h2.onboarding-title-step {
  color: var(--dm-text-muted);
  border-right-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-subtitle {
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .onboarding-section-title,
[color-mode="dark"] .onboarding-label,
[color-mode="dark"] .your-focus-heading,
[color-mode="dark"] .experience-level-heading,
[color-mode="dark"] .revenue-target-heading,
[color-mode="dark"] .your-aspirations-heading {
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-label-hint,
[color-mode="dark"] .onboarding-hint,
[color-mode="dark"] .onboarding-loading,
[color-mode="dark"] .onboarding-placeholder-text {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .onboarding-section-gap {
  border-top-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-card-shell,
[color-mode="dark"] .onboarding-card-shell.ring-amber {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: none !important;
}

[color-mode="dark"] .onboarding-surface .input,
[color-mode="dark"] .onboarding-surface select.input,
[color-mode="dark"] .onboarding-surface textarea.input {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .onboarding-surface .input::placeholder,
[color-mode="dark"] .onboarding-surface textarea.input::placeholder {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .onboarding-surface .input:focus,
[color-mode="dark"] .onboarding-surface select.input:focus {
  border-color: var(--dm-blue-bright) !important;
  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.22) !important;
}

[color-mode="dark"] .onboarding-surface select.input option {
  background: var(--dm-surface-2);
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-surface .input:-webkit-autofill,
[color-mode="dark"] .onboarding-surface .input:-webkit-autofill:hover,
[color-mode="dark"] .onboarding-surface .input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--dm-text);
  caret-color: var(--dm-text);
  box-shadow: 0 0 0 1000px var(--dm-surface-2) inset;
  transition: background-color 9999s ease-out;
}

[color-mode="dark"] .onboarding-choice,
[color-mode="dark"] .onboarding-revenue-range-chip,
[color-mode="dark"] .onboarding-pill {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .onboarding-choice:hover,
[color-mode="dark"] .onboarding-revenue-range-chip:hover,
[color-mode="dark"] .onboarding-pill:hover {
  background: var(--dm-surface-3) !important;
  border-color: #3d444d !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .onboarding-choice.is-active,
[color-mode="dark"] .onboarding-pill.is-active,
[color-mode="dark"] .onboarding-revenue-range-chip.is-active {
  background: var(--onboarding-active-selection-bg) !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
  color: #9ecbff !important;
  box-shadow: none;
}

[color-mode="dark"] .onboarding-revenue-range-check {
  background: var(--dm-surface) !important;
  border-color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .onboarding-revenue-range-chip.is-active .onboarding-revenue-range-check {
  background: var(--dm-blue-bright) !important;
  border-color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .onboarding-card,
[color-mode="dark"] .onboarding-describe-card,
[color-mode="dark"] .onboarding-aspiration-card {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .onboarding-card:hover,
[color-mode="dark"] .onboarding-describe-card:hover,
[color-mode="dark"] .onboarding-aspiration-card:hover {
  background: var(--dm-surface-3) !important;
  border-color: #3d444d !important;
}

[color-mode="dark"] .onboarding-card.is-active,
[color-mode="dark"] .onboarding-describe-card.is-active,
[color-mode="dark"] .onboarding-aspiration-card.is-active {
  background: var(--onboarding-active-selection-bg) !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
  box-shadow: none;
}

[color-mode="dark"] .onboarding-card__title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .onboarding-card__bullets {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .onboarding-card.is-active .onboarding-card__title,
[color-mode="dark"] .onboarding-choice.is-active,
[color-mode="dark"] .onboarding-pill.is-active {
  color: #9ecbff !important;
}

[color-mode="dark"] .onboarding-card.is-active .onboarding-card__bullets {
  color: #c9d1d9 !important;
}

[color-mode="dark"] .onboarding-aspiration-card.is-active .onboarding-asp-check {
  background: var(--dm-blue-bright);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

[color-mode="dark"] .onboarding-radio-row {
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .onboarding-radio-face {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .onboarding-radio-row:hover .onboarding-radio-face {
  border-color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .onboarding-radio-input:checked + .onboarding-radio-face {
  background: var(--dm-blue-bright) !important;
  border-color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .onboarding-org-readonly {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-org-readonly-grid > div {
  background-color: rgba(88, 166, 255, 0.1);
}

[color-mode="dark"] .onboarding-org-readonly-grid dt {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .onboarding-org-readonly-grid dd {
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-revenue,
[color-mode="dark"] .onboarding-revenue-or {
  border-top-color: var(--dm-border);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .onboarding-revenue-format {
  color: #2dd4bf;
}

[color-mode="dark"] .onboarding-surface .button-secondary {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .onboarding-surface .button-secondary:hover {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .onboarding-tpds-iframe {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
}

[color-mode="dark"] .onboarding-flash {
  background: rgba(210, 153, 34, 0.14);
  border-color: rgba(210, 153, 34, 0.45);
  color: #e3b341;
}

[color-mode="dark"] .onboarding-flash.onboarding-flash--error,
[color-mode="dark"] .onboarding-flash--error,
[color-mode="dark"] .onboarding-error {
  background: rgba(248, 81, 73, 0.14) !important;
  border-color: rgba(248, 81, 73, 0.45);
  color: #ff7b72;
}

[color-mode="dark"] .onboarding-label-side-msg {
  color: #ff7b72;
}

[color-mode="dark"] .onboarding-step3-banner {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
  border-bottom-color: var(--dm-blue-bright);
  box-shadow: none;
}

[color-mode="dark"] .onboarding-step3-banner__lead {
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-step3-selected {
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .onboarding-challenge-card {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .challenge-card-title,
[color-mode="dark"] .onboarding-challenge-card__assessment-meta {
  background: var(--dm-surface-3) !important;
  border-bottom-color: var(--dm-border);
  color: var(--dm-text);
}

[color-mode="dark"] .onboarding-challenge-card__assessment-type {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .onboarding-challenge-card__assessment-type.is-advanced {
  color: #2dd4bf;
}

[color-mode="dark"] .onboarding-challenge-card__progress {
  background: var(--dm-surface) !important;
  box-shadow: none;
}

[color-mode="dark"] .onboarding-challenge-row {
  background: var(--dm-surface-2) !important;
  border-bottom-color: var(--dm-border-soft) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .onboarding-challenge-row:hover {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .onboarding-challenge-row.is-selected {
  background: rgba(88, 166, 255, 0.12) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .onboarding-challenge-row__check {
  background: var(--dm-surface) !important;
  border-color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .onboarding-challenge-row.is-selected .onboarding-challenge-row__check {
  background: var(--dm-blue-bright) !important;
  border-color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .onboarding-challenge-max-toast {
  background: rgba(248, 81, 73, 0.16);
  border-color: rgba(248, 81, 73, 0.45);
  color: #ff7b72;
  box-shadow: var(--dm-shadow);
}

/* —— Onboarding / Growth dashboard shell —— */
[color-mode="dark"] .onboarding-dashboard {
  --dashboard-bg: var(--dm-bg);
  --dashboard-panel-border: var(--dm-border);
  --dashboard-text-main: var(--dm-text-secondary);
  --dashboard-text-muted: var(--dm-text-muted);
  --dashboard-shadow: var(--dm-shadow);
  --dashboard-shell-shadow: 0 12px 48px rgba(0, 0, 0, 0.4);
  --dashboard-brand: #e6edf3;
  --dashboard-deep-blue: #e6edf3;
  --dashboard-navy: #e6edf3;
  background: var(--dashboard-bg);
  color: var(--dashboard-text-main);
}

[color-mode="dark"] .onboarding-dashboard__shell,
[color-mode="dark"] .onboarding-dashboard__subview,
[color-mode="dark"] .onboarding-dashboard .panel,
[color-mode="dark"] .onboarding-dashboard .panel--card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

/* —— Operational Dashboard (primary QA surface) —— */
[color-mode="dark"] .operational-dashboard {
  --operational-navy: #f0f6fc;
  --operational-blue: #3d5afe;
  --operational-cyan: #2dd4bf;
  --operational-green: #3fb950;
  --operational-red: #f85149;
  --operational-amber: #d29922;
  --operational-border: #30363d;
  --operational-muted: #8b949e;
  color: var(--operational-navy);
}

[color-mode="dark"] .operational-dashboard__header {
  border-bottom-color: var(--dm-border);
}

[color-mode="dark"] .operational-dashboard__eyebrow {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .operational-dashboard__header h1 {
  color: var(--dm-text);
}

[color-mode="dark"] .operational-dashboard__header p:not(.operational-dashboard__eyebrow) {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-dashboard__view-chip,
[color-mode="dark"] .operational-dashboard__profile-link {
  background: var(--dm-surface);
  border-color: var(--dm-border);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .operational-dashboard__profile-link:hover {
  background: var(--dm-surface-2);
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .operational-dashboard__hub-link {
  background: var(--dm-blue);
  border-color: var(--dm-blue);
  color: #fff;
}

[color-mode="dark"] .operational-dashboard__hub-link:hover {
  color: #fff;
}

[color-mode="dark"] .tpos-color-mode__toggle {
  background: linear-gradient(180deg, var(--dm-surface-2) 0%, var(--dm-surface) 100%);
  border-color: var(--dm-border);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
  color: var(--dm-text);
}

[color-mode="dark"] .tpos-color-mode__toggle:hover {
  border-color: #3d444d;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

[color-mode="dark"] .tpos-color-mode__toggle:focus-visible {
  outline-color: rgba(88, 166, 255, 0.35);
}

[color-mode="dark"] .tpos-color-mode__track {
  background: #0f141b;
}

[color-mode="dark"] .tpos-color-mode__thumb {
  background: #2a313a;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

[color-mode="dark"] .tpos-color-mode__icon {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .tpos-color-mode[data-mode="dark"] .tpos-color-mode__icon--moon {
  color: #9ecbff;
}

[color-mode="dark"] .tpos-color-mode[data-mode="light"] .tpos-color-mode__icon--sun {
  color: #f0b429;
}

[color-mode="dark"] .tpos-color-mode__eyebrow {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .tpos-color-mode__label {
  color: var(--dm-text);
}

[color-mode="dark"] .operational-kpi,
[color-mode="dark"] .operational-panel,
[color-mode="dark"] .operational-benchmark__grid {
  background: var(--dm-surface);
  border-color: var(--dm-border);
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .operational-kpi__icon {
  background: rgba(88, 166, 255, 0.14);
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .operational-kpi--confidence .operational-kpi__icon,
[color-mode="dark"] .operational-kpi--objectives .operational-kpi__icon {
  background: rgba(63, 185, 80, 0.14);
  color: var(--dm-green);
}

[color-mode="dark"] .operational-kpi--risk .operational-kpi__icon {
  background: rgba(248, 81, 73, 0.14);
  color: var(--dm-red);
}

[color-mode="dark"] .operational-kpi__label {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-kpi__value {
  color: var(--dm-text);
}

[color-mode="dark"] .operational-kpi--risk .operational-kpi__value {
  color: var(--dm-red);
}

[color-mode="dark"] .operational-kpi small {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-panel__head h2 {
  color: var(--dm-text);
}

[color-mode="dark"] .operational-panel__head p {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-panel__head > strong,
[color-mode="dark"] .operational-panel__head a,
[color-mode="dark"] .operational-health a {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .operational-panel--benchmark .bm-inner {
  border-color: var(--dm-border);
  background: var(--dm-surface-2);
}

[color-mode="dark"] .operational-trend__grid line {
  stroke: #21262d;
}

[color-mode="dark"] .operational-trend__area {
  fill: rgba(88, 166, 255, 0.12);
}

[color-mode="dark"] [data-operational-trend-points] circle,
[color-mode="dark"] .operational-trend__target-point circle {
  fill: var(--dm-surface);
}

[color-mode="dark"] [data-operational-trend-points] text,
[color-mode="dark"] .operational-trend__target-point text {
  fill: var(--dm-text-secondary);
}

[color-mode="dark"] .operational-trend__target-point .operational-trend__point-value {
  fill: var(--dm-green);
}

[color-mode="dark"] .operational-trend .operational-trend__point-label {
  fill: var(--dm-text-muted);
}

[color-mode="dark"] .operational-empty {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-empty--success {
  color: var(--dm-green);
}

[color-mode="dark"] .operational-category span {
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .operational-category strong {
  color: var(--dm-text);
}

[color-mode="dark"] .operational-category__track,
[color-mode="dark"] .operational-mini-progress,
[color-mode="dark"] .operational-health__progress-track {
  background: #21262d;
}

[color-mode="dark"] .operational-list-item,
[color-mode="dark"] .operational-health__item,
[color-mode="dark"] .operational-health__statement,
[color-mode="dark"] .operational-focus-item {
  border-bottom-color: var(--dm-border-soft);
}

[color-mode="dark"] .operational-list-item__main strong,
[color-mode="dark"] .operational-health__item strong,
[color-mode="dark"] .operational-health__statement strong,
[color-mode="dark"] .operational-health__value,
[color-mode="dark"] .operational-health__progress > strong,
[color-mode="dark"] .operational-focus-item strong,
[color-mode="dark"] .operational-list-item__metric b {
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .operational-list-item__main small,
[color-mode="dark"] .operational-focus-item small,
[color-mode="dark"] .operational-health__statement p,
[color-mode="dark"] .operational-task-due {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-list-item__icon,
[color-mode="dark"] .operational-health__status,
[color-mode="dark"] .operational-focus-item__date {
  background: rgba(88, 166, 255, 0.14);
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .operational-health__status[data-status="active"],
[color-mode="dark"] .operational-health__status--mission {
  background: rgba(63, 185, 80, 0.14);
  color: var(--dm-green);
}

[color-mode="dark"] .operational-health__status[data-status="draft"],
[color-mode="dark"] .operational-health__status--vision {
  background: rgba(210, 153, 34, 0.16);
  color: var(--dm-amber);
}

[color-mode="dark"] .operational-focus-item__date b {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .operational-risk-days {
  color: var(--dm-red);
}

[color-mode="dark"] .operational-dashboard__legacy-divider {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .operational-dashboard__legacy-divider::before,
[color-mode="dark"] .operational-dashboard__legacy-divider::after {
  background: var(--dm-border);
}

/* —— Planning & Execution / QMSP common cards —— */
[color-mode="dark"] .pe-page,
[color-mode="dark"] .pe-hub,
[color-mode="dark"] .qmsp-page,
[color-mode="dark"] .app {
  background: var(--dm-bg) !important;
  color: var(--dm-text);
}

[color-mode="dark"] .pe-hub-tabs {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .pe-hub-tab {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .pe-hub-tab.is-active {
  background: var(--dm-surface-2) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-hero h1,
[color-mode="dark"] .pe-page-head h2,
[color-mode="dark"] .pe-page h1,
[color-mode="dark"] .pe-page h2,
[color-mode="dark"] .pe-page h3 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pe-panel,
[color-mode="dark"] .pe-card,
[color-mode="dark"] .pe-stat,
[color-mode="dark"] .pe-objective-row,
[color-mode="dark"] .pe-acc-summary-card,
[color-mode="dark"] .pe-acc-person,
[color-mode="dark"] .pe-modal,
[color-mode="dark"] .pe-drawer,
[color-mode="dark"] [class*="pe-"][class*="panel"],
[color-mode="dark"] [class*="pe-"][class*="card"],
[color-mode="dark"] [class*="pe-"][class*="drawer"],
[color-mode="dark"] [class*="pe-"][class*="modal"],
[color-mode="dark"] .qmsp-card,
[color-mode="dark"] .app .card {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .pe-year select,
[color-mode="dark"] .pe-search input,
[color-mode="dark"] .pe-page input,
[color-mode="dark"] .pe-page select,
[color-mode="dark"] .pe-page textarea,
[color-mode="dark"] .pe-button:not(.pe-button--primary):not(.is-primary) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pe-focus-banner,
[color-mode="dark"] .pe-oo-manager-bar,
[color-mode="dark"] .pe-cal-month,
[color-mode="dark"] .pe-view {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .pe-objective-row:hover,
[color-mode="dark"] .pe-acc-person:hover,
[color-mode="dark"] .pe-subcategory:hover,
[color-mode="dark"] .pe-cal-agenda-row:hover {
  background: rgba(88, 166, 255, 0.08) !important;
}

/* —— Planning & Execution deep interiors —— */
[color-mode="dark"] .pe-page,
[color-mode="dark"] .pe-hub,
[color-mode="dark"] .pe-drawer-backdrop,
[color-mode="dark"] .pe-modal-backdrop {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-stat strong,
[color-mode="dark"] .pe-empty h3,
[color-mode="dark"] .pe-focus-banner strong,
[color-mode="dark"] .pe-focus-banner small b,
[color-mode="dark"] .pe-field > span,
[color-mode="dark"] .pe-objective-table-head,
[color-mode="dark"] .pe-page h4,
[color-mode="dark"] .pe-objective-hero h2,
[color-mode="dark"] .pe-objective-meta strong,
[color-mode="dark"] .pe-hero-progress b,
[color-mode="dark"] .pe-objective-name strong,
[color-mode="dark"] .pe-owner-cell strong,
[color-mode="dark"] .pe-initiative-title strong,
[color-mode="dark"] .pe-task-main strong,
[color-mode="dark"] .pe-card > header h3,
[color-mode="dark"] .pe-card-collapse-title,
[color-mode="dark"] .pe-modal > header h3,
[color-mode="dark"] .pe-drawer > header h2,
[color-mode="dark"] .pe-page-head h2,
[color-mode="dark"] .pe-hero h1,
[color-mode="dark"] .pe-review-cadence,
[color-mode="dark"] .pe-review-cadence strong,
[color-mode="dark"] .pe-kpi-row strong,
[color-mode="dark"] .pe-op-area strong,
[color-mode="dark"] .pe-op-score strong,
[color-mode="dark"] .pe-op-process-step > summary strong,
[color-mode="dark"] .pe-op-pace strong,
[color-mode="dark"] .pe-maturity-stage-track > div.is-active b,
[color-mode="dark"] .pe-maturity-current-target strong,
[color-mode="dark"] .pe-subcategory-copy strong,
[color-mode="dark"] .pe-subcategory-pct,
[color-mode="dark"] .pe-subcategory-average b,
[color-mode="dark"] .pe-roadmap-section-head h3,
[color-mode="dark"] .pe-roadmap-recommendation strong,
[color-mode="dark"] .pe-roadmap-preview-step strong,
[color-mode="dark"] .pe-roadmap-assign-summary b,
[color-mode="dark"] .pe-roadmap-step strong,
[color-mode="dark"] .pe-roadmap-outcomes strong,
[color-mode="dark"] .pe-roadmap-inline-resources h4,
[color-mode="dark"] .pe-op-guidance strong,
[color-mode="dark"] .pe-op-step-guidance strong,
[color-mode="dark"] .pe-op-step-dependency strong,
[color-mode="dark"] .pe-measure-edit-head,
[color-mode="dark"] .pe-attendee-copy strong,
[color-mode="dark"] .pe-confidential-option strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pe-stat > div > span,
[color-mode="dark"] .pe-stat small,
[color-mode="dark"] .pe-focus-banner small,
[color-mode="dark"] .pe-hub-tab,
[color-mode="dark"] .pe-hub-tab i,
[color-mode="dark"] .pe-empty p,
[color-mode="dark"] .pe-muted,
[color-mode="dark"] .pe-page .pe-muted,
[color-mode="dark"] .pe-objective-hero > .pe-objective-hero-head > div > p,
[color-mode="dark"] .pe-objective-meta small,
[color-mode="dark"] .pe-objective-name small,
[color-mode="dark"] .pe-owner-cell small,
[color-mode="dark"] .pe-initiative-title small,
[color-mode="dark"] .pe-task-main small,
[color-mode="dark"] .pe-task-head,
[color-mode="dark"] .pe-card > header p,
[color-mode="dark"] .pe-card-collapse-description,
[color-mode="dark"] .pe-modal > header p,
[color-mode="dark"] .pe-drawer > header p,
[color-mode="dark"] .pe-review-cadence small,
[color-mode="dark"] .pe-kpi-head,
[color-mode="dark"] .pe-kpi-row span,
[color-mode="dark"] .pe-context-block p,
[color-mode="dark"] .pe-context-block li,
[color-mode="dark"] .pe-op-area small,
[color-mode="dark"] .pe-op-score small,
[color-mode="dark"] .pe-op-table-head,
[color-mode="dark"] .pe-op-process-step > summary em,
[color-mode="dark"] .pe-op-pace p,
[color-mode="dark"] .pe-maturity-stage-track b,
[color-mode="dark"] .pe-maturity-stage-track small,
[color-mode="dark"] .pe-maturity-current-target small,
[color-mode="dark"] .pe-op-scale,
[color-mode="dark"] .pe-subcategory-progress small,
[color-mode="dark"] .pe-roadmap-section-head p,
[color-mode="dark"] .pe-roadmap-recommendation p,
[color-mode="dark"] .pe-roadmap-table-head,
[color-mode="dark"] .pe-roadmap-step small,
[color-mode="dark"] .pe-roadmap-summary-value,
[color-mode="dark"] .pe-roadmap-outcomes p,
[color-mode="dark"] .pe-op-guidance small,
[color-mode="dark"] .pe-form-note,
[color-mode="dark"] .pe-field small,
[color-mode="dark"] .pe-confidential-option small {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-objective-hero,
[color-mode="dark"] .pe-objective-meta > div,
[color-mode="dark"] .pe-context-block,
[color-mode="dark"] .pe-initiative,
[color-mode="dark"] .pe-initiative-head,
[color-mode="dark"] .pe-task-row,
[color-mode="dark"] .pe-task-head,
[color-mode="dark"] .pe-review-cadence,
[color-mode="dark"] .pe-measure-edit-row,
[color-mode="dark"] .pe-attendee,
[color-mode="dark"] .pe-icon-button,
[color-mode="dark"] .pe-form-note,
[color-mode="dark"] .pe-confidential-option,
[color-mode="dark"] .pe-modal-actions,
[color-mode="dark"] .pe-drawer,
[color-mode="dark"] .pe-drawer > header,
[color-mode="dark"] .pe-drawer-footer,
[color-mode="dark"] .pe-drawer-close,
[color-mode="dark"] .pe-op-process-step > summary,
[color-mode="dark"] .pe-op-step-guidance,
[color-mode="dark"] .pe-op-step-dependency,
[color-mode="dark"] .pe-op-pace,
[color-mode="dark"] .pe-op-ack,
[color-mode="dark"] .pe-maturity-current-target,
[color-mode="dark"] .pe-maturity-stage-track span,
[color-mode="dark"] .pe-subcategory,
[color-mode="dark"] .pe-subcategory-number,
[color-mode="dark"] .pe-subcategory-average,
[color-mode="dark"] .pe-op-row,
[color-mode="dark"] .pe-op-guidance,
[color-mode="dark"] .pe-roadmap-recommendation,
[color-mode="dark"] .pe-roadmap-preview-step,
[color-mode="dark"] .pe-roadmap-assign-summary > div,
[color-mode="dark"] .pe-roadmap-step,
[color-mode="dark"] .pe-roadmap-step-details,
[color-mode="dark"] .pe-roadmap-outcomes article,
[color-mode="dark"] .pe-roadmap-inline-resources,
[color-mode="dark"] .pe-resource,
[color-mode="dark"] .pe-step-detail,
[color-mode="dark"] .pe-acc-priority,
[color-mode="dark"] .pe-acc-commitment,
[color-mode="dark"] .pe-acc-next-oneonone,
[color-mode="dark"] .pe-acc-section,
[color-mode="dark"] .pe-oo-meeting-setup,
[color-mode="dark"] .pe-oo-guidance,
[color-mode="dark"] .pe-oo-directory-list label,
[color-mode="dark"] .pe-cal-day,
[color-mode="dark"] .pe-cal-agenda-row,
[color-mode="dark"] .pe-cal-event-panel,
[color-mode="dark"] .pe-apr-shell,
[color-mode="dark"] .pe-apr-section,
[color-mode="dark"] .pe-apr-row,
[color-mode="dark"] .pe-apr-note,
[color-mode="dark"] .pe-empty,
[color-mode="dark"] .pe-help-callout,
[color-mode="dark"] .pe-soft-block,
[color-mode="dark"] .pe-view-toolbar,
[color-mode="dark"] .pe-filters,
[color-mode="dark"] .pe-table-wrap {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .pe-objective-hero,
[color-mode="dark"] .pe-drawer > header,
[color-mode="dark"] .pe-modal-actions,
[color-mode="dark"] .pe-drawer-footer {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .pe-stat-icon.tone-blue,
[color-mode="dark"] .pe-focus-icon {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-stat-icon.tone-green {
  background: rgba(63, 185, 80, 0.14) !important;
  color: var(--dm-green) !important;
}

[color-mode="dark"] .pe-stat-icon.tone-amber {
  background: rgba(210, 153, 34, 0.16) !important;
  color: var(--dm-amber) !important;
}

[color-mode="dark"] .pe-stat-icon.tone-purple {
  background: rgba(163, 113, 247, 0.16) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .pe-stat-icon.tone-red {
  background: rgba(248, 81, 73, 0.14) !important;
  color: var(--dm-red) !important;
}

[color-mode="dark"] .pe-cal-day.is-empty,
[color-mode="dark"] .pe-acc-next-oneonone.is-empty,
[color-mode="dark"] .pe-review-cadence--static {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .pe-initiative-head:hover,
[color-mode="dark"] .pe-op-row:hover,
[color-mode="dark"] .pe-subcategory:hover,
[color-mode="dark"] .pe-acc-priority:hover,
[color-mode="dark"] .pe-acc-commitment:hover,
[color-mode="dark"] .pe-review-cadence:hover {
  background: rgba(88, 166, 255, 0.08) !important;
}

[color-mode="dark"] .pe-subcategory.is-selected {
  background: rgba(88, 166, 255, 0.12) !important;
  box-shadow: inset 4px 0 0 var(--dm-blue-bright);
}

[color-mode="dark"] .pe-pill.not-started,
[color-mode="dark"] .pe-progress {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-pill.on-track,
[color-mode="dark"] .pe-pill.complete {
  background: rgba(63, 185, 80, 0.16) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .pe-pill.watch,
[color-mode="dark"] .pe-pill.in-progress {
  background: rgba(210, 153, 34, 0.16) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .pe-pill.at-risk {
  background: rgba(248, 81, 73, 0.14) !important;
  color: #f85149 !important;
}

[color-mode="dark"] .pe-help-callout,
[color-mode="dark"] .pe-op-pace--stretch,
[color-mode="dark"] .pe-oo-guidance.annual,
[color-mode="dark"] [class*="pe-"][class*="callout"],
[color-mode="dark"] [class*="pe-"][class*="banner"]:not(.pe-focus-banner):not(.pe-oo-attention) {
  background: rgba(210, 153, 34, 0.12) !important;
  border-color: rgba(210, 153, 34, 0.35) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-form-note {
  background: rgba(88, 166, 255, 0.1) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-confidential-option,
[color-mode="dark"] .pe-confidential-badge {
  background: rgba(248, 81, 73, 0.12) !important;
  border-color: rgba(248, 81, 73, 0.35) !important;
  color: #ff7b72 !important;
}

[color-mode="dark"] .pe-confidential-option strong {
  color: #ff7b72 !important;
}

[color-mode="dark"] .pe-op-pace {
  background: rgba(63, 185, 80, 0.1) !important;
  border-color: rgba(63, 185, 80, 0.35) !important;
}

[color-mode="dark"] .pe-op-pace--high-risk {
  background: rgba(248, 81, 73, 0.12) !important;
  border-color: rgba(248, 81, 73, 0.35) !important;
}

[color-mode="dark"] .pe-op-pace--not-planned,
[color-mode="dark"] .pe-op-pace--achieved,
[color-mode="dark"] .pe-op-number,
[color-mode="dark"] .pe-op-step-guidance,
[color-mode="dark"] .pe-op-step-dependency,
[color-mode="dark"] .pe-roadmap-recommendation,
[color-mode="dark"] .pe-subcategory-average,
[color-mode="dark"] .pe-op-guidance,
[color-mode="dark"] .pe-maturity-current-target {
  background: rgba(88, 166, 255, 0.1) !important;
  border-color: rgba(88, 166, 255, 0.3) !important;
}

[color-mode="dark"] .pe-op-number {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-op-current-marker i {
  background: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-op-current-marker small {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-cal-chip--objective,
[color-mode="dark"] .pe-cal-cat--objective,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--objective {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-cal-chip--initiative,
[color-mode="dark"] .pe-cal-cat--initiative,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--initiative {
  background: rgba(163, 113, 247, 0.14) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .pe-cal-chip--task,
[color-mode="dark"] .pe-cal-cat--task,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--task {
  background: rgba(63, 185, 80, 0.14) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .pe-cal-chip--maturity,
[color-mode="dark"] .pe-cal-chip--growth-roadmap,
[color-mode="dark"] .pe-cal-cat--maturity,
[color-mode="dark"] .pe-cal-cat--growth-roadmap,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--growth-roadmap {
  background: rgba(210, 153, 34, 0.14) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .pe-button:not(.pe-button--primary):not(.is-primary),
[color-mode="dark"] .pe-card-collapse-toggle,
[color-mode="dark"] .pe-task-status,
[color-mode="dark"] .pe-icon-button {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-apr-close,
[color-mode="dark"] .pe-drawer-close,
[color-mode="dark"] .pe-modal-close {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-context-block small,
[color-mode="dark"] .pe-subcategory-action,
[color-mode="dark"] .pe-op-process-step > summary small,
[color-mode="dark"] .pe-op-process-step > summary > i {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-op-improvement {
  color: #3fb950 !important;
}

/* —— Accountability / One-on-Ones deep —— */
[color-mode="dark"] .pe-acc-commitment-detail,
[color-mode="dark"] .pe-acc-detail-tabs button,
[color-mode="dark"] .pe-acc-notes-list article,
[color-mode="dark"] .pe-acc-oo-picker,
[color-mode="dark"] .pe-acc-oo-picker > button,
[color-mode="dark"] .pe-acc-oo-picker-list button,
[color-mode="dark"] .pe-acc-org-stats article,
[color-mode="dark"] .pe-acc-person-group,
[color-mode="dark"] .pe-acc-person-group > header,
[color-mode="dark"] .pe-acc-org-item,
[color-mode="dark"] .pe-acc-overdue-item,
[color-mode="dark"] .pe-acc-add-oo,
[color-mode="dark"] .pe-acc-agenda-selected article,
[color-mode="dark"] .pe-oo-attention,
[color-mode="dark"] .pe-oo-table-head,
[color-mode="dark"] .pe-oo-row,
[color-mode="dark"] .pe-oo-rhythm article,
[color-mode="dark"] .pe-oo-meeting-setup,
[color-mode="dark"] .pe-oo-schedule-summary,
[color-mode="dark"] .pe-oo-apr-summary,
[color-mode="dark"] .pe-oo-notes-shell,
[color-mode="dark"] .pe-oo-notes-topbar,
[color-mode="dark"] .pe-oo-notes-heading,
[color-mode="dark"] .pe-oo-next-card,
[color-mode="dark"] .pe-oo-next-side-card,
[color-mode="dark"] .pe-oo-commitments-review,
[color-mode="dark"] .pe-oo-note-card,
[color-mode="dark"] .pe-oo-split-statuses > div,
[color-mode="dark"] .pe-oo-agenda-inline,
[color-mode="dark"] .pe-oo-agenda-inline span,
[color-mode="dark"] .pe-oo-actions-bar,
[color-mode="dark"] .pe-oo-about-schedule,
[color-mode="dark"] .pe-oo-prep-tip,
[color-mode="dark"] .pe-oo-history-section--page,
[color-mode="dark"] .pe-oo-history-card--page,
[color-mode="dark"] .pe-oo-action-list--page label,
[color-mode="dark"] .pe-oo-action-modal,
[color-mode="dark"] .pe-oo-action-link > label,
[color-mode="dark"] .pe-oo-schedule-card,
[color-mode="dark"] .pe-oo-schedule-card > article,
[color-mode="dark"] .pe-oo-progress-card {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: none;
}

[color-mode="dark"] .pe-acc-commitment-detail,
[color-mode="dark"] .pe-oo-notes-shell,
[color-mode="dark"] .pe-oo-action-modal,
[color-mode="dark"] .pe-acc-oo-picker {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .pe-drawer > header h2,
[color-mode="dark"] .pe-modal > header h3,
[color-mode="dark"] .pe-acc-section-title h3,
[color-mode="dark"] .pe-acc-person-group > header h3,
[color-mode="dark"] .pe-acc-org-item-head h4,
[color-mode="dark"] .pe-acc-overdue-main h4,
[color-mode="dark"] .pe-acc-commitment-copy strong,
[color-mode="dark"] .pe-acc-org-stats strong,
[color-mode="dark"] .pe-acc-week-label strong,
[color-mode="dark"] .pe-acc-oo-picker strong,
[color-mode="dark"] .pe-oo-meeting-setup > header h4,
[color-mode="dark"] .pe-oo-notes-heading h2,
[color-mode="dark"] .pe-oo-next-card-title strong,
[color-mode="dark"] .pe-oo-next-side-date strong,
[color-mode="dark"] .pe-oo-note-card h3,
[color-mode="dark"] .pe-oo-commitments-review > header h3,
[color-mode="dark"] .pe-oo-actions-bar strong,
[color-mode="dark"] .pe-oo-action-modal > header h3,
[color-mode="dark"] .pe-oo-action-link strong,
[color-mode="dark"] .pe-oo-schedule-card strong,
[color-mode="dark"] .pe-oo-schedule-card > header h3,
[color-mode="dark"] .pe-oo-rhythm b,
[color-mode="dark"] .pe-oo-identity strong,
[color-mode="dark"] .pe-oo-attention strong,
[color-mode="dark"] .pe-oo-history-section--page > header h3,
[color-mode="dark"] .pe-acc-detail-tabs button.is-active {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pe-acc-commitment-detail small,
[color-mode="dark"] .pe-acc-commitment-detail p,
[color-mode="dark"] .pe-acc-commitment-copy small,
[color-mode="dark"] .pe-acc-commitment-copy span,
[color-mode="dark"] .pe-acc-person-group > header p,
[color-mode="dark"] .pe-acc-person-group > header b,
[color-mode="dark"] .pe-acc-org-stats small,
[color-mode="dark"] .pe-acc-org-stats span,
[color-mode="dark"] .pe-acc-oo-picker small,
[color-mode="dark"] .pe-acc-oo-picker-list span,
[color-mode="dark"] .pe-oo-table-head,
[color-mode="dark"] .pe-oo-attention p,
[color-mode="dark"] .pe-oo-meeting-setup > header p,
[color-mode="dark"] .pe-oo-meeting-setup > header small,
[color-mode="dark"] .pe-oo-notes-heading p,
[color-mode="dark"] .pe-oo-next-card-title em,
[color-mode="dark"] .pe-oo-next-card-copy > p,
[color-mode="dark"] .pe-oo-next-side-date em,
[color-mode="dark"] .pe-oo-note-card header p,
[color-mode="dark"] .pe-oo-note-card footer small,
[color-mode="dark"] .pe-oo-actions-bar p,
[color-mode="dark"] .pe-oo-action-modal > header p,
[color-mode="dark"] .pe-oo-action-link legend,
[color-mode="dark"] .pe-oo-action-link small,
[color-mode="dark"] .pe-oo-schedule-card > header p,
[color-mode="dark"] .pe-oo-schedule-card small,
[color-mode="dark"] .pe-oo-schedule-card em,
[color-mode="dark"] .pe-oo-schedule-card p,
[color-mode="dark"] .pe-oo-rhythm small,
[color-mode="dark"] .pe-oo-rhythm p,
[color-mode="dark"] .pe-oo-identity small,
[color-mode="dark"] .pe-acc-assigned-by {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-acc-detail-tabs button.is-active,
[color-mode="dark"] .pe-acc-add-oo.is-on,
[color-mode="dark"] .pe-acc-oo-picker > button.is-selected,
[color-mode="dark"] .pe-acc-oo-picker-list button.is-selected {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.4) !important;
  color: #2dd4bf !important;
}

[color-mode="dark"] .pe-acc-classification,
[color-mode="dark"] .pe-acc-classification.operational {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.35) !important;
  color: #2dd4bf !important;
}

[color-mode="dark"] .pe-oo-attention {
  background: rgba(248, 81, 73, 0.12) !important;
  border-color: rgba(248, 81, 73, 0.35) !important;
}

[color-mode="dark"] .pe-oo-attention strong {
  color: #ff7b72 !important;
}

[color-mode="dark"] .pe-oo-attention-icon {
  background: rgba(248, 81, 73, 0.18) !important;
  color: #f85149 !important;
}

[color-mode="dark"] .pe-oo-actions-bar,
[color-mode="dark"] .pe-oo-about-schedule,
[color-mode="dark"] .pe-oo-agenda-inline {
  background: rgba(88, 166, 255, 0.1) !important;
  border-color: rgba(88, 166, 255, 0.3) !important;
}

[color-mode="dark"] .pe-oo-prep-tip {
  background: rgba(210, 153, 34, 0.12) !important;
  border-color: rgba(210, 153, 34, 0.35) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-oo-prep-tip strong {
  color: #e3b341 !important;
}

[color-mode="dark"] .pe-oo-meeting-setup.is-enabled {
  background: rgba(88, 166, 255, 0.08) !important;
  border-color: rgba(88, 166, 255, 0.3) !important;
}

[color-mode="dark"] .pe-oo-schedule-summary dl > div,
[color-mode="dark"] .pe-oo-apr-summary dl > div {
  border-left-color: var(--dm-border) !important;
}

[color-mode="dark"] .pe-oo-action-modal > header button,
[color-mode="dark"] .pe-oo-notes-close {
  background: var(--dm-surface-3) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-acc-type-icon,
[color-mode="dark"] .pe-oo-rhythm-icon,
[color-mode="dark"] .pe-oo-next-icon,
[color-mode="dark"] .pe-oo-schedule-card .pe-oo-rhythm-icon {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-oo-commitments-review .pe-acc-agenda-empty,
[color-mode="dark"] .pe-acc-agenda-empty {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-oo-workspace.pe-oo-notes-page,
[color-mode="dark"] .pe-oo-notes-heading {
  background: var(--dm-bg) !important;
}

[color-mode="dark"] .pe-oo-schedule-summary-footer,
[color-mode="dark"] .pe-oo-profile-card,
[color-mode="dark"] .pe-oo-schedule-dirty-note,
[color-mode="dark"] .pe-acc-publish-preview {
  background: var(--dm-surface-3) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-oo-schedule-summary dd,
[color-mode="dark"] .pe-oo-apr-summary dd,
[color-mode="dark"] .pe-oo-apr-table--summary .pe-oo-apr-meeting-cell b,
[color-mode="dark"] .pe-oo-profile-card h3,
[color-mode="dark"] .pe-acc-org-item-head h4,
[color-mode="dark"] .pe-acc-overdue-main h4,
[color-mode="dark"] .pe-acc-overdue-empty h3,
[color-mode="dark"] .pe-acc-request-context strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pe-oo-schedule-summary dt,
[color-mode="dark"] .pe-oo-apr-summary dt,
[color-mode="dark"] .pe-oo-schedule-summary-footer p,
[color-mode="dark"] .pe-oo-apr-table--summary td,
[color-mode="dark"] .pe-oo-split-statuses > div > small,
[color-mode="dark"] .pe-oo-next-progress > span:first-child,
[color-mode="dark"] .pe-acc-org-item-head small,
[color-mode="dark"] .pe-acc-org-item p,
[color-mode="dark"] .pe-acc-overdue-main small,
[color-mode="dark"] .pe-acc-overdue-main p,
[color-mode="dark"] .pe-acc-org-item footer,
[color-mode="dark"] .pe-acc-overdue-item footer,
[color-mode="dark"] .pe-oo-profile-card p,
[color-mode="dark"] .pe-oo-profile-card small {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-oo-notes-page .pe-oo-back,
[color-mode="dark"] .pe-acc-oo-view-all,
[color-mode="dark"] .pe-oo-next-card-copy small,
[color-mode="dark"] .pe-oo-attention a {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-oo-schedule-summary-footer,
[color-mode="dark"] .pe-oo-apr-summary dl,
[color-mode="dark"] .pe-acc-commitment-extra,
[color-mode="dark"] .pe-acc-person-group > header {
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .pe-acc-overdue-summary {
  background: rgba(248, 81, 73, 0.12) !important;
  border-color: rgba(248, 81, 73, 0.35) !important;
}

[color-mode="dark"] .pe-acc-overdue-summary small,
[color-mode="dark"] .pe-acc-overdue-summary p {
  color: #ff7b72 !important;
}

[color-mode="dark"] .pe-acc-overdue-summary strong {
  color: var(--dm-text) !important;
}

/* —— PE follow-ups (tasks / OO / calendar) —— */
[color-mode="dark"] .pe-initiative-body,
[color-mode="dark"] .pe-acc-sort,
[color-mode="dark"] .pe-oo-notes-rule,
[color-mode="dark"] .pe-oo-commitments-empty,
[color-mode="dark"] .pe-oo-team-note,
[color-mode="dark"] .pe-oo-team-row,
[color-mode="dark"] .pe-oo-directory,
[color-mode="dark"] .pe-cal-filters,
[color-mode="dark"] .pe-cal-weekdays,
[color-mode="dark"] .pe-cal-seg,
[color-mode="dark"] .pe-cal-toolbar {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pe-initiative-body {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .pe-acc-sort {
  background: var(--dm-surface-3) !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
  color: var(--dm-blue-bright) !important;
  color-scheme: dark;
}

[color-mode="dark"] .pe-acc-sort select {
  background: transparent !important;
  border: 0 !important;
  color: var(--dm-text) !important;
  color-scheme: dark;
}

[color-mode="dark"] .pe-oo-notes-rule {
  background: rgba(210, 153, 34, 0.12) !important;
  border-color: rgba(210, 153, 34, 0.4) !important;
}

[color-mode="dark"] .pe-oo-notes-rule b,
[color-mode="dark"] .pe-oo-team-note b,
[color-mode="dark"] .pe-oo-team-row b,
[color-mode="dark"] .pe-cal-nav strong,
[color-mode="dark"] .pe-cal-filter b,
[color-mode="dark"] .pe-cal-agenda-date b,
[color-mode="dark"] .pe-cal-agenda-copy b,
[color-mode="dark"] .pe-cal-event-hero strong,
[color-mode="dark"] .pe-cal-event-grid b,
[color-mode="dark"] .pe-cal-event-notes h3,
[color-mode="dark"] .pe-cal-invite-section h3 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pe-oo-notes-rule small,
[color-mode="dark"] .pe-oo-monitor-check,
[color-mode="dark"] .pe-oo-team-note small,
[color-mode="dark"] .pe-oo-team-row small,
[color-mode="dark"] .pe-oo-team-list > span,
[color-mode="dark"] .pe-oo-commitments-empty,
[color-mode="dark"] .pe-cal-filter,
[color-mode="dark"] .pe-cal-filter small,
[color-mode="dark"] .pe-cal-weekdays,
[color-mode="dark"] .pe-cal-seg button,
[color-mode="dark"] .pe-cal-day > strong,
[color-mode="dark"] .pe-cal-agenda-date small,
[color-mode="dark"] .pe-cal-agenda-copy small,
[color-mode="dark"] .pe-cal-event-hero p,
[color-mode="dark"] .pe-cal-event-hero small,
[color-mode="dark"] .pe-cal-event-grid small,
[color-mode="dark"] .pe-cal-event-notes p,
[color-mode="dark"] .pe-cal-invite-section > p {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pe-oo-notes-rule span {
  background: rgba(210, 153, 34, 0.22) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .pe-oo-add-commitments {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .pe-cal-seg button.is-active {
  background: var(--dm-surface) !important;
  color: var(--dm-blue-bright) !important;
  box-shadow: none;
}

[color-mode="dark"] .pe-cal-cat--objective,
[color-mode="dark"] .pe-cal-chip--objective {
  background: rgba(88, 166, 255, 0.16) !important;
  color: #79b8ff !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
}

[color-mode="dark"] .pe-cal-cat--one-on-one,
[color-mode="dark"] .pe-cal-chip--one-on-one {
  background: rgba(57, 210, 192, 0.14) !important;
  color: #56d4bf !important;
  border-color: rgba(57, 210, 192, 0.4) !important;
}

[color-mode="dark"] .pe-cal-cat--objective-review,
[color-mode="dark"] .pe-cal-chip--objective-review {
  background: rgba(57, 210, 192, 0.12) !important;
  color: #56d4bf !important;
}

[color-mode="dark"] .pe-cal-cat--initiative,
[color-mode="dark"] .pe-cal-chip--initiative {
  background: rgba(163, 113, 247, 0.16) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .pe-cal-event-hero {
  background: var(--dm-surface-3) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--one-on-one,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--objective,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--objective-review,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--initiative,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--task,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--maturity,
[color-mode="dark"] .pe-cal-event-hero.pe-cal-cat-tone--growth-roadmap {
  background: var(--dm-surface-3) !important;
}

/* Strategic timeline (embedded / standalone) */
[color-mode="dark"] #strategicTimelineApp {
  background: var(--dm-bg) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .st-page-head {
  background: transparent !important;
  border-bottom-color: var(--dm-border) !important;
}

[color-mode="dark"] .st-page-head h1,
[color-mode="dark"] .st-timeline-card-head strong,
[color-mode="dark"] .st-outcomes-head h2,
[color-mode="dark"] .st-filter-reset strong,
[color-mode="dark"] .st-empty h3,
[color-mode="dark"] .st-state h3,
[color-mode="dark"] .st-modal header h3,
[color-mode="dark"] .st-metric-copy strong,
[color-mode="dark"] .st-outcome-title,
[color-mode="dark"] .st-measure-list li strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .st-eyebrow {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .st-eyebrow-dot {
  background: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .st-subtitle,
[color-mode="dark"] .st-timeline-card-head span,
[color-mode="dark"] .st-legend-item,
[color-mode="dark"] .st-outcomes-head p,
[color-mode="dark"] .st-filter-reset span,
[color-mode="dark"] .st-footer-note,
[color-mode="dark"] .st-empty,
[color-mode="dark"] .st-state,
[color-mode="dark"] .st-modal header p,
[color-mode="dark"] .st-metric-copy span,
[color-mode="dark"] .st-metric-copy small,
[color-mode="dark"] .st-meta-text,
[color-mode="dark"] .st-header-label strong,
[color-mode="dark"] .st-header-label span,
[color-mode="dark"] .st-quarter,
[color-mode="dark"] .st-month,
[color-mode="dark"] .st-outcome-statement,
[color-mode="dark"] .st-outcome-label,
[color-mode="dark"] .st-measure-title,
[color-mode="dark"] .st-progress-value,
[color-mode="dark"] .st-objective-progress-inline b {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .st-metric,
[color-mode="dark"] .st-toolbar,
[color-mode="dark"] .st-timeline-card,
[color-mode="dark"] .st-outcomes-panel,
[color-mode="dark"] .st-outcome-card,
[color-mode="dark"] .st-modal,
[color-mode="dark"] .st-filter-reset {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .st-button {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .st-button:hover {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .st-button.primary {
  background: var(--dm-blue) !important;
  border-color: var(--dm-blue) !important;
  color: #fff !important;
}

[color-mode="dark"] .st-button.primary:hover {
  background: #3d5afe !important;
  border-color: #3d5afe !important;
}

[color-mode="dark"] .st-text-button,
[color-mode="dark"] .st-filter-reset button,
[color-mode="dark"] .st-outcome-action,
[color-mode="dark"] .st-outcomes-head .kicker,
[color-mode="dark"] .st-modal header .eyebrow {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .st-search input,
[color-mode="dark"] .st-select select,
[color-mode="dark"] .st-field input,
[color-mode="dark"] .st-field select,
[color-mode="dark"] .st-field textarea {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .st-field span {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .st-timeline-card-head,
[color-mode="dark"] .st-outcomes-head,
[color-mode="dark"] .st-modal header,
[color-mode="dark"] .st-modal footer {
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .st-timeline-header,
[color-mode="dark"] .st-header-label {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .st-row {
  border-bottom-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .st-row-label,
[color-mode="dark"] .st-calendar-cell {
  background-color: var(--dm-surface) !important;
}

[color-mode="dark"] .st-calendar-cell {
  background-image: repeating-linear-gradient(
    to right,
    transparent 0,
    transparent calc((100% / var(--st-month-count, 12)) - 1px),
    var(--dm-border-soft) calc((100% / var(--st-month-count, 12)) - 1px),
    var(--dm-border-soft) calc(100% / var(--st-month-count, 12))
  ) !important;
}

[color-mode="dark"] .st-row:hover .st-row-label,
[color-mode="dark"] .st-row:hover .st-calendar-cell {
  background-color: var(--dm-surface-2) !important;
}

[color-mode="dark"] .st-row.objective .st-row-label,
[color-mode="dark"] .st-row.objective .st-calendar-cell {
  background-color: rgba(88, 166, 255, 0.06) !important;
}

[color-mode="dark"] .st-node-title {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .st-row.task .st-node-title {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .st-month.current {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .st-metric-icon.progress-ring::after {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .st-metric.blue { --metric-soft: rgba(88, 166, 255, 0.16); }
[color-mode="dark"] .st-metric.green { --metric-soft: rgba(63, 185, 80, 0.16); }
[color-mode="dark"] .st-metric.orange { --metric-soft: rgba(210, 153, 34, 0.16); }
[color-mode="dark"] .st-metric.violet { --metric-soft: rgba(163, 113, 247, 0.16); }
[color-mode="dark"] .st-metric.red { --metric-soft: rgba(248, 81, 73, 0.16); }

[color-mode="dark"] .st-mini-avatar {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .st-objective-progress-inline .track,
[color-mode="dark"] .st-progress-line {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .st-measure-list li,
[color-mode="dark"] .st-measure-list li span,
[color-mode="dark"] .st-outcome-chevron,
[color-mode="dark"] .st-chevron {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .st-initiative-bar {
  background: linear-gradient(90deg, rgba(88, 166, 255, 0.28), rgba(88, 166, 255, 0.14)) !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
  box-shadow: none !important;
}

[color-mode="dark"] .st-initiative-bar.obj-2 {
  background: linear-gradient(90deg, rgba(63, 185, 80, 0.28), rgba(63, 185, 80, 0.14)) !important;
  border-color: rgba(63, 185, 80, 0.45) !important;
}

[color-mode="dark"] .st-initiative-bar.obj-3 {
  background: linear-gradient(90deg, rgba(163, 113, 247, 0.28), rgba(163, 113, 247, 0.14)) !important;
  border-color: rgba(163, 113, 247, 0.45) !important;
}

[color-mode="dark"] .st-initiative-bar.obj-4 {
  background: linear-gradient(90deg, rgba(45, 212, 191, 0.28), rgba(45, 212, 191, 0.14)) !important;
  border-color: rgba(45, 212, 191, 0.45) !important;
}

[color-mode="dark"] .st-initiative-bar.obj-5 {
  background: linear-gradient(90deg, rgba(210, 153, 34, 0.28), rgba(210, 153, 34, 0.14)) !important;
  border-color: rgba(210, 153, 34, 0.45) !important;
}

[color-mode="dark"] .st-bar-label,
[color-mode="dark"] .st-initiative-bar .st-bar-label,
[color-mode="dark"] .st-initiative-bar.obj-2 .st-bar-label,
[color-mode="dark"] .st-initiative-bar.obj-3 .st-bar-label,
[color-mode="dark"] .st-initiative-bar.obj-4 .st-bar-label,
[color-mode="dark"] .st-initiative-bar.obj-5 .st-bar-label,
[color-mode="dark"] .st-objective-bar .st-bar-label,
[color-mode="dark"] .st-objective-bar.obj-2 .st-bar-label,
[color-mode="dark"] .st-objective-bar.obj-3 .st-bar-label,
[color-mode="dark"] .st-objective-bar.obj-4 .st-bar-label,
[color-mode="dark"] .st-objective-bar.obj-5 .st-bar-label {
  text-shadow: none !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .st-objective-bar[data-label-tone="on-fill"] .st-bar-label {
  color: #fff !important;
}

[color-mode="dark"] .st-task-track {
  background: var(--dm-border) !important;
}

[color-mode="dark"] .st-milestone.not-started,
[color-mode="dark"] .st-milestone.on-track,
[color-mode="dark"] .st-milestone.off-track,
[color-mode="dark"] .st-node-dot.not-started {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .st-milestone.at-risk {
  background: rgba(210, 153, 34, 0.2) !important;
}

[color-mode="dark"] .st-timeline-scroll {
  scrollbar-color: #484f58 transparent;
}

[color-mode="dark"] .st-modal-backdrop {
  background: rgba(0, 0, 0, 0.65) !important;
}

/* —— Modals / overlays —— */
[color-mode="dark"] .course-assessment-iframe-wrap {
  background: var(--dm-bg) !important;
  color: var(--dm-text);
}

[color-mode="dark"] .assess-guide-modal__backdrop,
[color-mode="dark"] .trial-upgrade-modal__backdrop {
  background: rgba(0, 0, 0, 0.65);
}

[color-mode="dark"] .assess-guide-modal__dialog,
[color-mode="dark"] .trial-upgrade-modal__dialog {
  background: var(--dm-surface) !important;
  border: 1px solid var(--dm-border);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .assess-guide-modal__close,
[color-mode="dark"] .trial-upgrade-modal__close {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .assess-guide-modal__close:hover,
[color-mode="dark"] .trial-upgrade-modal__close:hover {
  color: var(--dm-text);
}

[color-mode="dark"] .assess-guide-panel__title,
[color-mode="dark"] .trial-upgrade-modal__title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .assess-guide-panel__lead,
[color-mode="dark"] .assess-guide-panel__body,
[color-mode="dark"] .assess-guide-panel__step,
[color-mode="dark"] .assess-guide-panel__dont-show,
[color-mode="dark"] .trial-upgrade-modal__row-copy p {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .assess-guide-panel__bullets li,
[color-mode="dark"] .assess-guide-panel__value-list li,
[color-mode="dark"] .assess-guide-panel__steps li,
[color-mode="dark"] .trial-upgrade-modal__row-copy h3 {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .assess-guide-panel__link-btn {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .assess-guide-panel__link-btn:hover {
  color: var(--dm-text);
}

[color-mode="dark"] .assess-guide-panel__secondary-btn,
[color-mode="dark"] .assess-guide-panel__dismiss-btn,
[color-mode="dark"] .trial-upgrade-modal__cta--outline {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .assess-guide-panel__secondary-btn:hover,
[color-mode="dark"] .assess-guide-panel__dismiss-btn:hover {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .assess-guide-panel__continue {
  color: #2dd4bf;
}

[color-mode="dark"] .assess-guide-panel__continue:hover {
  color: #5eead4;
}

[color-mode="dark"] .assess-guide-progress__track {
  stroke: #30363d;
}

[color-mode="dark"] .assess-guide-progress__label {
  color: var(--dm-text);
}

[color-mode="dark"] .assess-guide-progress__label span {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .assess-guide-panel__thumb {
  background: var(--dm-surface-2);
  border-color: var(--dm-border);
}

[color-mode="dark"] g.blueprint-radar__labels {
  fill: #fff !important;
}

/* —— Inputs —— */
[color-mode="dark"] input,
[color-mode="dark"] textarea,
[color-mode="dark"] select {
  background-color: var(--dm-surface);
  color: var(--dm-text);
  border-color: var(--dm-border);
}

[color-mode="dark"] input::placeholder,
[color-mode="dark"] textarea::placeholder {
  color: var(--dm-text-muted);
}

/* —— Tailwind utility spillover used across hubs —— */
[color-mode="dark"] .border-slate-200,
[color-mode="dark"] .border-gray-200,
[color-mode="dark"] .border-slate-100 {
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .shadow-sm,
[color-mode="dark"] .shadow,
[color-mode="dark"] .shadow-md {
  box-shadow: var(--dm-shadow) !important;
}

[color-mode="dark"] .rounded-2xl.border.bg-white,
[color-mode="dark"] .rounded-xl.border.bg-white,
[color-mode="dark"] .rounded-lg.border.bg-white,
[color-mode="dark"] #root .bg-white,
[color-mode="dark"] .app-root .bg-white,
[color-mode="dark"] .resource-card,
[color-mode="dark"] .browse-categories,
[color-mode="dark"] .filters-card,
[color-mode="dark"] .resources-card,
[color-mode="dark"] .how-it-works-card,
[color-mode="dark"] .success-popup-card {
  background-color: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] #root .bg-slate-50,
[color-mode="dark"] #root .bg-slate-100,
[color-mode="dark"] #root .bg-teal-50,
[color-mode="dark"] #root .bg-teal-100,
[color-mode="dark"] #root .hover\:bg-slate-50:hover,
[color-mode="dark"] #root .hover\:bg-slate-100:hover,
[color-mode="dark"] .app-root .bg-slate-50,
[color-mode="dark"] .app-root .bg-slate-100,
[color-mode="dark"] .browse-category-item.is-active,
[color-mode="dark"] .browse-category-item.bg-teal-50,
[color-mode="dark"] .tab-group {
  background-color: var(--dm-surface-2) !important;
}

[color-mode="dark"] #root .text-slate-900,
[color-mode="dark"] #root .text-slate-800,
[color-mode="dark"] .app-root .text-slate-900,
[color-mode="dark"] .app-root .text-slate-800,
[color-mode="dark"] .resource-title,
[color-mode="dark"] #root .resource-title,
[color-mode="dark"] #root h3.font-semibold,
[color-mode="dark"] #root .app-title,
[color-mode="dark"] #root .filters-title,
[color-mode="dark"] #root .modal-title,
[color-mode="dark"] #root .browse-category-item .font-medium,
[color-mode="dark"] #root .text-lg.font-semibold,
[color-mode="dark"] .success-popup-title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] #root .text-slate-700,
[color-mode="dark"] #root .text-slate-600,
[color-mode="dark"] #root .text-slate-500,
[color-mode="dark"] .app-root .text-slate-700,
[color-mode="dark"] .app-root .text-slate-600,
[color-mode="dark"] .app-root .text-slate-500,
[color-mode="dark"] .success-popup-message,
[color-mode="dark"] .resource-overview {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] #root .border-slate-200,
[color-mode="dark"] #root .border-slate-100,
[color-mode="dark"] .app-root .border-slate-200,
[color-mode="dark"] .app-root .border-slate-100,
[color-mode="dark"] .browse-category-item,
[color-mode="dark"] .subcategory-pill {
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .source-first-party,
[color-mode="dark"] .source-pill.source-first-party {
  background: rgba(88, 166, 255, 0.16) !important;
  color: #79b8ff !important;
  border: 1px solid rgba(88, 166, 255, 0.35);
}

[color-mode="dark"] .source-trusted,
[color-mode="dark"] .source-pill.source-trusted {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .subcategory-pill:not(.is-active) {
  background: transparent !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .tab-button.is-active,
[color-mode="dark"] #root .tab-button.bg-white {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .success-popup-close,
[color-mode="dark"] #root .filters-search-input,
[color-mode="dark"] #root .filter-category-select,
[color-mode="dark"] #root .filter-subcategory-select,
[color-mode="dark"] #root .form-input,
[color-mode="dark"] #root .form-textarea {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

/* —— Growth Hub / onboarding-dashboard (legacy content below operational) —— */
[color-mode="dark"] .onboarding-dashboard .panel,
[color-mode="dark"] .onboarding-dashboard .panel--card,
[color-mode="dark"] .onboarding-dashboard .panel.panel--card.focus-card,
[color-mode="dark"] .pathway-card,
[color-mode="dark"] .onboarding-tpos-summary .card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .snapshot-hero__title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .snapshot-hero__crumb--strong,
[color-mode="dark"] .onboarding-dashboard .panel__title,
[color-mode="dark"] .pathway-panel__title,
[color-mode="dark"] .blueprint-panel__title,
[color-mode="dark"] .insight-card__heading,
[color-mode="dark"] .focus-card__eyebrow,
[color-mode="dark"] .growth-focus-card__title,
[color-mode="dark"] .growth-focus-card__years strong,
[color-mode="dark"] .position-metric-row__num,
[color-mode="dark"] .blueprint-legend-panel__advanced-count,
[color-mode="dark"] .blueprint-legend-panel__title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .onboarding-dashboard .panel__subtitle,
[color-mode="dark"] .snapshot-hero__crumb,
[color-mode="dark"] .blueprint-panel__lead,
[color-mode="dark"] .insight-card__meta,
[color-mode="dark"] .focus-card__why,
[color-mode="dark"] .pathway-card__description,
[color-mode="dark"] .pathway-card__included-title,
[color-mode="dark"] .pathway-card__outcome,
[color-mode="dark"] .position-metric-row__denom,
[color-mode="dark"] .growth-focus-card__years span {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .insight-card__update-challenges,
[color-mode="dark"] .snapshot-hero__back-to-dashboard {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .insight-card--position .insight-card__heading,
[color-mode="dark"] .position-highlight__rule {
  border-color: var(--dm-border);
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--dm-border) 12%,
    var(--dm-border) 88%,
    transparent 100%
  );
}

[color-mode="dark"] .insight-card--position .insight-card__heading {
  background: none;
  border-bottom: 1px solid var(--dm-border);
}

[color-mode="dark"] .position-metric-row__label,
[color-mode="dark"] .pathway-card__title,
[color-mode="dark"] .focus-card__heading,
[color-mode="dark"] .focus-card__outcome-label,
[color-mode="dark"] .blueprint-legend-panel__advanced-label,
[color-mode="dark"] .blueprint-legend-dot-item {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .semantic-list,
[color-mode="dark"] .semantic-list li,
[color-mode="dark"] .semantic-list--compact li,
[color-mode="dark"] .semantic-list--blueprint li {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .advanced-assess-bar__track-bg {
  background-color: #21262d;
  background-image:
    radial-gradient(rgba(255, 255, 255, 0.06) 0.4px, transparent 0.55px),
    linear-gradient(180deg, #2a3038 0%, #21262d 50%, #1a1f26 100%);
}

[color-mode="dark"] .advanced-assess-bar__track {
  box-shadow:
    inset 0 2px 5px rgba(0, 0, 0, 0.35),
    0 2px 10px rgba(0, 0, 0, 0.25);
}

[color-mode="dark"] .ambition-highlight__head {
  background: linear-gradient(120deg, rgba(63, 185, 80, 0.28) 0%, rgba(46, 160, 67, 0.22) 50%, rgba(35, 134, 54, 0.3) 100%);
  box-shadow: 0 2px 8px rgba(63, 185, 80, 0.15);
}

[color-mode="dark"] .ambition-highlight__icon {
  background: rgba(255, 255, 255, 0.12);
  color: #7ee787;
}

[color-mode="dark"] .ambition-highlight__goal {
  color: #aff5b4;
}

[color-mode="dark"] .ambition-highlight__label {
  color: #7ee787;
  background: rgba(63, 185, 80, 0.1);
  border-color: rgba(63, 185, 80, 0.45);
}

[color-mode="dark"] .focus-card__source-chip {
  background: rgba(88, 166, 255, 0.1);
  border-color: rgba(88, 166, 255, 0.35);
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .focus-card__source-chip-info {
  background: var(--dm-surface-2);
  border-color: #484f58;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .focus-card__outcome-strip {
  border-top-color: var(--dm-border);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .focus-card__outcome-strip1 {
  background: linear-gradient(120deg, rgba(88, 166, 255, 0.12) 0%, rgba(56, 139, 253, 0.08) 100%);
}

[color-mode="dark"] .focus-card__outcome-strip2 {
  background: linear-gradient(120deg, rgba(63, 185, 80, 0.1) 0%, rgba(46, 160, 67, 0.18) 50%, rgba(63, 185, 80, 0.08) 100%);
}

[color-mode="dark"] .growth-focus-card__pill {
  background: rgba(88, 166, 255, 0.12);
  border-color: rgba(88, 166, 255, 0.35);
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .growth-focus-card__text {
  background-color: var(--dm-surface-2);
  color: var(--dm-text-muted);
}

[color-mode="dark"] .pathway-card__action-hint {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .blueprint-check--tick {
  background: rgba(88, 166, 255, 0.12);
  border-color: var(--dm-blue-bright);
}

[color-mode="dark"] .blueprint-check--tick::after {
  border-color: var(--dm-blue-bright);
}

[color-mode="dark"] .blueprint-check--num {
  border-color: rgba(88, 166, 255, 0.35);
}

[color-mode="dark"] .blueprint-panel__graphic,
[color-mode="dark"] .blueprint-legend-panel {
  background: linear-gradient(160deg, var(--dm-surface-2) 0%, var(--dm-surface) 100%);
  border-color: var(--dm-border);
}

[color-mode="dark"] .blueprint-legend-panel__advanced {
  border-top-color: var(--dm-border);
}

[color-mode="dark"] .blueprint-legend-dot--pending {
  background: linear-gradient(145deg, #484f58 0%, #30363d 100%);
  border-color: #6e7681;
}

[color-mode="dark"] .onboarding-dashboard .advanced-assessments-cta.panel--card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .advanced-assessments-cta__title {
  color: var(--dm-text);
}

[color-mode="dark"] .advanced-assessments-cta__desc,
[color-mode="dark"] .advanced-assessments-cta__hint {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .onboarding-tpos-summary .card {
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .onboarding-tpos-summary [class*="text-teal"],
[color-mode="dark"] .onboarding-tpos-summary .score-dial .dial-title {
  color: var(--dm-teal, #2dd4bf) !important;
}

[color-mode="dark"] .onboarding-tpos-summary .text-slate-600,
[color-mode="dark"] .onboarding-tpos-summary .mr-2,
[color-mode="dark"] .onboarding-tpos-summary .text-sm,
[color-mode="dark"] .onboarding-tpos-summary .text-xs {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .onboarding-tpos-summary .score-dial {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.35);
}

[color-mode="dark"] .onboarding-tpos-summary .score-dial::before {
  background-image: linear-gradient(to bottom, var(--dm-surface), var(--dm-surface-2)) !important;
}

[color-mode="dark"] .onboarding-tpos-summary .tabs-list button[data-state="active"] {
  background: var(--dm-surface-2) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .bm-card,
[color-mode="dark"] .bm-inner {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .bm-title-main,
[color-mode="dark"] .summary-block .summary-title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .bm-sub,
[color-mode="dark"] .bm-mini-label,
[color-mode="dark"] .bm-row-label {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .journey-banner,
[color-mode="dark"] .journey-banner__metrics {
  background: var(--dm-surface);
  border-color: var(--dm-border);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .journey-banner__metrics .metric-item__label {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .journey-banner__metrics .metric-item__value {
  color: var(--dm-text);
}

[color-mode="dark"] .journey-banner__edit-link {
  color: var(--dm-blue-bright);
}

/* —— Business Maturity Hub —— */
[color-mode="dark"] .card,
[color-mode="dark"] .card.ring-amber,
[color-mode="dark"] .card-lg,
[color-mode="dark"] .bm-inner,
[color-mode="dark"] .category-access-manager-panel,
[color-mode="dark"] .details-access-locked-panel,
[color-mode="dark"] .details-category-topbar__list,
[color-mode="dark"] .details-category-topbar__link {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .score-dial .dial-value,
[color-mode="dark"] .current-value,
[color-mode="dark"] .bm-title,
[color-mode="dark"] .bm-mini-val,
[color-mode="dark"] .bm-row-val,
[color-mode="dark"] .bm-summary .value,
[color-mode="dark"] .category-access-manager-panel header h2,
[color-mode="dark"] .assessment-owner-copy strong,
[color-mode="dark"] .profile-items,
[color-mode="dark"] .details-title,
[color-mode="dark"] .details-access-locked-panel h1 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .score-dial .dial-title {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .summary-block .summary-text,
[color-mode="dark"] .summary-kicker,
[color-mode="dark"] .summary-block .summary-focus,
[color-mode="dark"] .current-label,
[color-mode="dark"] .meta-text,
[color-mode="dark"] .tabs-caption,
[color-mode="dark"] .profile-item .label,
[color-mode="dark"] .profile-actions .last-updated,
[color-mode="dark"] .category-access-manager-panel header span,
[color-mode="dark"] .category-access-manager-row span,
[color-mode="dark"] .category-access-manager-empty,
[color-mode="dark"] .assessment-owner-label,
[color-mode="dark"] .assessment-owner-copy small,
[color-mode="dark"] .bm-right-sub,
[color-mode="dark"] .bm-summary .label {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .tabs-list {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .tabs-list button {
  color: var(--dm-text-muted);
}

[color-mode="dark"] .tabs-list button[data-state="active"] {
  background: var(--dm-surface) !important;
  color: var(--dm-blue-bright) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

[color-mode="dark"] .chip {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .percent-pill {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .cat-btn:hover,
[color-mode="dark"] .assessment-card:hover {
  background: var(--dm-surface-2) !important;
  border-color: #484f58 !important;
}

[color-mode="dark"] .cat-btn.is-active {
  background: rgba(88, 166, 255, 0.12) !important;
  border-color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .cta:not(.primary):not(.assessment-before-btn):not(.assessment-before-btn-primary),
[color-mode="dark"] .cta-modern-secondary,
[color-mode="dark"] .expand-btn,
[color-mode="dark"] .assacard-top-row-left .retake-btn,
[color-mode="dark"] .category-access-manager-actions button:not(.is-primary),
[color-mode="dark"] .seg-btn.is-active {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .cta:not(.primary):hover,
[color-mode="dark"] .cta-modern-secondary:hover,
[color-mode="dark"] .expand-btn:hover,
[color-mode="dark"] .assacard-top-row-left .retake-btn:hover,
[color-mode="dark"] .assessment-card .card-header-retake:hover {
  background: rgba(88, 166, 255, 0.12) !important;
  color: var(--dm-blue-bright) !important;
  border-color: rgba(88, 166, 255, 0.4) !important;
}

[color-mode="dark"] .bm-mini-track,
[color-mode="dark"] .bm-row-track,
[color-mode="dark"] .bm-summary {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .bm-compare {
  color: var(--dm-green);
}

[color-mode="dark"] .bm-card-status.is-behind,
[color-mode="dark"] .bm-summary .value.diff-down {
  color: var(--dm-red) !important;
}

[color-mode="dark"] .assessment-owner-avatar {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .assessment-owner-avatar.is-empty {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .category-access-manager-panel header > strong {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .category-access-manager-row {
  border-top-color: var(--dm-border);
}

[color-mode="dark"] .profile-form .input,
[color-mode="dark"] .profile-form .label {
  color: var(--dm-text-secondary);
  border-color: var(--dm-border);
}

[color-mode="dark"] .form-msg.error {
  background: rgba(248, 81, 73, 0.12);
  border-color: rgba(248, 81, 73, 0.35);
  color: #ff7b72;
}

[color-mode="dark"] .form-msg.success {
  background: rgba(88, 166, 255, 0.12);
  border-color: rgba(88, 166, 255, 0.35);
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .question_code {
  background-color: var(--dm-surface-2);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .filter-bar {
  background: var(--dm-surface) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .filter .label,
[color-mode="dark"] .quick-filters .chip {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .filter .options {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .legend-body {
  color: var(--dm-text-muted);
}

/* —— Assessment “before course / course completed” cards —— */
[color-mode="dark"] .assessment-before-title,
[color-mode="dark"] .assessment-before-lock,
[color-mode="dark"] .assessment-before-lock-text,
[color-mode="dark"] .assessment-card .card-title,
[color-mode="dark"] .card-header h2 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .assessment-before-body,
[color-mode="dark"] .assessment-before-body .font-medium,
[color-mode="dark"] .assessment-card.is-empty .current-value,
[color-mode="dark"] .assessment-card.is-empty .meta-text {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .assessment-before-icon-bg {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .assessment-before-main-icon i,
[color-mode="dark"] .assessment-before-badge i {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .assessment-before-btn-secondary {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .assessment-before-btn-secondary:hover {
  background: rgba(88, 166, 255, 0.12) !important;
  border-color: rgba(88, 166, 255, 0.4) !important;
  color: var(--dm-blue-bright) !important;
}

/* —— BM Hub details view —— */
[color-mode="dark"] .details-mock-title {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-mock-eyebrow {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-mock-subtitle,
[color-mode="dark"] .details-mock-meta {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-mock-meta > span {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-mock-status {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-category-owner .assessment-owner {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .details-retake-btn {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .details-retake-btn:hover {
  background: rgba(88, 166, 255, 0.12) !important;
  border-color: rgba(88, 166, 255, 0.4) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .bg-gradient-to-r.from-white {
  background-image: none !important;
  background-color: transparent !important;
}

[color-mode="dark"] .details-top-card,
[color-mode="dark"] .details-pathways-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .details-top-card-title,
[color-mode="dark"] .details-top-card-subtitle,
[color-mode="dark"] .details-score-copy h2,
[color-mode="dark"] .details-action-title,
[color-mode="dark"] .details-pathways-head h2,
[color-mode="dark"] .details-pathway-copy h3,
[color-mode="dark"] .details-pathway-score strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-score-copy p,
[color-mode="dark"] .details-why-text,
[color-mode="dark"] .details-outcome-list li,
[color-mode="dark"] .details-score-benchmarks,
[color-mode="dark"] .details-pathways-head h2 span,
[color-mode="dark"] .details-pathways-head p,
[color-mode="dark"] .details-pathways-cols,
[color-mode="dark"] .details-pathway-copy p,
[color-mode="dark"] .details-stage-step {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-info-dot {
  border-color: var(--dm-border);
  color: var(--dm-text-muted);
}

[color-mode="dark"] .details-score-ring {
  background: conic-gradient(var(--dm-blue) var(--score-deg, 0deg), var(--dm-surface-3) 0deg);
}

[color-mode="dark"] .details-score-ring::after {
  background: var(--dm-surface) !important;
  box-shadow: inset 0 0 0 1px var(--dm-border);
}

[color-mode="dark"] .details-score-percent {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-score-stage-name {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-stage-gauge::before {
  background: var(--dm-border);
}

[color-mode="dark"] .details-stage-dot {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-stage-step.is-active {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-stage-step.is-active .details-stage-dot {
  background: var(--dm-blue) !important;
  border-color: var(--dm-blue) !important;
  color: #fff !important;
}

[color-mode="dark"] .details-score-benchmarks {
  border-top-color: var(--dm-border) !important;
}

[color-mode="dark"] .details-score-benchmarks strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-capability-list::before,
[color-mode="dark"] .details-capability-list > li::before,
[color-mode="dark"] .details-capability-orb::after {
  background: #484f58;
}

[color-mode="dark"] .details-capability-btn {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
  box-shadow: none;
}

[color-mode="dark"] .details-capability-btn.is-active,
[color-mode="dark"] .details-capability-btn:hover {
  background: var(--dm-blue) !important;
  border-color: transparent !important;
  color: #fff !important;
}

[color-mode="dark"] .details-capability-lock {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-selected-pill {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-outcome-list li::before {
  background: rgba(88, 166, 255, 0.18) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-pathways-head,
[color-mode="dark"] .details-pathway-row {
  border-bottom-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .details-pathway-rank {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-pathway-score span {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .details-pathway-stage {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-pathway-priority-high {
  background: rgba(248, 81, 73, 0.18) !important;
  color: #ff7b72 !important;
}

[color-mode="dark"] .details-pathway-priority-medium {
  background: rgba(210, 153, 34, 0.18) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .details-pathway-priority-low {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-pathway-priority-locked,
[color-mode="dark"] .details-pathway-lock-badge,
[color-mode="dark"] .details-pathway-locked-pill,
[color-mode="dark"] .details-pathway-score .details-pathway-locked-pill {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-pathway-row-locked {
  background: rgba(28, 33, 40, 0.65) !important;
}

[color-mode="dark"] .details-pathway-action {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-pathway-action:hover {
  background: rgba(88, 166, 255, 0.12) !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-pathway-action-locked,
[color-mode="dark"] .details-pathway-action-locked:hover {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-ready-bar {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .details-ready-icon {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .details-ready-bar h3,
[color-mode="dark"] .details-ready-help {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-ready-bar p {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-review-panel__page {
  background: var(--dm-bg) !important;
  box-shadow: -20px 0 45px rgba(0, 0, 0, 0.45);
}

[color-mode="dark"] .details-review-panel__header,
[color-mode="dark"] .details-review-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .details-review-panel__back {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-review-panel__eyebrow {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-review-panel__header h2,
[color-mode="dark"] .details-review-card h3,
[color-mode="dark"] .details-review-section h4 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-review-panel__header p,
[color-mode="dark"] .details-review-section p,
[color-mode="dark"] .details-review-section li {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-review-card__code {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-review-card__stage {
  background: rgba(88, 166, 255, 0.18) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-review-section {
  border-top-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .details-review-answer-list li {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .details-take-assessment-panel__dialog {
  background: var(--dm-surface) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .details-take-assessment-panel__icon {
  background: rgba(88, 166, 255, 0.14) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .details-take-assessment-panel__dialog h2 {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .details-take-assessment-panel__dialog p {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .details-take-assessment-panel__secondary {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .details-pathways-mobile-panel__sheet {
  background: var(--dm-bg) !important;
}

[color-mode="dark"] .details-pathways-mobile-panel__header {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text);
}

/* —— Growth Roadmap (rmv2) —— */
[color-mode="dark"] .rmv2-page {
  --rmv2-text: var(--dm-text);
  --rmv2-muted: var(--dm-text-muted);
  --rmv2-border: var(--dm-border);
  --rmv2-soft: var(--dm-surface-2);
  --rmv2-shadow: var(--dm-shadow);
  --rmv2-purple: #a371f7;
  --rmv2-purple-dark: #bc8cff;
  background: var(--dm-bg) !important;
  color: var(--dm-text);
}

[color-mode="dark"] .rmv2-panel,
[color-mode="dark"] .rmv2-info-card,
[color-mode="dark"] .rmv2-course-modal {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .rmv2-picker label,
[color-mode="dark"] .rmv2-action-card > label,
[color-mode="dark"] .rmv2-sidebar h1,
[color-mode="dark"] .rmv2-action-card h2,
[color-mode="dark"] .rmv2-resources h2,
[color-mode="dark"] .rmv2-focus h2,
[color-mode="dark"] .rmv2-info-card h3,
[color-mode="dark"] .rmv2-achievement-body h3,
[color-mode="dark"] .rmv2-complete strong,
[color-mode="dark"] .rmv2-course-heading h2,
[color-mode="dark"] .rmv2-course-copy h3,
[color-mode="dark"] .rmv2-course-modal h2,
[color-mode="dark"] .rmv2-specialist > strong,
[color-mode="dark"] .rmv2-specialist b,
[color-mode="dark"] .rmv2-resource-title,
[color-mode="dark"] .rmv2-resource-name,
[color-mode="dark"] .rmv2-maturity-title span,
[color-mode="dark"] .rmv2-maturity strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .rmv2-sidebar-title p,
[color-mode="dark"] .rmv2-action-card header p,
[color-mode="dark"] .rmv2-resources header p,
[color-mode="dark"] .rmv2-complete p,
[color-mode="dark"] .rmv2-focus p,
[color-mode="dark"] .rmv2-maturity span,
[color-mode="dark"] .rmv2-maturity small,
[color-mode="dark"] .rmv2-sidebar-heading,
[color-mode="dark"] .rmv2-sidebar-heading button,
[color-mode="dark"] .rmv2-sidebar-foot small,
[color-mode="dark"] .rmv2-specialist small,
[color-mode="dark"] .rmv2-char-count,
[color-mode="dark"] .rmv2-resources header label,
[color-mode="dark"] .rmv2-info-card p,
[color-mode="dark"] .rmv2-achievement-body p,
[color-mode="dark"] .rmv2-course-heading p,
[color-mode="dark"] .rmv2-course-copy p,
[color-mode="dark"] .rmv2-course-modal header p,
[color-mode="dark"] .rmv2-empty,
[color-mode="dark"] .rmv2-resource-row,
[color-mode="dark"] .rmv2-resource-head {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .rmv2-picker select,
[color-mode="dark"] .rmv2-action-card select,
[color-mode="dark"] .rmv2-action-card input,
[color-mode="dark"] .rmv2-action-card textarea,
[color-mode="dark"] .rmv2-resources select {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .rmv2-action-card textarea::placeholder {
  color: var(--dm-text-muted) !important;
  opacity: 1;
}

[color-mode="dark"] .rmv2-picker select {
  border-color: #3fb950 !important;
}

[color-mode="dark"] .rmv2-picker label + label select {
  border-color: #a371f7 !important;
}

[color-mode="dark"] .rmv2-maturity {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .rmv2-dial {
  background: conic-gradient(var(--rmv2-teal) calc(var(--score, 0) * 1%), var(--dm-surface-3) 0);
}

[color-mode="dark"] .rmv2-dial::before {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .rmv2-dial span {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .rmv2-stage {
  border-top-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .rmv2-stage--1 { --rmv2-stage-soft: rgba(63, 185, 80, 0.16); }
[color-mode="dark"] .rmv2-stage--2 { --rmv2-stage-soft: rgba(88, 166, 255, 0.16); }
[color-mode="dark"] .rmv2-stage--3 { --rmv2-stage-soft: rgba(163, 113, 247, 0.16); }
[color-mode="dark"] .rmv2-stage--4 { --rmv2-stage-soft: rgba(210, 153, 34, 0.16); }
[color-mode="dark"] .rmv2-stage--5 { --rmv2-stage-soft: rgba(57, 192, 204, 0.16); }

[color-mode="dark"] .rmv2-stage > button {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .rmv2-stage.is-current > button {
  background: var(--rmv2-stage-soft) !important;
}

[color-mode="dark"] .rmv2-stage.is-locked > button {
  background: var(--dm-surface-3) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .rmv2-step-link {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .rmv2-step-link.is-selected {
  background: rgba(163, 113, 247, 0.14) !important;
}

[color-mode="dark"] .rmv2-sidebar-foot {
  border-top-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .rmv2-achievement-toggle {
  background: var(--dm-surface) !important;
  border-bottom-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .rmv2-achievement-body article {
  border-right-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .rmv2-resources > header,
[color-mode="dark"] .rmv2-action-card header,
[color-mode="dark"] .rmv2-course-heading,
[color-mode="dark"] .rmv2-course-modal header {
  border-bottom-color: var(--dm-border) !important;
}

[color-mode="dark"] .rmv2-resource-head {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .rmv2-resource-row {
  border-top-color: var(--dm-border-soft) !important;
  background: transparent;
}

[color-mode="dark"] .rmv2-resource-title i {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .rmv2-resource-download {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .rmv2-resource-download:hover,
[color-mode="dark"] .rmv2-resource-download:focus-visible {
  background: rgba(163, 113, 247, 0.16) !important;
  border-color: var(--rmv2-purple) !important;
  color: var(--rmv2-purple) !important;
}

[color-mode="dark"] .rmv2-complete {
  background: linear-gradient(135deg, rgba(63, 185, 80, 0.12), var(--dm-surface) 55%, rgba(163, 113, 247, 0.1)) !important;
  border-color: rgba(63, 185, 80, 0.45) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .rmv2-complete button,
[color-mode="dark"] #rmv2NextButton,
[color-mode="dark"] .rmv2-course-assign,
[color-mode="dark"] .rmv2-course-modal-button--secondary {
  background: var(--dm-surface-2) !important;
  border-color: var(--rmv2-purple) !important;
  color: var(--rmv2-purple) !important;
}

[color-mode="dark"] #rmv2CompleteButton,
[color-mode="dark"] .rmv2-assign-button,
[color-mode="dark"] .rmv2-course-start,
[color-mode="dark"] .rmv2-course-modal-button:not(.rmv2-course-modal-button--secondary) {
  background: var(--rmv2-purple) !important;
  border-color: var(--rmv2-purple) !important;
  color: #fff !important;
}

[color-mode="dark"] .rmv2-course {
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .rmv2-course-heading {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .rmv2-course-heading-icon {
  background: rgba(163, 113, 247, 0.18) !important;
  color: var(--rmv2-purple) !important;
}

[color-mode="dark"] .rmv2-course-card + .rmv2-course-card {
  border-top-color: var(--dm-border-soft) !important;
}

[color-mode="dark"] .rmv2-course-number {
  background: rgba(248, 81, 73, 0.16) !important;
  color: #ff7b72 !important;
}

[color-mode="dark"] .rmv2-course-action--disabled {
  background: var(--dm-surface-3) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .rmv2-assign-note {
  background: rgba(63, 185, 80, 0.12) !important;
  border-color: rgba(63, 185, 80, 0.35) !important;
  color: var(--dm-green) !important;
}

[color-mode="dark"] .rmv2-assign-note span {
  background: rgba(63, 185, 80, 0.22) !important;
  color: var(--dm-green) !important;
}

[color-mode="dark"] .rmv2-avatar {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .rmv2-specialist a {
  color: var(--rmv2-purple) !important;
}

[color-mode="dark"] .rmv2-page.is-loading .rmv2-loading-text,
[color-mode="dark"] .rmv2-page.is-loading .rmv2-dial {
  background: #484f58 !important;
}

/* —— Full Growth Roadmap (frm) —— */
[color-mode="dark"] .frm-page {
  background: var(--dm-bg) !important;
  color: var(--dm-text);
}

[color-mode="dark"] .frm-summary,
[color-mode="dark"] .frm-table,
[color-mode="dark"] .frm-page .panel.panel--card.focus-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .frm-section-title,
[color-mode="dark"] .frm-score-dial__value,
[color-mode="dark"] .frm-stage-copy h2,
[color-mode="dark"] .frm-stage-row,
[color-mode="dark"] .frm-priority-item,
[color-mode="dark"] .frm-row,
[color-mode="dark"] .frm-subrow,
[color-mode="dark"] .frm-roadmap-count {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .frm-score-dial__label,
[color-mode="dark"] .frm-stage-copy p,
[color-mode="dark"] .frm-stage-row__label span,
[color-mode="dark"] .frm-table-head,
[color-mode="dark"] .frm-subcategory-num,
[color-mode="dark"] .frm-empty,
[color-mode="dark"] .frm-rank {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .frm-section-title span {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .frm-maturity,
[color-mode="dark"] .frm-priority {
  border-left-color: var(--dm-border) !important;
}

[color-mode="dark"] .frm-score-dial {
  background:
    radial-gradient(circle at center, var(--dm-surface) 57%, transparent 58%),
    conic-gradient(#58a6ff 0 calc(var(--frm-score, 0) * 1%), var(--dm-surface-3) 0 100%) !important;
}

[color-mode="dark"] .frm-score-dial::after {
  background: var(--dm-surface) !important;
  box-shadow: inset 0 0 0 1px var(--dm-border);
}

[color-mode="dark"] .frm-stage-row__track,
[color-mode="dark"] .frm-progress__track {
  background: var(--dm-surface-3) !important;
}

[color-mode="dark"] .frm-priority-item__count {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .frm-light-btn,
[color-mode="dark"] .frm-action,
[color-mode="dark"] .frm-toggle {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .frm-select,
[color-mode="dark"] .frm-search {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .frm-search::placeholder {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .frm-table-head,
[color-mode="dark"] .frm-row,
[color-mode="dark"] .frm-subrow {
  border-bottom-color: var(--dm-border-soft) !important;
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .frm-rank,
[color-mode="dark"] .frm-roadmap-count__icon {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .frm-badge--stage-1 {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .frm-badge--stage-1 span {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .frm-badge,
[color-mode="dark"] .frm-badge--stage-2 {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .frm-badge--stage-2 span {
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .frm-badge--stage-3 {
  background: rgba(63, 185, 80, 0.16) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .frm-badge--stage-3 span {
  color: #3fb950 !important;
}

[color-mode="dark"] .frm-badge--stage-4 {
  background: rgba(163, 113, 247, 0.16) !important;
  color: #a371f7 !important;
}

[color-mode="dark"] .frm-badge--stage-4 span {
  color: #a371f7 !important;
}

[color-mode="dark"] .frm-badge--stage-5 {
  background: rgba(188, 140, 255, 0.16) !important;
  color: #bc8cff !important;
}

[color-mode="dark"] .frm-badge--stage-5 span {
  color: #bc8cff !important;
}

[color-mode="dark"] .frm-priority-badge--high {
  background: rgba(248, 81, 73, 0.18) !important;
  color: #ff7b72 !important;
}

[color-mode="dark"] .frm-priority-badge--medium {
  background: rgba(210, 153, 34, 0.18) !important;
  color: #e3b341 !important;
}

[color-mode="dark"] .frm-priority-badge--low {
  background: rgba(63, 185, 80, 0.16) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .frm-page .focus-card__heading,
[color-mode="dark"] .frm-page .focus-card__eyebrow,
[color-mode="dark"] .frm-page .focus-card__outcome-label,
[color-mode="dark"] .frm-page .semantic-list,
[color-mode="dark"] .frm-page .semantic-list li,
[color-mode="dark"] .frm-page .focus-card__outcome-strip {
  color: var(--dm-text-secondary) !important;
}

@media (max-width: 1100px) {
  [color-mode="dark"] .frm-maturity,
  [color-mode="dark"] .frm-priority {
    border-top-color: var(--dm-border) !important;
  }
}

/* —— POD (People, Operations & Delivery) —— */
[color-mode="dark"] .pod-page {
  background: var(--dm-bg) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .pod-panel,
[color-mode="dark"] .pod-course-card,
[color-mode="dark"] .pod-summary-item,
[color-mode="dark"] .pod-challenges,
[color-mode="dark"] .pod-video-card,
[color-mode="dark"] .pod-drawer,
[color-mode="dark"] .pod-modal,
[color-mode="dark"] [class*="pod-"][class*="card"],
[color-mode="dark"] [class*="pod-"][class*="drawer"],
[color-mode="dark"] [class*="pod-"][class*="modal"] {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: var(--dm-shadow);
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .pod-hero {
  border-bottom-color: var(--dm-border);
}

[color-mode="dark"] .pod-hero h1,
[color-mode="dark"] .pod-page h1,
[color-mode="dark"] .pod-page h2,
[color-mode="dark"] .pod-page h3,
[color-mode="dark"] .pod-challenge-title,
[color-mode="dark"] .pod-filter-heading h3,
[color-mode="dark"] .pod-table-heading h2,
[color-mode="dark"] .pod-table-progress strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pod-eyebrow {
  color: var(--dm-blue-bright);
}

[color-mode="dark"] .pod-hero p,
[color-mode="dark"] .pod-filter-heading p,
[color-mode="dark"] .pod-table-heading p,
[color-mode="dark"] .pod-result-count,
[color-mode="dark"] .pod-section-heading p,
[color-mode="dark"] .pod-table th,
[color-mode="dark"] .pod-table td {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .pod-button--secondary,
[color-mode="dark"] .pod-chip:not(.is-active),
[color-mode="dark"] .pod-assign-action:not(.is-assigned),
[color-mode="dark"] .pod-card-assign:not(.is-assigned) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .pod-chip:hover,
[color-mode="dark"] .pod-chip:focus-visible {
  color: var(--dm-blue-bright) !important;
  border-color: rgba(88, 166, 255, 0.45) !important;
}

[color-mode="dark"] .pod-page input,
[color-mode="dark"] .pod-page select,
[color-mode="dark"] .pod-page textarea {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .pod-category-filter,
[color-mode="dark"] .pod-table-heading,
[color-mode="dark"] .pod-table th {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .pod-table tbody tr,
[color-mode="dark"] .pod-table tbody tr.is-coming-soon {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .pod-table tbody tr:hover {
  background: rgba(88, 166, 255, 0.1) !important;
}

[color-mode="dark"] .pod-table td,
[color-mode="dark"] .pod-table th {
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .pod-table-progress {
  background: var(--dm-surface-3) !important;
}

/* —— Consultant Portal —— */
[color-mode="dark"] .cp-app {
  background: var(--dm-bg) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .cp-panel,
[color-mode="dark"] .cp-metric,
[color-mode="dark"] .cp-attention-item,
[color-mode="dark"] .cp-visibility-button,
[color-mode="dark"] [class*="cp-"][class*="card"],
[color-mode="dark"] [class*="cp-"][class*="drawer"],
[color-mode="dark"] [class*="cp-"][class*="modal"] {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary);
}

[color-mode="dark"] .cp-hero h1,
[color-mode="dark"] .cp-app h1,
[color-mode="dark"] .cp-app h2,
[color-mode="dark"] .cp-app h3,
[color-mode="dark"] .cp-metric strong,
[color-mode="dark"] .cp-org b,
[color-mode="dark"] .cp-attention-item strong {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .cp-secondary-button,
[color-mode="dark"] .cp-app input,
[color-mode="dark"] .cp-app select,
[color-mode="dark"] .cp-app textarea {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .cp-table th {
  background: var(--dm-surface-2) !important;
  color: var(--dm-text-muted) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .cp-table td,
[color-mode="dark"] .cp-org-row {
  border-color: var(--dm-border-soft) !important;
  color: var(--dm-text-secondary);
  background: transparent !important;
}

[color-mode="dark"] .cp-org-row:hover,
[color-mode="dark"] .cp-org-row:focus,
[color-mode="dark"] .cp-attention-item:hover,
[color-mode="dark"] .cp-attention-item:focus-visible {
  background: rgba(88, 166, 255, 0.12) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .cp-org-row:hover td,
[color-mode="dark"] .cp-org-row:focus td {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .cp-org-row.is-hidden {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .cp-visibility-button:hover,
[color-mode="dark"] .cp-visibility-button:focus-visible {
  background: rgba(88, 166, 255, 0.14) !important;
  border-color: rgba(88, 166, 255, 0.4) !important;
  color: var(--dm-blue-bright) !important;
}

[color-mode="dark"] .cp-state,
[color-mode="dark"] .cp-metric small,
[color-mode="dark"] .cp-panel-head p,
[color-mode="dark"] .cp-org small,
[color-mode="dark"] .cp-attention-item small {
  color: var(--dm-text-muted) !important;
}

/* —— Financial Benchmarking (QMSP .app) —— */
[color-mode="dark"] .app,
[color-mode="dark"] .app .main,
[color-mode="dark"] .app .sidebar,
[color-mode="dark"] .app .content,
[color-mode="dark"] .app .topbar {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
  border-color: var(--dm-border) !important;
}

[color-mode="dark"] .app .sidebar {
  background: var(--dm-surface) !important;
}

[color-mode="dark"] .app .card,
[color-mode="dark"] .app .metric-card,
[color-mode="dark"] .app .qpnel_right,
[color-mode="dark"] .qmsp-card {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
  box-shadow: var(--dm-shadow);
}

[color-mode="dark"] .app .brand,
[color-mode="dark"] .app .iq-header h1,
[color-mode="dark"] .app .iq-dial .val,
[color-mode="dark"] .app h1,
[color-mode="dark"] .app h2,
[color-mode="dark"] .app h3,
[color-mode="dark"] .app .metric-card .value,
[color-mode="dark"] .app .total-pill {
  color: var(--dm-text) !important;
}

[color-mode="dark"] .app .chip,
[color-mode="dark"] .app .btn:not(.primary),
[color-mode="dark"] .app .quarter-chip,
[color-mode="dark"] .app .total-pill,
[color-mode="dark"] .app .field input,
[color-mode="dark"] .app .field select,
[color-mode="dark"] .app .metric-card .id-pill,
[color-mode="dark"] .app .q-badge,
[color-mode="dark"] .app .fc_selector select,
[color-mode="dark"] .app .topnav > a:not(.active) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .app .nav a {
  color: var(--dm-text-secondary) !important;
}

[color-mode="dark"] .app .nav a:hover,
[color-mode="dark"] .app .topnav > a:hover {
  background: rgba(88, 166, 255, 0.16) !important;
  color: var(--dm-text) !important;
}

[color-mode="dark"] .app .topnav > a.active,
[color-mode="dark"] .app .quarter-chip.active,
[color-mode="dark"] .app .btn.primary,
[color-mode="dark"] .app .iq-main .chip.active {
  background: var(--dm-blue-bright) !important;
  border-color: var(--dm-blue-bright) !important;
  color: #fff !important;
}

[color-mode="dark"] .app .muted,
[color-mode="dark"] .app .label,
[color-mode="dark"] .app .metric-card .sub,
[color-mode="dark"] .app .iq-header .subtitle,
[color-mode="dark"] .app .iq-header .desc,
[color-mode="dark"] .app .confidence-legend,
[color-mode="dark"] .app #availMetricsCounter {
  color: var(--dm-text-muted) !important;
}

[color-mode="dark"] .app #availMetricsCounter,
[color-mode="dark"] .app .topbar {
  background: var(--dm-surface-2) !important;
}

[color-mode="dark"] .app .complete,
[color-mode="dark"] .app .q-badge.complete {
  background: rgba(63, 185, 80, 0.16) !important;
  border-color: rgba(63, 185, 80, 0.35) !important;
  color: #3fb950 !important;
}

[color-mode="dark"] .app .incomplete,
[color-mode="dark"] .app .q-badge.progress,
[color-mode="dark"] .app .quarter-chip.inprogress {
  background: rgba(210, 153, 34, 0.16) !important;
  border-color: rgba(210, 153, 34, 0.35) !important;
  color: #e3b341 !important;
}

/* —— Message / loading bar (TPOS hub) —— */
[color-mode="dark"] .message-bar {
  margin-bottom: 20px;
  border-color: rgba(210, 153, 34, 0.45);
  background: rgba(210, 153, 34, 0.14);
  color: #e3b341;
}

[color-mode="dark"] .message-bar.message-error {
  border-color: rgba(248, 81, 73, 0.45);
  background: rgba(248, 81, 73, 0.14);
  color: #ff7b72;
}



[color-mode="dark"] #strategicTimelineApp .st-page-head h1{
  color: #fff !important;
}

[color-mode="dark"] .tpos-auth-card h2{
  color: #fff !important;
}