/* ═══════════════════════════════════════════════════
   PROMPT — Dark Mode Colors (dark-colors.css)
   Dark-mode color overrides ONLY. Loaded last → wins cascade.

   PUT HERE:  body.dark variable overrides, color, background,
              background-color, border-color, box-shadow,
              text-shadow, fill, stroke, opacity, filter,
              backdrop-filter, caret-color, color-scheme.
   NOT HERE:  font-size, padding, margin, display, flex,
              grid, border-radius, width, height, position,
              z-index, transform, animation → components.css.
   RULE:      If a rule sets BOTH color + structural props,
              split it: structural → components.css,
              color → this file. Never mix.
   ═══════════════════════════════════════════════════ */

/* ── Extended variables (both themes) ── */
:root {
  --brand: #FFB400;
  --brand-hover: #FFB400; /* same as brand — no bg change on hover, arrow only */
  --brand-bg: rgba(255,180,0,0.10);
  --brand-strong: #B07A00;

  /* Accent palette */
  --c-violet: #8B5CF6; --c-violet-bg: rgba(139,92,246,0.10);
  --c-indigo: #6366F1; --c-indigo-bg: rgba(99,102,241,0.10);
  --c-sky: #0EA5E9; --c-sky-bg: rgba(14,165,233,0.10);
  --c-mint: #10B981; --c-mint-bg: rgba(16,185,129,0.10);
  --c-teal: #14B8A6; --c-teal-bg: rgba(20,184,166,0.10);
  --c-pink: #EC4899; --c-pink-bg: rgba(236,72,153,0.10);
  --c-rose: #F43F5E; --c-rose-bg: rgba(244,63,94,0.10);

  /* Shadows (light) */
  --sh-xs: 0 1px 2px rgba(0,0,0,0.04);
  --sh-sm: 0 1px 2px rgba(0,0,0,0.04), 0 2px 6px rgba(0,0,0,0.03);
  --sh: 0 1px 2px rgba(0,0,0,0.04), 0 4px 16px -4px rgba(0,0,0,0.06);
  --sh-lg: 0 1px 2px rgba(0,0,0,0.04), 0 24px 48px -16px rgba(0,0,0,0.14);

  /* Glass — frosted translucent (light-mode glass, mirrors dark) */
  --glass-bg: rgba(255,255,255,0.70);
  --glass-border: #E4E4E7;
  --glass-blur: none;
  --glass-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 12px 40px -12px rgba(0,0,0,0.12);
}


/* ══════════════════════════════════════
   DARK MODE — color overrides only
   ══════════════════════════════════════ */
body.dark {
  color-scheme: dark;

  /* RGB triple for the neutral score-circle (white on dark, black on light) */
  --score-base: 255,255,255;
  /* Markets score-ring: soft neutral track + refined light-grey baseline arc. */
  --ms-track: rgba(255,255,255,0.13);
  --ms-base: rgba(255,255,255,0.62);

  /* ── Backgrounds ── */
  --bg: #070809;
  --bg-2: #0F1112;
  --surface: #131415;
  --surface-2: #1C1E20;
  /* docked sticky token cell — matches the frosted table colour + its divider */
  --dock-cell-bg: #171822;
  --dock-divider: rgba(255,255,255,0.18);

  /* ── Text ── */
  --text: #F5F5F7;
  --text-secondary: #B5B5BC;
  --text-muted: #8A8A92;
  --ink: #F5F5F7;
  --ink-2: #B5B5BC;
  --ink-3: #8A8A92;
  --ink-4: #5A5A62;
  --ink-5: #2E2F38;

  /* ── Borders & lines ── */
  --border: rgba(255,255,255,0.08);
  --border-card: rgba(255,255,255,0.08);
  --line-1: rgba(255,255,255,0.06);
  --line-2: rgba(255,255,255,0.10);
  --line-3: rgba(255,255,255,0.16);

  /* ── Neutrals ── */
  --gray-50: #14151e;
  --gray-100: rgba(255,255,255,0.06);
  --gray-200: rgba(255,255,255,0.10);
  --gray-300: rgba(255,255,255,0.16);
  --gray-400: rgba(255,255,255,0.28);

  /* ── Brand ── */
  --brand-amber: #FFB400;
  --brand-strong: #FFB400;
  --brand-hover: #FFB400;
  --brand-bg: rgba(255,180,0,0.12);
  --brand-amber-bg: rgba(255,180,0,0.12);
  --brand-amber-strong: #FFB400;
  --accent-subtle: rgba(255,180,0,0.06);

  /* ── Semantic ── */
  --green: #34D399;
  --green-bg: rgba(52,211,153,0.12);
  --red: #F87171;
  --red-bg: rgba(248,113,113,0.15);
  --purple: #A78BFA;
  --purple-bg: rgba(139,92,246,0.08);
  --positive: #34D399;
  --negative: #F87171;
  --success: #34D399; --success-bg: rgba(52,211,153,0.12);
  --warning: #FBBF24; --warning-bg: rgba(251,191,36,0.15);
  --error: #F87171; --error-bg: rgba(248,113,113,0.15);
  --info: #60A5FA; --info-bg: rgba(96,165,250,0.15);

  /* ── Shadows (dark) ── */
  --sh-xs: 0 1px 2px rgba(0,0,0,0.3);
  --sh-sm: 0 1px 2px rgba(0,0,0,0.3), 0 2px 6px rgba(0,0,0,0.25);
  --sh: none;
  --sh-lg: none;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-card: none;
  --shadow-card-hover: none;

  /* ── Glass (dark) — solid, no transparency ── */
  --glass-bg: var(--surface);
  --glass-border: rgba(255,255,255,0.10);
  --glass-blur: none;
  --glass-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.5);

  /* ── Interaction overlays ── */
  --hover-subtle: rgba(255,255,255,0.04);
  --hover-medium: rgba(255,255,255,0.06);
  --hover-strong: rgba(255,255,255,0.08);
  --overlay-light: rgba(255,255,255,0.03);
  /* Unified surface-hover background — neutral white lift in dark (light uses a tiny amber tint). */
  --hover-bg: rgba(255,255,255,0.04);
  --overlay-heavy: rgba(255,255,255,0.1);

  /* ── Brand opacity variants ── */
  --brand-amber-18: rgba(255,180,0,0.18);
  --brand-amber-10: rgba(255,180,0,0.10);
  --brand-amber-08: rgba(255,180,0,0.08);

  /* ── Glass surfaces (dark: use surface-based) ── */
  --white-50: rgba(255,255,255,0.06);
  --white-70: rgba(255,255,255,0.08);
  --white-78: var(--surface);
  --white-80: var(--surface);
  --white-85: var(--surface);
  --white-90: var(--surface);
  --white-92: var(--surface);

  /* ── Signal category colors (same in both themes) ── */
  --cat-yellow: #FBBF24;
  --cat-orange: #F59E0B;
  --cat-amber-deep: #B45309;
  --cat-gold: #EAB308;
  --cat-purple: #8B5CF6;
  --cat-indigo: #6366F1;
  --cat-violet: #A855F7;
  --cat-pink: #EC4899;
  --cat-coral: #FB923C;
  --cat-emerald: #10B981;
  --cat-teal: #14B8A6;
  --cat-sky: #0EA5E9;
  --cat-rose: #F43F5E;
  --cat-lavender: #C4B5FD;

  /* ── Dark text on amber ── */
  --text-on-brand: #0E0E0E;

  /* ── Light text ── */
  --text-light: #F5F5F7;

  /* ── Apply colors ── */
  background: var(--bg);
  color: var(--text);
}

/* ── Body + html background ── */
body.dark, body.dark html {
  background: var(--bg) !important;
  color: var(--ink) !important;
}

/* ── Sidebar active (dark) ── */
body.dark .sidebar a.sb-item.active,
body.dark .sb-item.active {
  background: rgba(255,255,255,0.05) !important;
  color: #fff !important;
  font-weight: 500;
}
body.dark .sidebar a.sb-item.active .ic,
body.dark .sb-item.active .ic { color: #FFB400 !important; }
body.dark .sb-item.active .pip { background: rgba(255,255,255,0.15) !important; color: #fff !important; }

/* ── Selection ── */
body.dark ::selection { background: rgba(255,255,255,0.12); }

/* ── Scrollbar colors ── */
body.dark ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); }
body.dark ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.16); }

/* ── Links ── */
body.dark a { color: var(--text); }

/* ── Ambient gradient: keep in dark (matches offline reference); orbs layer on top ── */
body.dark::after { display: none; content: none !important; }

/* ── Card hover colors ── */
body.dark .card:hover, body.dark .stat-card:hover,
body.dark .eco-card:hover, body.dark .g-card:hover {
  border-color: rgba(255,180,0,0.20);
  box-shadow: var(--shadow-card-hover);
}

/* ── Table colors ── */
body.dark th { background: var(--gray-50); border-bottom-color: var(--border); color: var(--text-muted); }
body.dark td { border-bottom-color: var(--gray-100); color: var(--text-secondary); }
body.dark tr:hover td { background: var(--hover-bg); }

/* ── Tag colors ── */
body.dark .tag { background: rgba(255,255,255,0.06); color: var(--text-secondary); }
body.dark .tag:hover { background: rgba(255,255,255,0.10); }

/* ── Form colors ── */
body.dark input[type="number"], body.dark input[type="text"],
body.dark input[type="date"], body.dark input[type="datetime-local"],
body.dark select, body.dark textarea {
  background: var(--surface); color: var(--text);
  border-color: var(--border-card);
}
body.dark input:focus, body.dark select:focus, body.dark textarea:focus {
  border-color: var(--border-focus, #FFB400);
}
body.dark input[type="checkbox"] { border-color: var(--gray-300); }
body.dark input[type="checkbox"]:checked { border-color: var(--brand-amber); }

/* ── Dropdown colors ── */
body.dark .chain-dropdown, body.dark .narrative-dropdown, body.dark .exchange-dropdown {
  background: var(--surface); border-color: var(--border-card);
  box-shadow: var(--shadow-lg);
}
body.dark .chain-dropdown-item:hover, body.dark .narrative-dropdown-item:hover,
body.dark .exchange-dropdown-item:hover { background: var(--hover-bg); }
body.dark .chain-dropdown-item:first-child, body.dark .exchange-dropdown-item:first-child { color: var(--text); }

/* ── rf-dd colors ── */
body.dark .rf-dd-trigger {
  background: rgba(255,255,255,0.06);
  border-color: var(--border-card);
  color: #FFB400;
}
body.dark .rf-dd-trigger:hover {
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,180,0,0.3);
}
body.dark .rf-dd-panel {
  background: var(--surface);
  border-color: var(--border-card);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.dark .rf-dd-item:hover { background: var(--hover-bg); }
body.dark .rf-dd-item.is-selected { background: rgba(255,180,0,0.12); }
body.dark .rf-dd-item-logo { background: var(--gray-50); box-shadow: 0 0 0 1px var(--gray-100); }

/* ── Button colors ── */
body.dark .rf-btn-tiny-ghost {
  background: var(--surface); border-color: var(--border-card); color: var(--text);
}
body.dark .rf-btn-tiny-ghost:hover { border-color: var(--gray-300); background: var(--gray-50); }
body.dark .rf-btn-tiny-neutral { background: rgba(255,255,255,0.06); color: var(--text); }
body.dark .rf-btn-tiny-quiet { color: var(--text-secondary); }
body.dark .rf-btn-tiny-quiet:hover { color: var(--text); background: rgba(255,255,255,0.06); }
body.dark .pipe-btn { background: var(--surface); border-color: var(--border-card); color: var(--text-secondary); }
body.dark .pipe-btn:hover { background: var(--gray-50); border-color: var(--gray-300); }

/* ── Empty state ── */
body.dark .empty-state { background: var(--surface); border-color: var(--border-card); }

/* ── Info box ── */
body.dark .info-box { background: var(--gray-50); border-color: var(--border-card); }

/* ── Filter bar ── */
body.dark .filter-bar { background: var(--surface); border-color: var(--border-card); }

/* ── Header (scrolled) ── */
body.dark header::before { background: var(--bg); border-bottom-color: var(--border); }
body.dark header.scrolled::before {
  background: rgba(7,8,9,0.9);
  box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}

/* ── Code ── */
body.dark code { background: var(--gray-50); color: var(--text-secondary); }

/* ── Chart container ── */
body.dark .chart-container { background: var(--surface); border-color: var(--border-card); }

/* ── PR card (pattern recognition hero) ── */
body.dark .pr-card-wrap { background: var(--surface); border-color: var(--border-card); }
body.dark .pr-overlay {
  background: linear-gradient(180deg, rgba(7,8,9,0.4), rgba(7,8,9,0.85) 60%, rgba(7,8,9,0.92));
}
body.dark .pr-card-head { background: var(--surface); border-bottom-color: var(--border); }
body.dark .pr-status { background: rgba(255,255,255,0.06); }
body.dark .pr-stats { background: var(--surface); border-color: var(--border-card); }
body.dark .pr-stat-divider { background: var(--border-card); }
body.dark .pr-skel { background: linear-gradient(90deg, var(--gray-100) 0%, var(--gray-200) 50%, var(--gray-100) 100%); background-size: 200% 100%; }

/* ── Chart event marker colors ── */
body.dark .evt-guide-chip { background: var(--surface); border-color: rgba(255,180,0,0.4); }
body.dark .evt-phase-chip { background: var(--surface); border-color: var(--border-card); }
body.dark .evt-phase-stem { background: var(--gray-300); }
body.dark .evt-hot-pop { background: var(--surface); border-color: var(--border-card); box-shadow: 0 6px 20px rgba(0,0,0,0.4); }
body.dark .evt-hot-pop::after { background: var(--surface); border-right-color: var(--border-card); border-bottom-color: var(--border-card); }
body.dark .evt-band-tag { background: var(--surface); }

/* ── Date picker ── */
body.dark .date-pick-input { background: var(--surface); border-color: var(--border-card); color: var(--text); color-scheme: dark; }
body.dark .date-pick-input::-webkit-calendar-picker-indicator { filter: invert(0.7); }

/* ── Positive / negative ── */
body.dark .positive { color: var(--green) !important; }
body.dark .negative { color: var(--red) !important; }


/* ══════════════════════════════════════
   COMPONENT COLOR OVERRIDES (dark mode)
   Extracted from dark-theme-legacy.css
   ══════════════════════════════════════ */

body.dark .cs-assess-btn { background:rgba(255,255,255,0.06) !important; border:1px solid rgba(255,255,255,0.10) !important; color:#B5B5BC !important; }

body.dark .cs-assess-btn:hover { border-color:rgba(255,255,255,0.22) !important; background:rgba(255,255,255,0.09) !important; color:#F5F5F7 !important; }


body.dark[data-mode="onyx"]{--bg:#070809!important;--bg-2:#0F1112!important;--surface:#131415!important;--surface-2:#1C1E20!important;--glass-bg:rgba(19,20,21,0.77)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="goldglow"]{--bg:#0B0A07!important;--bg-2:#14110A!important;--surface:#18140C!important;--surface-2:#221C11!important;--glass-bg:rgba(22,20,14,0.70)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="obsidian"]{--bg:#040405!important;--bg-2:#0A0A0C!important;--surface:#0E0E10!important;--surface-2:#17171A!important;--glass-bg:rgba(14,14,16,0.76)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="ember"]{--bg:#08070A!important;--bg-2:#100D0C!important;--surface:#15110E!important;--surface-2:#1F1916!important;--glass-bg:rgba(21,17,14,0.73)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="midas"]{--bg:#0A0805!important;--bg-2:#120F09!important;--surface:#16120B!important;--surface-2:#201A11!important;--glass-bg:rgba(22,18,11,0.71)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="slate"]{--bg:#090C12!important;--bg-2:#11151F!important;--surface:#131823!important;--surface-2:#1C2333!important;--glass-bg:rgba(19,24,35,0.71)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="graphite"]{--bg:#0C0D0E!important;--bg-2:#141618!important;--surface:#17191B!important;--surface-2:#212427!important;--glass-bg:rgba(23,25,27,0.74)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="ink"]{--bg:#08090F!important;--bg-2:#0E1019!important;--surface:#11131E!important;--surface-2:#1A1D2B!important;--glass-bg:rgba(17,19,30,0.70)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFC633!important;--brand-strong:#E89E00!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="onyx"] #theme-ambient,body.dark[data-mode="graphite"] #theme-ambient,body.dark[data-mode="obsidian"] #theme-ambient{opacity:0!important;background-image:none!important;}

body.dark[data-mode="goldglow"] #theme-ambient{opacity:1!important;background-image:
  radial-gradient(580px 460px at 16% 8%, rgba(255,180,0,0.18), transparent 60%),
  radial-gradient(640px 520px at 90% 26%, rgba(255,138,0,0.13), transparent 62%),
  radial-gradient(760px 620px at 58% 104%, rgba(180,120,0,0.13), transparent 60%)!important;}

body.dark[data-mode="ember"] #theme-ambient{opacity:1!important;background-image:
  radial-gradient(900px 520px at 50% 112%, rgba(255,150,30,0.20), transparent 60%),
  radial-gradient(520px 440px at 88% 88%, rgba(255,110,0,0.12), transparent 62%),
  radial-gradient(440px 380px at 10% 96%, rgba(200,120,0,0.10), transparent 60%)!important;}

body.dark[data-mode="midas"] #theme-ambient{opacity:1!important;background-image:
  radial-gradient(680px 560px at 22% 14%, rgba(255,196,60,0.15), transparent 62%),
  radial-gradient(720px 600px at 80% 84%, rgba(255,170,20,0.13), transparent 62%),
  radial-gradient(600px 520px at 52% 48%, rgba(255,184,0,0.07), transparent 66%)!important;}

body.dark[data-mode="slate"] #theme-ambient{opacity:1!important;background-image:
  radial-gradient(640px 520px at 12% 6%, rgba(99,160,255,0.11), transparent 62%),
  radial-gradient(700px 580px at 92% 102%, rgba(120,140,180,0.08), transparent 60%)!important;}

body.dark[data-mode="ink"] #theme-ambient{opacity:1!important;background-image:
  radial-gradient(560px 460px at 14% 8%, rgba(255,180,0,0.10), transparent 60%),
  radial-gradient(ellipse 1300px 800px at 80% 0%, rgba(255,180,0,0.22), transparent 60%),
  radial-gradient(ellipse 1000px 700px at 0% 50%, rgba(255,194,51,0.16), transparent 60%),
  radial-gradient(ellipse 900px 600px at 60% 100%, rgba(251,146,60,0.12), transparent 60%)!important;}

html body.dark .topbar .tb-search:not(:focus-within) { border: 1px solid rgba(255,255,255,0.14) !important; border-color: rgba(255,255,255,0.14) !important; }

html body.dark .topbar .tb-search:focus-within { border-color: #FFB400 !important; box-shadow: 0 0 0 3px rgba(255,180,0,0.18) !important; }

html body.dark #searchResults {
  background: #14151c !important;
  backdrop-filter: none;
}

html body.dark #searchResults a:hover { background: var(--hover-bg) !important; }

html body.dark .ps-menu,
html body.dark .chain-dropdown,
html body.dark .narrative-dropdown,
html body.dark .exchange-dropdown {
  background: var(--surface-2) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html body.dark .ps-menu *,
html body.dark .ps-menu-item,
html body.dark .chain-dropdown *,
html body.dark .narrative-dropdown *,
html body.dark .exchange-dropdown * {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html body.dark .rfpp .rfpp-body .rfpp-row-comm,
html body.dark #pp-body .rfpp-row-comm {
  box-shadow: none !important;
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.dark .wt-section-name:hover { color: #F5F5F7 !important; }

body.dark [style*="position: fixed"][style*="z-index: 9999"][style*="background: var(--surface)"],
body.dark [style*="position:fixed"][style*="z-index:9999"][style*="background:var(--surface)"] {
  background: var(--surface-2);
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,0.55) !important;
  color: #F5F5F7 !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

body.dark #tvChart .tv-lightweight-charts > table > tr:first-child > td:last-child,
body.dark #tvChart .tv-lightweight-charts > table > tr:last-child > td,
body.dark #tvChart .tv-lightweight-charts > table > tr > td {
  background: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.dark #tvChart, body.dark .tv-chart {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
}

body.dark #searchResults {
  background: rgba(14,15,21,0.98) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark html body.dark .section > div[style*="background:var(--surface)"][style*="margin-bottom:12px"] {
  background: var(--glass-bg);
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark html body.dark .tb-search { border: 1px solid rgba(255,255,255,0.18) !important; }

body.dark html body.dark .tb-search:focus-within { border-color: #FFB400 !important; box-shadow: 0 0 0 3px rgba(255,180,0,0.22) !important; }

body.dark html body.dark .topbar .tb-search:not(:focus-within) { border: 1px solid rgba(255,255,255,0.14) !important; }

body.dark html body.dark .tv-chart, body.dark html body.dark #tvChart,
body.dark html body.dark .td-header, body.dark html body.dark #moves-table,
body.dark html body.dark .td-pillars > div, body.dark html body.dark #val-row2 > div, body.dark html body.dark #val-row3 > div,
body.dark html body.dark .val-row-1 > div, body.dark html body.dark .pr-card-wrap, body.dark html body.dark .sig-strip-default,
body.dark html body.dark .section .td-grid-2 > div, body.dark html body.dark .section .td-grid-3 > div,
body.dark html, body.dark html body.dark .sb-promote, body.dark html body.dark .topbar {
  border-top-color: rgba(255,255,255,0.04) !important;
}

body.dark html body.dark .pr-card-wrap,
body.dark html body.dark .td-grid-2 > div.pr-card-wrap {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark .td-header,
body.dark #tvChart, body.dark .tv-chart, body.dark .chart-container,
body.dark #moves-table,
body.dark .val-row-1 > div,
body.dark .td-pillars > div,
body.dark .rfpp, body.dark #weights-modal .rfpp,
body.dark .sidebar, body.dark .topbar,
body.dark .sb-promote, body.dark a.sb-promote,
body.dark .sig-strip-default, body.dark #sig-strip-default,
body.dark .card, body.dark .stat-card, body.dark .eco-card, body.dark .g-card, body.dark .pipeline-card,
body.dark table,
body.dark .section .td-grid-2 > div, body.dark .section .td-grid-3 > div,
body.dark [style*="background:var(--surface)"], body.dark [style*="background: var(--surface)"] {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border-color: rgba(255,255,255,0.10) !important;
}

body.dark::before, body.dark .v6-orbs { opacity: 0.6 !important; mix-blend-mode: screen; }

body.dark, body.dark h1, body.dark h2, body.dark h3, body.dark h4,
body.dark .td-row1 h1, body.dark #header-price,
body.dark .rfpp-title, body.dark .ring-score,
body.dark .pr-title, body.dark .sb-promote-title { color: #F5F5F7 !important; }
/* ps-value: white text on container; children with inline color:var(--red/--green) keep theirs */
body.dark .ps-value { color: #F5F5F7; }
body.dark .ps-value span[style*="color:var(--red)"] { color: var(--red) !important; }
body.dark .ps-value span[style*="color:var(--green)"] { color: var(--green) !important; }

body.dark p, body.dark .text-secondary, body.dark .td-mcap-right,
body.dark .rfpp-sub, body.dark .pr-sub,
body.dark .sb-item, body.dark .sb-promote-sub,
body.dark td, body.dark .td-row1 .tag,
body.dark .tb-bal-amt { color: #B5B5BC !important; }

body.dark .text-muted, body.dark th, body.dark .sb-group-label,
body.dark .section h2, body.dark .section > h2,
body.dark .pt-section,
body.dark .rfpp-method-label, body.dark .rfpp-eyebrow,
body.dark .crumbs, body.dark .crumbs a:not(.now),
body.dark .sec-right, body.dark .pt-bg-label { color: #8A8A92 !important; }

/* Ring "/ 100" denominator: white on the baseline/your-score ring (matches the
   white score number), gold only on the 2nd column (custom / peer-avg) — mirrors
   the ring-score split. */
body.dark .ring-denom { color: var(--text) !important; }
body.dark .val-row-1 > div:nth-child(2) .ring-denom { color: #FFB400 !important; }

/* Signal event meta: muted grey */
body.dark .cs-meta { color: var(--ink-3, #8A8A92) !important; }
body.dark .cs-meta .sep { color: var(--ink-4, #6E6E78) !important; }

/* Signal confidence values: adaptive color */
body.dark .cs-stat-val.green { color: var(--green) !important; }
body.dark .cs-stat-val.amber { color: #FFB400 !important; }
body.dark .cs-stat-val.red { color: var(--red) !important; }

/* AI badge — gold bg, white icon in both themes */
body.dark .pr-ai-badge { background: #FFB400; color: #0E0E0E; }
body.dark .pr-ai-badge svg { stroke: #fff; }

body.dark .crumbs .now, body.dark .tb-wallet-addr { color: #F5F5F7 !important; }

body.dark .sidebar a.sb-item.active, body.dark .sb-item.active {
  background: rgba(255,255,255,0.05) !important;
  color: #fff !important;
}

body.dark .sb-item:hover:not(.active):not(.disabled) {
  background: rgba(255,255,255,0.05) !important;
  color: #F5F5F7 !important;
}

body.dark .rf-btn-tiny.rf-btn-tiny-ghost,
body.dark .rf-btn-tiny.rf-btn-tiny-ghost:hover {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #F5F5F7 !important;
}

body.dark .tb-icon, body.dark .tb-balance, body.dark .tb-wallet-pill, body.dark .tb-search {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #F5F5F7 !important;
}

body.dark .tb-icon:hover { background: rgba(255,255,255,0.10) !important; }

body.dark .tb-search input { color: #F5F5F7 !important; }

body.dark .tb-search input::placeholder { color: #8A8A92 !important; }

body.dark .tag { background: rgba(255,255,255,0.06) !important; color: #B5B5BC !important; }

body.dark .chart-controls, body.dark #val-tab-group {
  background: rgba(255,255,255,0.05) !important;
}


body.dark .chart-ctrl-btn:hover:not(.active) { background: rgba(255,255,255,0.05) !important; color: #F5F5F7 !important; }

body.dark .chart-ctrl-btn.active {
  background: rgba(255,255,255,0.12) !important;
  color: #F5F5F7 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

body.dark table { border: 1px solid rgba(255,255,255,0.08) !important; }

body.dark th { background: rgba(255,255,255,0.04) !important; color: #8A8A92 !important; border-bottom: 1px solid rgba(255,255,255,0.06); }

body.dark td { border-bottom: 1px solid rgba(255,255,255,0.04); }

body.dark tr:hover td { background: var(--hover-bg) !important; }

body.dark hr, body.dark .td-row1 { border-color: rgba(255,255,255,0.08) !important; }

body.dark .toast { background: rgba(255,255,255,0.94) !important; color: #0A0A0F !important; }

body.dark .pillar-info-btn { background: rgba(255,255,255,0.06) !important; color: #B5B5BC !important; }


body.dark .ps-tabs > button {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark .ps-tabs > div[style*="position:absolute"],
body.dark .ps-tabs > div[style*="background:#fff"] {
  background: var(--surface-2);
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark code, body.dark kbd {
  background: rgba(255,255,255,0.08) !important;
  color: #B5B5BC !important;
}

body.dark #prompt-tweaks {
  background: var(--surface-2) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark .pt-close { background: rgba(255,255,255,0.06) !important; color: #B5B5BC !important; }

body.dark .pt-close:hover { background: #F5F5F7 !important; color: #0A0A0F !important; }

body.dark .pt-title { color: #F5F5F7 !important; }

body.dark .pip { background: rgba(255,255,255,0.08) !important; color: #B5B5BC !important; }

body.dark .td-header,
body.dark div.td-header,
body.dark .container div.td-header,
body.dark html body.dark div.td-header {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark .td-row1 { border-bottom: 1px solid rgba(255,255,255,0.08); }

body.dark .td-row1 h1 { color: #F5F5F7 !important; }

body.dark .td-row1 > span { color: #8A8A92 !important; }

body.dark .td-row1 .tag { background: rgba(255,255,255,0.06) !important; color: #B5B5BC !important; }

body.dark .td-row1 .tag:first-of-type { background: #F5F5F7 !important; color: #0A0A0F !important; }

body.dark .td-row1 .tag[style*="display:inline-flex"] {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #B5B5BC !important;
}

body.dark #header-price {
  color: #F5F5F7 !important;
}

body.dark .td-price-left > div:first-child > span { color: #F87171 !important; }

body.dark .td-price-left > div[style*="gap:5px"] > .tag,
body.dark .td-price-left .tag {
  background: rgba(255,255,255,0.06);
  color: #B5B5BC !important;
}

body.dark .td-mcap-right {
  color: #8A8A92 !important;
  border-left: 1px solid rgba(255,255,255,0.08);
}

body.dark .td-mcap-right > div { color: #8A8A92 !important; background: transparent !important; }

body.dark .td-mcap-right strong, body.dark .td-mcap-right .val { color: #F5F5F7 !important; }

body.dark .ps-tabs > button,
body.dark .ps-tabs button[type="button"] {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark .ps-tabs > div[style*="position:absolute"],
body.dark .ps-tabs > div[style*="background:#fff"] {
  background: var(--surface-2);
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark .ps-tabs button span { color: inherit !important; }

body.dark .ps-tabs > div,
body.dark .ps-tabs div[style*="position:absolute"],
body.dark .ps-tabs div[style*="position: absolute"] {
  background: var(--surface-2);
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #F5F5F7 !important;
}

body.dark .ps-tabs > div button,
body.dark .ps-tabs div[style*="position:absolute"] button {
  background: transparent;
  color: #F5F5F7 !important;
}

body.dark .ps-tabs > div button:hover {
  background: rgba(255,255,255,0.06) !important;
}

body.dark .sig-cluster-items,
body.dark .sig-cluster-popup,
body.dark [class*="sig-cluster"][style*="background"],
body.dark #signal-strip [style*="background:#fff"],
body.dark #signal-strip [style*="background: #fff"],
body.dark #signal-strip [style*="background:rgb(255"],
body.dark #signal-strip [style*="background: rgb(255"] {
  background: var(--surface-2) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #F5F5F7 !important;
}

body.dark #signal-strip [style*="background:#fff"] *,
body.dark .sig-cluster-items * { color: #F5F5F7 !important; }

body.dark #signal-strip [style*="color:var(--text-muted)"] { color: #8A8A92 !important; }

body.dark .td-social .social-icon { color: #8A8A92 !important; }

body.dark .td-social .social-icon:hover { color: #F5F5F7 !important; background: rgba(255,255,255,0.06) !important; }

body.dark #watchlist-btn {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark #header-sparkline path { stroke: rgba(255,180,0,0.4) !important; }

body.dark #header-sparkline { opacity: 0.3 !important; }

body.dark #cex-bar-outer { border-top: 1px solid rgba(255,255,255,0.08); }

body.dark #cex-bar-outer .cex-chip,
body.dark #cex-bar-outer > div > div,
body.dark #cex-bar-outer span[style*="background"] {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: #B5B5BC !important;
}

body.dark #cex-label { color: #8A8A92 !important; }

body.dark .td-header [style*="color:var(--text)"],
body.dark .td-header [style*="color: var(--text)"],
body.dark [style*="color:var(--text)"] { color: #F5F5F7 !important; }

body.dark .td-header [style*="color:var(--text-secondary)"],
body.dark [style*="color:var(--text-secondary)"] { color: #B5B5BC !important; }

body.dark .td-header [style*="color:var(--text-muted)"],
body.dark [style*="color:var(--text-muted)"] { color: #8A8A92 !important; }

body.dark .sig-strip-default,
body.dark #sig-strip-default.sig-strip-default,
body.dark div.sig-strip-default {
  background: var(--glass-bg) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark .sig-strip-default .sig-strip-brand-text,
body.dark .sig-strip-default [class*="brand-text"] { color: #F5F5F7 !important; }

body.dark .sig-strip-default .sig-strip-brand-sub,
body.dark .sig-strip-default [class*="brand-sub"] { color: #8A8A92 !important; border-color: rgba(255,255,255,0.10) !important; }

body.dark .sig-strip-default .sig-strip-count { color: #8A8A92 !important; }

body.dark .sig-strip-default .sig-ct {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: #FFB400 !important;
}

body.dark .sig-strip-default [style*="background"] { background: transparent !important; }

body.dark #tvChart [style*="background:rgba(255"],
body.dark #tvChart [style*="background: rgba(255"],
body.dark .tv-chart-tooltip,
body.dark #chart-tooltip {
  background: var(--surface-2) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
}

body.dark #tvChart [style*="background"] strong,
body.dark .tv-chart-tooltip strong { color: #F5F5F7 !important; }

body.dark #tvChart [style*="color:#222"],
body.dark #tvChart [style*="color: #222"] { color: #F5F5F7 !important; }

body.dark #tvChart text { fill: #F5F5F7 !important; }

body.dark .chart-controls { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.08) !important; }

body.dark .chart-controls .chart-ctrl-label { color: #8A8A92 !important; }

body.dark #tvChart [style*="color:rgb(74"],
body.dark #tvChart [style*="color: rgb(74"],
body.dark #tvChart [style*="color:#4a5568"],
body.dark #tvChart [style*="color: #4a5568"],
body.dark #tvChart [style*="color:var(--text-muted"],
body.dark #tvChart [style*="color: var(--text-muted"] { color: #B5B5BC !important; }

body.dark #tvChart [style*="position:absolute"][style*="background"] *,
body.dark #tvChart [style*="position: absolute"][style*="background"] * { color: #F5F5F7; }

body.dark #tvChart [style*="background:#1a1a1a"],
body.dark #tvChart [style*="background: #1a1a1a"] {
  background: #F5F5F7 !important;
  color: #0A0A0F !important;
}

body.dark .chart-ctrl-btn.active,
body.dark .chart-controls .chart-ctrl-btn.active,
body.dark #val-tab-group .chart-ctrl-btn.active,
body.dark .td-chart-header .chart-controls .chart-ctrl-btn.active {
  background: rgba(255,255,255,0.10) !important;
  color: var(--brand) !important;
  box-shadow: none !important;
}

body.dark .chart-ctrl-btn { color: #8A8A92 !important; }

body.dark #val-tab-group { background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.08) !important; }

body.dark #tvChart svg[viewBox*="0 0 32"] path,
body.dark #tvChart .tv-logo { fill: rgba(255,255,255,0.16) !important; }

body.dark .td-pillars > div,
body.dark #val-row2 > div,
body.dark #val-row3 > div,
body.dark html body.dark .td-pillars > div,
body.dark html body.dark #val-row2 > div,
body.dark html body.dark #val-row3 > div {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark .td-pillars > div .pillar-name,
body.dark .td-pillars > div .pillar-title,
body.dark .td-pillars > div h3,
body.dark .td-pillars > div h4 { color: #F5F5F7 !important; }

body.dark .td-pillars > div [style*="color:var(--text)"],
body.dark .td-pillars > div [style*="color:#0a0a0a"],
body.dark .td-pillars > div [style*="color: #0a0a0a"] { color: #F5F5F7 !important; }

body.dark .td-pillars > div [style*="color:var(--text-secondary)"] { color: #B5B5BC !important; }

body.dark .td-pillars > div [style*="color:var(--text-muted)"] { color: #8A8A92 !important; }

body.dark .td-pillars > div [style*="background:#"][style*="border-radius"] {
  background: rgba(255,255,255,0.06) !important;
}

body.dark .td-pillars > div a, body.dark .td-pillars > div [class*="-link"] { color: #B5B5BC !important; }

body.dark .pillar-info-btn,
body.dark .td-pillars > div .pillar-info-btn {
  background: rgba(255,255,255,0.06) !important;
  color: #B5B5BC !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

body.dark .pillar-info-btn:hover { background: #F5F5F7 !important; color: #0A0A0F !important; },
body.dark html,
body.dark .section a[style*="background"]:not([href^="/token/"]) {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark #supply-unlocks-section,
body.dark #supply-unlocks-section > div,
body.dark #supply-unlocks-section > div > div,
body.dark #supply-unlocks-section .su-grid,
body.dark #supply-unlocks-section .su-grid > div,
body.dark .su-grid,
body.dark .su-grid > div,
body.dark .su-grid > div > div,
body.dark html body.dark #supply-unlocks-section > div,
body.dark html body.dark .su-grid > div {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border-color: rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark #supply-unlocks-section *,
body.dark .su-grid * {
  color: inherit;
}

body.dark #supply-unlocks-section [style*="color:var(--text)"],
body.dark #supply-unlocks-section [style*="color: var(--text)"] { color: #F5F5F7 !important; }

body.dark #supply-unlocks-section [style*="color:var(--text-secondary)"],
body.dark #supply-unlocks-section [style*="color: var(--text-secondary)"] { color: #B5B5BC !important; }

body.dark #supply-unlocks-section [style*="color:var(--text-muted)"],
body.dark #supply-unlocks-section [style*="color: var(--text-muted)"] { color: #8A8A92 !important; }

body.dark #supply-unlocks-section *[style*="background"] {
  background: rgba(255,255,255,0.04) !important;
}

body.dark #supply-unlocks-section,
body.dark #supply-unlocks-section > *,
body.dark .su-grid,
body.dark .su-grid > * {
  background-color: transparent !important;
}

body.dark .su-grid > div:last-child,
body.dark #supply-unlocks-section > div:last-child,
body.dark #supply-unlocks-section .su-grid > div + div {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

body.dark .td-pillars > div [style*="background:#fff"],
body.dark .td-pillars > div [style*="background: #fff"],
body.dark [style*="background:#ffffff"], body.dark [style*="background: #ffffff"] {
  background: rgba(255,255,255,0.06) !important;
}

body.dark .score-ring .ring-track { stroke: rgba(255,255,255,0.08) !important; }

body.dark .section > div[style*="border-radius:8px"][style*="margin-bottom"],
body.dark .section > div[style*="border-radius:16px"][style*="margin-bottom"] {
  background: var(--glass-bg);
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #B5B5BC !important;
}

body.dark .section > div[style*="border-radius:8px"][style*="margin-bottom"] strong { color: #F5F5F7; }

body.dark #supply-unlocks-section [style*="position:absolute"][style*="z-index:2"] * ,
body.dark .su-grid [style*="position:absolute"][style*="z-index:2"] * { color: #B5B5BC; }

body.dark html body.dark .td-header,
body.dark html body.dark .chart-container, body.dark html body.dark .tv-chart, body.dark html body.dark #tvChart,
body.dark html body.dark #moves-table,
body.dark html, body.dark html,
body.dark html body.dark .val-row-1 > div,
body.dark html body.dark .td-pillars > div, body.dark html body.dark #val-row2 > div, body.dark html body.dark #val-row3 > div,
body.dark html body.dark .rfpp, body.dark html body.dark #weights-modal .rfpp,
body.dark html body.dark .sidebar, body.dark html body.dark .topbar,
body.dark html body.dark .sb-promote, body.dark html body.dark a.sb-promote,
body.dark html body.dark .sig-strip-default,
body.dark html body.dark .pr-card-wrap, body.dark html body.dark .td-grid-2 > div.pr-card-wrap,
body.dark html body.dark .card, body.dark html body.dark .stat-card, body.dark html body.dark .eco-card,
body.dark html body.dark #supply-unlocks-section > div, body.dark html body.dark .su-grid > div,
body.dark html body.dark .section .td-grid-2 > div, body.dark html body.dark .section .td-grid-3 > div {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(17px) saturate(160%);
  -webkit-backdrop-filter: blur(17px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.10) !important;
}

body.dark #tvChart > div[style*="position:absolute"][style*="top:8px"],
body.dark #tvChart > div[style*="position: absolute"][style*="top: 8px"] {
  background: var(--surface-2);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.dark .card, body.dark .stat-card, body.dark .eco-card, body.dark .g-card, body.dark .pipeline-card,
body.dark .td-pillars > div, body.dark #val-row2 > div, body.dark #val-row3 > div,
body.dark .val-row-1 > div, body.dark .td-header, body.dark #moves-table,
body.dark .pr-card-wrap, body.dark .sig-strip-default,
body.dark .section .td-grid-2 > div, body.dark .section .td-grid-3 > div {
  box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
  border-top-color: rgba(255,255,255,0.10) !important;
}

body.dark .card:hover, body.dark .stat-card:hover, body.dark .eco-card:hover, body.dark .g-card:hover,
body.dark .td-pillars > div:hover, body.dark #val-row2 > div:hover, body.dark #val-row3 > div:hover:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,0.18) inset, 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
  border-top-color: rgba(255,255,255,0.2) !important;
}

body.dark *,
body.dark .card, body.dark .stat-card, body.dark .eco-card, body.dark .g-card, body.dark .pipeline-card,
body.dark .td-pillars > div, body.dark #val-row2 > div, body.dark #val-row3 > div,
body.dark .val-row-1 > div, body.dark .td-header, body.dark #moves-table,
body.dark .pr-card-wrap, body.dark .sig-strip-default, body.dark .topbar, body.dark .sidebar,
body.dark .tb-icon, body.dark .tb-balance, body.dark .tb-wallet-pill, body.dark .tb-search, body.dark .tb-eco,
body.dark .chart-controls, body.dark #val-tab-group, body.dark .rfpp, body.dark .ph-toggle,
body.dark .section .td-grid-2 > div, body.dark .section .td-grid-3 > div, body.dark .sb-promote, body.dark #searchResults {
  --glass-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

body.dark .card, body.dark .stat-card, body.dark .eco-card, body.dark .g-card, body.dark .pipeline-card,
body.dark .td-pillars > div, body.dark #val-row2 > div, body.dark #val-row3 > div,
body.dark .val-row-1 > div, body.dark .td-header, body.dark #moves-table,
body.dark .pr-card-wrap, body.dark .sig-strip-default, body.dark .topbar, body.dark .sidebar,
body.dark .tb-icon, body.dark .tb-balance, body.dark .tb-wallet-pill, body.dark .tb-search, body.dark .tb-eco,
body.dark .chart-controls, body.dark #val-tab-group, body.dark .rfpp, body.dark .ph-toggle,
body.dark .section .td-grid-2 > div, body.dark .section .td-grid-3 > div, body.dark .sb-promote, body.dark #searchResults,
body.dark .tv-chart, body.dark #tvChart {
  box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

body.dark .card:hover, body.dark .stat-card:hover, body.dark .eco-card:hover, body.dark .g-card:hover,
body.dark .td-pillars > div:hover, body.dark #val-row2 > div:hover, body.dark #val-row3 > div:hover:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,0.18) inset, 0 1px 2px rgba(0,0,0,0.4), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

body.dark div[style*="border-radius"],
body.dark .card, body.dark .section > div[style*="background:var(--surface)"],
body.dark .np-grid, body.dark [class*="np-"],
body.dark .tv-chart, body.dark #tvChart, body.dark .chart-container,
body.dark .td-grid-2 > div, body.dark .td-grid-3 > div,
body.dark .val-row-1 > div, body.dark .td-pillars > div,
body.dark #moves-table, body.dark .pr-card-wrap, body.dark .sig-strip-default {
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

body.dark .td-pillars > div:hover, body.dark #val-row2 > div:hover, body.dark #val-row3 > div:hover:hover, body.dark .card:hover, body.dark .eco-card:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,0.16) inset, 0 1px 2px rgba(0,0,0,0.35), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

body.dark .chart-pill-tooltip {
  background: var(--surface-2) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #B5B5BC !important;
}

body.dark .chart-pill-tooltip .tt-title { color: #F5F5F7 !important; }

body.dark .chart-pill-tooltip .tt-desc,
body.dark .chart-pill-tooltip .tt-meta { color: #8A8A92 !important; }

body.dark .chart-pill-tooltip .tt-meta span {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #B5B5BC !important;
}

body.dark html body.dark .chart-container,
body.dark html body.dark .tv-chart,
body.dark html body.dark #tvChart {
  box-shadow: 0 1px 2px rgba(0,0,0,0.35), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

body.dark .td-pillars a.rf-btn-tiny.rf-btn-tiny-solid,
body.dark .td-pillars .rf-btn-tiny.rf-btn-tiny-solid,
body.dark .section a.rf-btn-tiny.rf-btn-tiny-solid,
body.dark .section .rf-btn-tiny.rf-btn-tiny-solid {
  color: #0E0E0E !important;
}

/* ── Canonical DISABLED / INACTIVE button (dark) — neutral grey, legible muted text ──
   Twin of the light rule in component-colors.css. Selectors include the .section /
   .td-pillars contexts so this beats the (0,0,4,1) `color:#0E0E0E !important` solid
   rule above — otherwise a disabled solid button would show near-black text on the
   grey surface. Design rule: design/README.md § Buttons → Disabled/inactive. */
body.dark .rf-btn-tiny[disabled], body.dark .rf-btn-tiny.disabled,
body.dark .rf-btn-tiny.rf-btn-tiny-solid[disabled],
body.dark button.rf-btn-tiny-solid[disabled],
body.dark .rf-btn-tiny.rf-btn-tiny-solid.disabled,
body.dark .section .rf-btn-tiny.rf-btn-tiny-solid[disabled],
body.dark .td-pillars .rf-btn-tiny.rf-btn-tiny-solid[disabled],
body.dark .rf-btn-tiny.rf-btn-tiny-solid[disabled]:hover,
body.dark .btn-primary[disabled], body.dark button[type="submit"][disabled] {
  background: var(--gray-100) !important;
  color: var(--text-muted) !important;
  border-color: var(--gray-200) !important;
  box-shadow: none !important;
}
body.dark .rf-btn-tiny[disabled]::after,
body.dark .rf-btn-tiny.rf-btn-tiny-solid[disabled]::after { color: var(--text-muted) !important; }

body.dark .np-phase.emer { color: #34D399 !important; }

body.dark .np-phase.cool { color: #818CF8 !important; }

body.dark .np-phase.peak { color: #FBBF24 !important; }

body.dark .np-phase.heat { color: #FB7185 !important; }

body.dark .np-phase.rot  { color: #94A3B8 !important; }

body.dark .np-conf { color: #94A3B8 !important; }
body.dark .np-conf.high { color: #34D399 !important; }
body.dark .np-conf.med  { color: #FBBF24 !important; }
body.dark .np-conf.low  { color: #94A3B8 !important; }

body.dark .cs-cat-badge.cat-upgrade     { color: #A78BFA !important; }

body.dark .cs-cat-badge.cat-governance  { color: #818CF8 !important; }

body.dark .cs-cat-badge.cat-partnership { color: #60A5FA !important; }

body.dark .cs-cat-badge.cat-exchange,
body.dark .cs-cat-badge.cat-onchain     { color: #34D399 !important; }

body.dark .cs-cat-badge.cat-security    { color: #F87171 !important; }

body.dark .cs-cat-badge.cat-unlock      { color: #FBBF24 !important; }

body.dark .cs-cat-badge.cat-social      { color: #F472B6 !important; }

body.dark .pr-status[style*="8b5cf6"] { color: #A78BFA !important; }

body.dark .topbar .crumbs .sep { color: #6E6E78 !important; }

html body.dark .section a[style*="background:var(--surface)"]:hover,
html body.dark .section a[style*="background: var(--surface)"]:hover {
  border: 1px solid transparent !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.16) inset, 0 1px 2px rgba(0,0,0,0.35), 0 16px 40px -16px rgba(0,0,0,0.5) !important;
}

html body.dark .td-row1 .tag.tag-more,
html body.dark .tag.tag-more {
  background: rgba(255,255,255,0.06) !important;
  color: #B5B5BC !important;
}

body.dark .sig-range-tag,
body.dark .sig-dot-chip {
  background: var(--surface-2) !important;
  color: #F5F5F7 !important;
  border-color: rgba(255,180,0,0.45) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

html body.dark .chain-dropdown,
html body.dark .narrative-dropdown,
html body.dark .exchange-dropdown {
  box-shadow: 0 12px 40px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.4) !important;
}

body.dark .rfpp-close { background: rgba(255,255,255,0.06) !important; color: #8A8A92 !important; border: none !important; }

body.dark .sig-dot-chip,
body.dark .sig-range-tag,
body.dark #tvChart .sig-dot-chip,
body.dark #tvChart .sig-range-tag,
body.dark #signal-timeline .sig-dot-chip,
body.dark #signal-timeline .sig-range-tag,
body.dark .sig-range .sig-range-tag,
body.dark .sig-dot-group .sig-dot-chip {
  background: var(--surface-2) !important;
  background-color: var(--surface-2) !important;
  color: #F5F5F7 !important;
  border: 1px solid rgba(255,180,0,0.4) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

html body.dark #supply-unlocks-section [style*="rfBarGrow"] {
  background: linear-gradient(90deg, rgba(255,180,0,0.1) 0%, #FFB400 100%) !important;
}

html body.dark .pk-row.is-self {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

html body.dark .pk-row.is-self:hover {
  background: rgba(255,255,255,0.09) !important;
}

html body.dark .link-item:hover,
html body.dark .stat-card:hover,
html body.dark #moves-table:hover {
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

html body.dark .pk-row.is-hl {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
}

html body.dark .rf-dd-item.is-selected {
  background: rgba(255,255,255,0.08) !important;
}

html body.dark .rf-dd-item.is-selected .rf-dd-name {
  color: #F5F5F7 !important;
}

html body.dark .chain-dropdown-item:hover,
html body.dark .exchange-dropdown-item:hover,
html body.dark .narrative-dropdown-item:hover,
html body.dark .rf-dd-item:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #F5F5F7 !important;
}

html body.dark .rf-dd-trigger,
html body.dark .rf-dd-trigger .rf-dd-label,
html body.dark .rf-dd.is-open .rf-dd-trigger,
html body.dark .rf-dd.is-open .rf-dd-trigger .rf-dd-label {
  color: #F5F5F7 !important;
}

html body.dark .rf-dd-caret {
  color: var(--brand) !important;
}

html body.dark .rf-dd-trigger {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

html body.dark .rf-dd-trigger:hover,
html body.dark .rf-dd.is-open .rf-dd-trigger {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

html body.dark .ps-trigger:hover {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

html body.dark .ps-menu-item:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #F5F5F7 !important;
}

html body.dark .ps-menu .ps-menu-item:hover,
html body.dark .ps-menu button.ps-menu-item:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #F5F5F7 !important;
}


html body.dark .rfpp-method,
html body.dark .rfpp-method-band {
  background: rgba(255,255,255,0.02) !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

html body.dark .rfpp .rfpp-body .rfpp-row-comm:hover {
  background: rgba(255,255,255,0.055) !important;
  border-color: rgba(255,255,255,0.14) !important;
}

html body.dark .rfpp-footer {
  border-top: 1px solid rgba(255,255,255,0.07);
  background: transparent !important;
}

html body.dark .np-phase.emer { color: #34D399 !important; background: rgba(52,211,153,0.12) !important; }

html body.dark .np-phase.cool { color: #818CF8 !important; background: rgba(129,140,248,0.12) !important; }

html body.dark .np-phase.peak { color: #FBBF24 !important; background: rgba(251,191,36,0.12) !important; }

html body.dark .np-phase.heat { color: #FB7185 !important; background: rgba(251,113,133,0.12) !important; }

html body.dark .np-phase.rot  { color: #94A3B8 !important; background: rgba(148,163,184,0.12) !important; }

body.dark[data-mode="ocean"]{--bg:#07101A!important;--bg-2:#0B1726!important;--surface:#0E1A2A!important;--surface-2:#13243A!important;--glass-bg:rgba(14,26,42,0.74)!important;--brand:#38BDF8!important;--brand-amber:#38BDF8!important;--accent:#38BDF8!important;--brand-hover:#7DD3FC!important;--brand-strong:#7DD3FC!important;--brand-amber-bg:rgba(56,189,248,0.12)!important;--accent-subtle:rgba(56,189,248,0.08)!important;--brand-bg:rgba(56,189,248,0.12)!important;}

body.dark[data-mode="emerald"]{--bg:#06120D!important;--bg-2:#0A1B14!important;--surface:#0D1E16!important;--surface-2:#122A20!important;--glass-bg:rgba(13,30,22,0.74)!important;--brand:#34D399!important;--brand-amber:#34D399!important;--accent:#34D399!important;--brand-hover:#6EE7B7!important;--brand-strong:#6EE7B7!important;--brand-amber-bg:rgba(52,211,153,0.12)!important;--accent-subtle:rgba(52,211,153,0.08)!important;--brand-bg:rgba(52,211,153,0.12)!important;}

body.dark[data-mode="violet"]{--bg:#0E0A1A!important;--bg-2:#150F28!important;--surface:#181230!important;--surface-2:#221A42!important;--glass-bg:rgba(24,18,48,0.74)!important;--brand:#A78BFA!important;--brand-amber:#A78BFA!important;--accent:#A78BFA!important;--brand-hover:#C4B5FD!important;--brand-strong:#C4B5FD!important;--brand-amber-bg:rgba(167,139,250,0.12)!important;--accent-subtle:rgba(167,139,250,0.08)!important;--brand-bg:rgba(167,139,250,0.12)!important;}

body.dark[data-mode="crimson"]{--bg:#140709!important;--bg-2:#1F0D11!important;--surface:#231013!important;--surface-2:#31171C!important;--glass-bg:rgba(35,16,19,0.74)!important;--brand:#FB7185!important;--brand-amber:#FB7185!important;--accent:#FB7185!important;--brand-hover:#FDA4AF!important;--brand-strong:#FDA4AF!important;--brand-amber-bg:rgba(251,113,133,0.12)!important;--accent-subtle:rgba(251,113,133,0.08)!important;--brand-bg:rgba(251,113,133,0.12)!important;}

body.dark[data-mode="teal"]{--bg:#04140F!important;--bg-2:#081E18!important;--surface:#0B221C!important;--surface-2:#103028!important;--glass-bg:rgba(11,34,28,0.74)!important;--brand:#2DD4BF!important;--brand-amber:#2DD4BF!important;--accent:#2DD4BF!important;--brand-hover:#5EEAD4!important;--brand-strong:#5EEAD4!important;--brand-amber-bg:rgba(45,212,191,0.12)!important;--accent-subtle:rgba(45,212,191,0.08)!important;--brand-bg:rgba(45,212,191,0.12)!important;}

body.dark[data-mode="rose"]{--bg:#160910!important;--bg-2:#210F1A!important;--surface:#26121F!important;--surface-2:#34192B!important;--glass-bg:rgba(38,18,31,0.74)!important;--brand:#F472B6!important;--brand-amber:#F472B6!important;--accent:#F472B6!important;--brand-hover:#F9A8D4!important;--brand-strong:#F9A8D4!important;--brand-amber-bg:rgba(244,114,182,0.12)!important;--accent-subtle:rgba(244,114,182,0.08)!important;--brand-bg:rgba(244,114,182,0.12)!important;}

body.dark[data-mode="indigo"]{--bg:#080A1C!important;--bg-2:#0D1029!important;--surface:#11142E!important;--surface-2:#191D40!important;--glass-bg:rgba(17,20,46,0.74)!important;--brand:#818CF8!important;--brand-amber:#818CF8!important;--accent:#818CF8!important;--brand-hover:#A5B4FC!important;--brand-strong:#A5B4FC!important;--brand-amber-bg:rgba(129,140,248,0.12)!important;--accent-subtle:rgba(129,140,248,0.08)!important;--brand-bg:rgba(129,140,248,0.12)!important;}

body.dark[data-mode="sunset"]{--bg:#160B06!important;--bg-2:#21130B!important;--surface:#26160D!important;--surface-2:#341F12!important;--glass-bg:rgba(38,22,13,0.74)!important;--brand:#FB923C!important;--brand-amber:#FB923C!important;--accent:#FB923C!important;--brand-hover:#FDBA74!important;--brand-strong:#FDBA74!important;--brand-amber-bg:rgba(251,146,60,0.12)!important;--accent-subtle:rgba(251,146,60,0.08)!important;--brand-bg:rgba(251,146,60,0.12)!important;}

body.dark[data-mode="mono"]{--bg:#0B0D10!important;--bg-2:#13161B!important;--surface:#16191F!important;--surface-2:#1F242B!important;--glass-bg:rgba(22,25,31,0.74)!important;--brand:#E2E8F0!important;--brand-amber:#E2E8F0!important;--accent:#E2E8F0!important;--brand-hover:#F1F5F9!important;--brand-strong:#F1F5F9!important;--brand-amber-bg:rgba(226,232,240,0.12)!important;--accent-subtle:rgba(226,232,240,0.08)!important;--brand-bg:rgba(226,232,240,0.12)!important;}

body.dark[data-mode="mono-cool"]{--bg:#0A0C10!important;--bg-2:#12151B!important;--surface:#141821!important;--surface-2:#1D2330!important;--glass-bg:rgba(20,24,33,0.74)!important;--brand:#CBD5E1!important;--brand-amber:#CBD5E1!important;--accent:#CBD5E1!important;--brand-hover:#E2E8F0!important;--brand-strong:#E2E8F0!important;--brand-amber-bg:rgba(203,213,225,0.12)!important;--accent-subtle:rgba(203,213,225,0.08)!important;--brand-bg:rgba(203,213,225,0.12)!important;}

body.dark[data-mode="mono-warm"]{--bg:#100E0A!important;--bg-2:#1A1712!important;--surface:#1F1B15!important;--surface-2:#2B261E!important;--glass-bg:rgba(31,27,21,0.74)!important;--brand:#E7E0D5!important;--brand-amber:#E7E0D5!important;--accent:#E7E0D5!important;--brand-hover:#F5F0E8!important;--brand-strong:#F5F0E8!important;--brand-amber-bg:rgba(231,224,213,0.12)!important;--accent-subtle:rgba(231,224,213,0.08)!important;--brand-bg:rgba(231,224,213,0.12)!important;}

body.dark[data-mode="mono-slate"]{--bg:#090C12!important;--bg-2:#11151F!important;--surface:#131823!important;--surface-2:#1C2333!important;--glass-bg:rgba(19,24,35,0.74)!important;--brand:#94A3B8!important;--brand-amber:#94A3B8!important;--accent:#94A3B8!important;--brand-hover:#CBD5E1!important;--brand-strong:#CBD5E1!important;--brand-amber-bg:rgba(148,163,184,0.12)!important;--accent-subtle:rgba(148,163,184,0.08)!important;--brand-bg:rgba(148,163,184,0.12)!important;}

body.dark[data-mode="goldglow"]{--bg:#0B0A07!important;--bg-2:#14110A!important;--surface:#18140C!important;--surface-2:#221C11!important;--glass-bg:rgba(22,20,14,0.71)!important;--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFB400!important;--brand-strong:#FFB400!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

body.dark[data-mode="aurora"]{--bg:#06090C!important;--bg-2:#0C1118!important;--surface:#0E141C!important;--surface-2:#161F2A!important;--glass-bg:rgba(14,20,28,0.70)!important;--brand:#34D399!important;--brand-amber:#34D399!important;--accent:#34D399!important;--brand-hover:#6EE7B7!important;--brand-strong:#6EE7B7!important;--brand-amber-bg:rgba(52,211,153,0.12)!important;--accent-subtle:rgba(52,211,153,0.08)!important;--brand-bg:rgba(52,211,153,0.12)!important;}

body.dark[data-mode="ember"]{--bg:#0C0705!important;--bg-2:#170D08!important;--surface:#1B100A!important;--surface-2:#27160D!important;--glass-bg:rgba(27,16,10,0.71)!important;--brand:#FB923C!important;--brand-amber:#FB923C!important;--accent:#FB923C!important;--brand-hover:#FDBA74!important;--brand-strong:#FDBA74!important;--brand-amber-bg:rgba(251,146,60,0.12)!important;--accent-subtle:rgba(251,146,60,0.08)!important;--brand-bg:rgba(251,146,60,0.12)!important;}

body.dark[data-mode="nebula"]{--bg:#09060F!important;--bg-2:#120C1F!important;--surface:#160F26!important;--surface-2:#211734!important;--glass-bg:rgba(22,15,38,0.71)!important;--brand:#C084FC!important;--brand-amber:#C084FC!important;--accent:#C084FC!important;--brand-hover:#D8B4FE!important;--brand-strong:#D8B4FE!important;--brand-amber-bg:rgba(192,132,252,0.12)!important;--accent-subtle:rgba(192,132,252,0.08)!important;--brand-bg:rgba(192,132,252,0.12)!important;}

body.dark[data-mode="goldglow"] #theme-ambient{opacity:1;background-image:
  radial-gradient(580px 460px at 18% 12%, rgba(255,180,0,0.20), transparent 60%),
  radial-gradient(640px 520px at 88% 30%, rgba(255,138,0,0.16), transparent 62%),
  radial-gradient(720px 600px at 60% 100%, rgba(180,120,0,0.16), transparent 60%);}

body.dark[data-mode="aurora"] #theme-ambient{opacity:1;background-image:
  radial-gradient(560px 460px at 12% 14%, rgba(52,211,153,0.20), transparent 60%),
  radial-gradient(620px 520px at 82% 24%, rgba(56,189,248,0.18), transparent 62%),
  radial-gradient(700px 600px at 55% 100%, rgba(167,139,250,0.16), transparent 60%);}

body.dark[data-mode="ember"] #theme-ambient{opacity:1;background-image:
  radial-gradient(560px 460px at 16% 12%, rgba(251,146,60,0.20), transparent 60%),
  radial-gradient(620px 520px at 86% 28%, rgba(239,68,68,0.16), transparent 62%),
  radial-gradient(720px 600px at 58% 100%, rgba(180,40,30,0.16), transparent 60%);}

body.dark[data-mode="nebula"] #theme-ambient{opacity:1;background-image:
  radial-gradient(560px 460px at 14% 14%, rgba(192,132,252,0.22), transparent 60%),
  radial-gradient(620px 520px at 84% 26%, rgba(236,72,153,0.16), transparent 62%),
  radial-gradient(700px 600px at 56% 100%, rgba(99,102,241,0.18), transparent 60%);}

body.dark[data-mode="carbon"]{--bg:#0C0D0E!important;--bg-2:#141618!important;--surface:#17191B!important;--surface-2:#212427!important;--glass-bg:rgba(23,25,27,0.74)!important;--brand:#D4D4D8!important;--brand-amber:#D4D4D8!important;--accent:#D4D4D8!important;--brand-hover:#E4E4E7!important;--brand-strong:#E4E4E7!important;--brand-amber-bg:rgba(212,212,216,0.12)!important;--accent-subtle:rgba(212,212,216,0.08)!important;--brand-bg:rgba(212,212,216,0.12)!important;}

body.dark[data-mode="graphite"]{--bg:#0E0F11!important;--bg-2:#181A1D!important;--surface:#1C1F22!important;--surface-2:#272B2F!important;--glass-bg:rgba(28,31,34,0.74)!important;--brand:#A1A1AA!important;--brand-amber:#A1A1AA!important;--accent:#A1A1AA!important;--brand-hover:#D4D4D8!important;--brand-strong:#D4D4D8!important;--brand-amber-bg:rgba(161,161,170,0.12)!important;--accent-subtle:rgba(161,161,170,0.08)!important;--brand-bg:rgba(161,161,170,0.12)!important;}

body.dark[data-mode="onyx"]{--bg:#070809!important;--bg-2:#0F1112!important;--surface:#131415!important;--surface-2:#1C1E20!important;--glass-bg:rgba(19,20,21,0.77)!important;--brand:#E4E4E7!important;--brand-amber:#E4E4E7!important;--accent:#E4E4E7!important;--brand-hover:#F4F4F5!important;--brand-strong:#F4F4F5!important;--brand-amber-bg:rgba(228,228,231,0.12)!important;--accent-subtle:rgba(228,228,231,0.08)!important;--brand-bg:rgba(228,228,231,0.12)!important;}

body.dark[data-mode="ash"]{--bg:#101113!important;--bg-2:#1A1C1F!important;--surface:#1F2225!important;--surface-2:#2A2E32!important;--glass-bg:rgba(31,34,37,0.74)!important;--brand:#B4BAC2!important;--brand-amber:#B4BAC2!important;--accent:#B4BAC2!important;--brand-hover:#D4D9DF!important;--brand-strong:#D4D9DF!important;--brand-amber-bg:rgba(180,186,194,0.12)!important;--accent-subtle:rgba(180,186,194,0.08)!important;--brand-bg:rgba(180,186,194,0.12)!important;}

html body.dark[data-accent="amber"]  {--brand:#FFB400!important;--brand-amber:#FFB400!important;--accent:#FFB400!important;--brand-hover:#FFB400!important;--brand-strong:#FFB400!important;--brand-amber-bg:rgba(255,180,0,0.12)!important;--accent-subtle:rgba(255,180,0,0.08)!important;--brand-bg:rgba(255,180,0,0.12)!important;}

html body.dark[data-accent="blue"]   {--brand:#38BDF8!important;--brand-amber:#38BDF8!important;--accent:#38BDF8!important;--brand-hover:#7DD3FC!important;--brand-strong:#7DD3FC!important;--brand-amber-bg:rgba(56,189,248,0.12)!important;--accent-subtle:rgba(56,189,248,0.08)!important;--brand-bg:rgba(56,189,248,0.12)!important;}

html body.dark[data-accent="indigo"] {--brand:#818CF8!important;--brand-amber:#818CF8!important;--accent:#818CF8!important;--brand-hover:#A5B4FC!important;--brand-strong:#A5B4FC!important;--brand-amber-bg:rgba(129,140,248,0.12)!important;--accent-subtle:rgba(129,140,248,0.08)!important;--brand-bg:rgba(129,140,248,0.12)!important;}

html body.dark[data-accent="violet"] {--brand:#A78BFA!important;--brand-amber:#A78BFA!important;--accent:#A78BFA!important;--brand-hover:#C4B5FD!important;--brand-strong:#C4B5FD!important;--brand-amber-bg:rgba(167,139,250,0.12)!important;--accent-subtle:rgba(167,139,250,0.08)!important;--brand-bg:rgba(167,139,250,0.12)!important;}

html body.dark[data-accent="emerald"]{--brand:#34D399!important;--brand-amber:#34D399!important;--accent:#34D399!important;--brand-hover:#6EE7B7!important;--brand-strong:#6EE7B7!important;--brand-amber-bg:rgba(52,211,153,0.12)!important;--accent-subtle:rgba(52,211,153,0.08)!important;--brand-bg:rgba(52,211,153,0.12)!important;}

html body.dark[data-accent="teal"]   {--brand:#2DD4BF!important;--brand-amber:#2DD4BF!important;--accent:#2DD4BF!important;--brand-hover:#5EEAD4!important;--brand-strong:#5EEAD4!important;--brand-amber-bg:rgba(45,212,191,0.12)!important;--accent-subtle:rgba(45,212,191,0.08)!important;--brand-bg:rgba(45,212,191,0.12)!important;}

html body.dark[data-accent="rose"]   {--brand:#F472B6!important;--brand-amber:#F472B6!important;--accent:#F472B6!important;--brand-hover:#F9A8D4!important;--brand-strong:#F9A8D4!important;--brand-amber-bg:rgba(244,114,182,0.12)!important;--accent-subtle:rgba(244,114,182,0.08)!important;--brand-bg:rgba(244,114,182,0.12)!important;}

html body.dark[data-accent="crimson"]{--brand:#FB7185!important;--brand-amber:#FB7185!important;--accent:#FB7185!important;--brand-hover:#FDA4AF!important;--brand-strong:#FDA4AF!important;--brand-amber-bg:rgba(251,113,133,0.12)!important;--accent-subtle:rgba(251,113,133,0.08)!important;--brand-bg:rgba(251,113,133,0.12)!important;}

html body.dark[data-accent="orange"] {--brand:#FB923C!important;--brand-amber:#FB923C!important;--accent:#FB923C!important;--brand-hover:#FDBA74!important;--brand-strong:#FDBA74!important;--brand-amber-bg:rgba(251,146,60,0.12)!important;--accent-subtle:rgba(251,146,60,0.08)!important;--brand-bg:rgba(251,146,60,0.12)!important;}

html body.dark[data-accent="silver"] {--brand:#E2E8F0!important;--brand-amber:#E2E8F0!important;--accent:#E2E8F0!important;--brand-hover:#F1F5F9!important;--brand-strong:#F1F5F9!important;--brand-amber-bg:rgba(226,232,240,0.12)!important;--accent-subtle:rgba(226,232,240,0.08)!important;--brand-bg:rgba(226,232,240,0.12)!important;}

html body.dark #supply-unlocks-section.td-design-card .su-grid,
html body.dark #supply-unlocks-section.td-design-card .su-grid * {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html body.dark #supply-unlocks-section > div[style*="background:var(--surface)"],
html body.dark #supply-unlocks-section .su-grid {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html body.dark .section .sim-scroll > a:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.18) !important;
  opacity: 1 !important;
}

html body.dark .pk-row:not(.is-self):not(.is-hl):hover {
  background: rgba(255,255,255,0.04) !important;
}


html body.dark .rfpp-overlay {
  background: rgba(6,7,10,0.50) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
  backdrop-filter: blur(10px) saturate(1.05);
}


html body.dark .rfpp-method { background: rgba(255,255,255,0.04) !important; }

html body.dark .cs-event,
html body.dark .np-row {
  border-bottom: 1px solid var(--gray-50);
}

html body.dark .cs-event:last-child,
html body.dark .np-row:last-child {
  border-bottom: none;
}

html body.dark #sig-strip-default.sig-strip-default,
html body.dark .sig-strip > .sig-strip-default {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

body.dark .rfpp-head { border-bottom: 1px solid rgba(255,255,255,0.08); }

body.dark .rfpp-method {
  background: rgba(255,255,255,0.03) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

body.dark .rfpp-method-body { color: #B5B5BC !important; }

body.dark .rfpp-section-label { background: transparent !important; color: #8A8A92 !important; }

body.dark .rfpp-section-label::after { background: rgba(255,255,255,0.08) !important; }

html body.dark .rfpp .rfpp-body .rfpp-row-comm:hover {
  background: var(--surface-2) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

body.dark .rfpp-row-comm .c-name { color: #F5F5F7 !important; }

body.dark .rfpp-row-comm .c-ctx { color: #C5C5CC !important; }

body.dark .rfpp-row-comm .c-meta,
body.dark .rfpp-row-comm .c-method-label { color: #8A8A92 !important; }

body.dark .rfpp-row:hover,
body.dark .rfpp-row-utility:hover { background: var(--hover-bg) !important; }

body.dark .rfpp-row + .rfpp-row,
body.dark .rfpp-row-utility + .rfpp-row-utility { border-top-color: rgba(255,255,255,0.06) !important; }

body.dark .rfpp-body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12) !important; }

body.dark .c-tip { background: rgba(255,255,255,0.08) !important; color: #8A8A92 !important; }

body.dark .c-tip:hover { background: rgba(255,255,255,0.16) !important; color: #F5F5F7 !important; }

html body.dark .ps-trigger {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}


/* ══════════════════════════════════════
   DARK-MODE MIXED-RULE COLOR OVERRIDES
   Color props split from mixed rules
   (from legacy elimination)
   ══════════════════════════════════════ */

html body.dark .np-foot, html body.dark .np-foot {
  box-shadow: none !important;
}


body.dark .td-header [style*="background:rgba(255,255,255"],
body.dark .td-header [style*="background: rgba(255,255,255"] {
  background: rgba(255,255,255,0.05) !important;
  color: #F5F5F7 !important;
}

body.dark .td-pillars > div [style*="background:var(--surface"],
body.dark .td-pillars > div [style*="background: var(--surface"],
body.dark .td-pillars > div [style*="background:rgba(255,255,255"] {
  background: rgba(255,255,255,0.06) !important;
}

body.dark #supply-unlocks-section [style*="background:var(--surface"],
body.dark #supply-unlocks-section [style*="background: var(--surface"],
body.dark #supply-unlocks-section [style*="background:rgba(255,255,255"],
body.dark #supply-unlocks-section [style*="background: rgba(255,255,255"] {
  background: rgba(255,255,255,0.04) !important;
}

html body.dark .section .section,
html body.dark .section > .section,
body.dark .section .section,
body.dark .section > .section {
  border: none !important;
  background: transparent !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html body.dark .section .section,
body.dark .section .section {
  border: none !important;
  box-shadow: none !important;
}

body.dark [style*="position:absolute"][style*="backdrop"][style*="rgba(255,255,255"],
body.dark #supply-unlocks-section [style*="position:absolute"][style*="z-index:2"],
body.dark .su-grid [style*="position:absolute"][style*="z-index:2"] {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #B5B5BC !important;
}

body.dark html body.dark #tvChart,
body.dark html body.dark .tv-chart,
body.dark html body.dark .chart-container {
  border: 1px solid var(--border-card) !important;
}

html body.dark .section .links-scroll.links-list > a,
html body.dark .section .links-scroll.links-list > a,
html body.dark .section .links-scroll.links-list > div[style*="align-items:center"] {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html body.dark .section .links-scroll.links-list > a:hover,
html body.dark .section .links-scroll.links-list > a:hover {
  background: rgba(127,127,140,0.06) !important;
  box-shadow: none !important;
}

html body.dark .section a[style*="background:var(--surface)"],
html body.dark .section a[style*="background:var(--surface)"],
html body.dark .section a[style*="background: var(--surface)"] {
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html body.dark #tvChart table,
html body.dark #tvChart table,
html body.dark .tv-lightweight-charts table,
html body.dark .tv-lightweight-charts table {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

html body.dark #tvChart.tv-chart,
html body.dark #tvChart.tv-chart,
html body.dark .tv-chart#tvChart,
html body.dark .tv-chart#tvChart {
  border: 1px solid var(--border-card) !important;
}

html body.dark .np-row,
html body.dark .np-row {
  box-shadow: none !important;
  background: transparent !important;
}

html body.dark .np-head,
html body.dark .np-head {
  box-shadow: none !important;
}

html body.dark #cex-bar-outer #cex-count-label,
html body.dark #cex-bar-outer #cex-slider-mask,
html body.dark #cex-bar-outer #cex-scroll-wrapper,
html body.dark #cex-bar-outer #cex-count-label,
html body.dark #cex-bar-outer #cex-slider-mask,
html body.dark #cex-bar-outer #cex-scroll-wrapper {
  background: transparent !important;
}

html body.dark .val-row-1 > div:nth-child(2) .score-ring .ring-score,
html body.dark .val-row-1 > div:nth-child(2) .score-ring .ring-score {
  color: var(--brand-amber) !important;
}

html body.dark .su-grid > div > div,
html body.dark .su-grid .td-grid-3,
html body.dark .su-grid .td-grid-3 > div,
html body.dark .su-grid > div > div,
html body.dark .su-grid .td-grid-3,
html body.dark .su-grid .td-grid-3 > div {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body.dark .su-grid [style*="background:rgba(255,255,255,body.dark 0.5)"] {
  background: rgba(18,19,26,0.55) !important;
}

html body.dark .sb-promote, html body.dark a.sb-promote,
html body.dark .sb-promote, html body.dark a.sb-promote {
  border: 1px solid var(--border-card) !important;
}

html body.dark .td-chart-header,
html body.dark .td-chart-header {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.dark .rfpp-close:hover {
  background: rgba(255,255,255,0.14) !important;
  color: #F5F5F7 !important;
  border: none !important;
}

html body.dark .rf-btn-tiny.rf-btn-tiny-solid:hover,
html body.dark a.rf-btn-tiny.rf-btn-tiny-solid:hover,
html body.dark span.rf-btn-tiny.rf-btn-tiny-solid:hover,
html body.dark .sb-promote .rf-btn-tiny.rf-btn-tiny-solid:hover {
  color: #0E0E0E !important;
  background: rgba(255,196,51,0.95) !important;
}

html body.dark .su-grid [style*="position:absolute"][style*="z-index:2"][style*="background:rgba(255,255,255,body.dark 0.5)"],
html body.dark .su-grid [style*="position: absolute"][style*="z-index: 2"][style*="background: rgba(255,255,255,body.dark 0.5)"],
html body.dark .su-grid [style*="background:rgba(255,255,255,body.dark 0.5)"],
body.dark [style*="background:rgba(255,255,255,body.dark 0.5)"],
body.dark [style*="background: rgba(255,255,255,body.dark 0.5)"],
html body.dark [style*="background:rgba(255,255,255,body.dark 0.5)"],
html body.dark [style*="background: rgba(255,255,255,body.dark 0.5)"] {
  background: transparent;
  border: none !important;
}

html body.dark .pillar-info-btn:hover,
html body.dark .pillar-info-btn:hover {
  background: rgba(255,255,255,0.06) !important;
  color: #B5B5BC !important;
}

html body.dark #val-tab-peers .ring-score,
html body.dark #val-tab-peers .ring-score {
  color: #F5F5F7 !important;
}

html body.dark #val-tab-peers .val-row-1 > div {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html body.dark .chain-dropdown,
html body.dark .exchange-dropdown,
html body.dark .narrative-dropdown,
html body.dark .rf-dd-panel,
html body.dark #searchResults {
  background: var(--surface) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.4) !important;
}

html body.dark .chain-dropdown-item,
html body.dark .exchange-dropdown-item,
html body.dark .narrative-dropdown-item,
html body.dark .rf-dd-item {
  color: #C5C5CC !important;
}

html body.dark .chain-dropdown-item:first-child,
html body.dark .exchange-dropdown-item:first-child {
  color: #F5F5F7 !important;
}

html body.dark .ps-trigger {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: #F5F5F7 !important;
}

html body.dark .ps-menu {
  background: var(--glass-bg) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.4) !important;
}

html body.dark .ps-menu-item {
  color: #C5C5CC !important;
}

html body.dark .ps-menu .ps-menu-item,
html body.dark .ps-menu button.ps-menu-item {
  background: transparent !important;
  border: none !important;
  color: #C5C5CC !important;
}

html body.dark .ps-menu-item {
  background: transparent !important;
  color: #C5C5CC !important;
}


html body.dark .rfpp-head {
  background: transparent !important;
}

html body.dark .rfpp-eyebrow {
  color: #8A8A92 !important;
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

html body.dark .rfpp-title {
  color: #F5F5F7 !important;
}

html body.dark .rfpp-sub {
  color: #9A9AA2 !important;
}

html body.dark .rfpp .rfpp-section-label {
  background: transparent !important;
  color: #8A8A92 !important;
  border: none !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}

html body.dark .rfpp .rfpp-body .rfpp-row-comm {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}

html body.dark .rfpp .c-score-badge {
  border: none !important;
}

html body.dark .rfpp .c-methodology {
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  color: #9A9AA2 !important;
}

html body.dark .rfpp .c-ctx {
  color: #B5B5BC !important;
}

html body.dark .chart-ctrl-btn.active,
html body.dark .chart-controls .chart-ctrl-btn.active,
html body.dark #val-tab-group .chart-ctrl-btn.active,
html body.dark .td-chart-header .chart-controls .chart-ctrl-btn.active,
html body.dark .chart-ctrl-btn.active,
html body.dark .chart-controls .chart-ctrl-btn.active,
html body.dark #val-tab-group .chart-ctrl-btn.active,
html body.dark .td-chart-header .chart-controls .chart-ctrl-btn.active {
  background: rgba(255,255,255,0.10) !important;
  color: var(--brand) !important;
  box-shadow: none !important;
  outline: none;
  border: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html body.dark[data-assess="solid"] .cs-assess-btn,
html body.dark[data-assess="solid"] .cs-events .cs-assess-btn,
html body.dark[data-assess="solid"] .np-assess-btn,
body.dark[data-assess="solid"] a.c-assess,
body.dark[data-assess="solid"] a.rf-btn-tiny-solid[href*="assess"] {
  background: var(--brand-amber,#FFB400) !important;
  color: #0E0E0E !important;
  border: 1px solid var(--brand-amber,#FFB400) !important;
}

html body.dark[data-assess="ghost"] .cs-assess-btn,
html body.dark[data-assess="ghost"] .cs-events .cs-assess-btn,
html body.dark[data-assess="ghost"] .np-assess-btn,
body.dark[data-assess="ghost"] a.c-assess,
body.dark[data-assess="ghost"] a.rf-btn-tiny-solid[href*="assess"] {
  background: transparent !important;
  color: var(--brand-amber,#FFB400) !important;
  border: 1px solid rgba(255,180,0,0.45) !important;
}

html body.dark[data-assess="ghost"] .cs-events .cs-assess-btn:hover,
html body.dark[data-assess="ghost"] .np-assess-btn:hover,
body.dark[data-assess="ghost"] a.c-assess:hover,
body.dark[data-assess="ghost"] a.rf-btn-tiny-solid[href*="assess"]:hover {
  background: rgba(255,180,0,0.12) !important;
  border-color: rgba(255,180,0,0.6) !important;
}

html body.dark #supply-unlocks-section .su-grid > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html body.dark #supply-unlocks-section.td-design-card {
  background: var(--glass-bg) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

html body.dark .section .sim-scroll > a {
  border: 1px solid rgba(255,255,255,0.10) !important;
}

html body.dark .cs-event:hover {
  background: rgba(255,255,255,0.04) !important;
}

/* Amber buttons: no bg change on hover — arrow-only interaction */
body.dark .btn-primary:hover, body.dark button[type="submit"]:hover,
body.dark .rf-btn-tiny-solid:hover, body.dark .tb-wallet-connect:hover,
body.dark .wt-btn-primary:hover {
  background: var(--brand-amber) !important;
}

html body.dark .rfpp .rfpp-section-label {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #8A8A92 !important;
}


html body.dark .rfpp .c-methodology {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  color: #9A9AA2 !important;
}

html body.dark .rfpp .c-ctx {
  color: #C5C5CC !important;
}

html body.dark .rfpp {
  background: var(--surface) !important;
  -webkit-backdrop-filter: blur(40px) saturate(1.4);
  backdrop-filter: blur(40px) saturate(1.4);
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 40px 90px -20px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.04) inset !important;
}

html body.dark .rfpp .rfpp-body .rfpp-row-comm {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

body.dark .rfpp-row-comm .c-methodology {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  color: #9A9AA2 !important;
}

html body.dark .ps-menu {
  background: var(--surface-2) !important;
  background-color: var(--surface-2) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}
/* Table hover dropdowns match the token-page rf-dd panels: solid --surface
   (#0E101A), not the lighter --surface-2 (#161925) which read as washed/off
   against the page. Same border + shadow as .rf-dd-panel for consistency. */
html body.dark .chain-dropdown,
html body.dark .narrative-dropdown,
html body.dark .exchange-dropdown {
  background: var(--surface) !important;
  background-color: var(--surface) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 12px 40px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.4) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

html body.dark .chain-dropdown *,
html body.dark .narrative-dropdown *,
html body.dark .exchange-dropdown *,
html body.dark .ps-menu *,
html body.dark .ps-menu-item {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* ── Dark theme refinements ── */

/* Pillar card hover — subtle lift */
body.dark .td-pillars > div:hover { border-color: rgba(255,180,0,0.18); }

/* Metric pills — subtle border */
body.dark .td-mcap-right > div { border-color: rgba(255,255,255,0.06); }

/* Table hover — warmer */
body.dark tr:hover td { background: var(--hover-bg); }

/* Links row hover */
body.dark .links-scroll a:hover { background: rgba(255,255,255,0.03); }

/* Interval + valuation tab groups: drop the container pill (bg/border/glass)
   so only the active button is highlighted — matches the valuation reference. */
body.dark .chart-controls,
body.dark #val-tab-group,
body.dark .val-horizon-group {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* No border/ring on hovered (or focused) control buttons — just the bg change. */
html body.dark .chart-ctrl-btn:hover,
html body.dark .chart-ctrl-btn:focus,
html body.dark .chart-ctrl-btn:focus-visible {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
}

/* No drop shadow on sidebar/topbar external edges in dark (overrides the
   grouped glass-shadow rule). Keeps their bg + border. */
body.dark .sidebar, body.dark .topbar { box-shadow: none !important; }

/* Nav is not frosted glass: solid --surface so the honey ambient doesn't bleed
   through and it reads as a clean panel matching the section cards. */
body.dark .sidebar, body.dark .topbar {
  background: var(--surface) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* token_detail accent feature badges: white icon on the colored badge (dark theme).
   Overrides body.dark .pr-ai-badge svg { stroke:#0E0E0E } at the same specificity via source order. */
body.dark .pr-ai-badge--on-color svg { stroke: #fff; }

/* Similar Projects cards are <a style="background:var(--surface)"> inside .section, so the
   generic dark rule (.section a[style*="background:var(--surface)"]) zeroed their border.
   Restore the standard card border at equal specificity, later in source. Hover uses the
   unified --hover-bg overlay (composited over the card's surface) like every other surface. */
html body.dark .section a.sim-token-card { border-color: var(--border-card) !important; }
html body.dark .section a.sim-token-card:hover { background-image: linear-gradient(var(--hover-bg), var(--hover-bg)) !important; border-color: var(--border-card) !important; box-shadow: none !important; }

/* np-row base is forced transparent !important in dark; re-assert the unified hover lift
   at equal specificity, later in source so it wins. */
html body.dark .np-row:hover { background: var(--hover-bg) !important; }

/* Unify card-family hover (dark) — --hover-bg lift, no amber border / lift shadow / transform.
   !important to beat the existing body.dark card-hover border + box-shadow rules. */
body.dark .card:hover, body.dark .stat-card:hover, body.dark .eco-card:hover, body.dark .g-card:hover, body.dark .eco-coin:hover, body.dark .eco-ring-card:hover {
  background-image: linear-gradient(var(--hover-bg), var(--hover-bg)) !important;
  border-color: var(--border-card) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* chart move dots: drop the white (--overlay-heavy) glow in dark — it read as a
   white ring/glow around the red/green markers. Keep the surface separator ring. */
body.dark .chart-dot { box-shadow: 0 0 0 2px var(--surface) !important; }
body.dark .chart-dot-end { box-shadow: none !important; }

/* Move pills: solid (opaque) dark backgrounds so the chart doesn't show through
   (no glass/frosted look). Match the look of the old translucent tints. */
body.dark .pill-up { background: #14271d; box-shadow: none; }
body.dark .pill-down { background: #2c1a1d; box-shadow: none; }
body.dark .pill-neutral { background: #1c1e26; box-shadow: none; }

/* Wallet-switched banner: the "Reconnect"/"Sign in" button has a literal white
   background, so its text must stay dark in dark mode too — otherwise the global
   dark button color turns it white-on-white (an invisible empty box). */
body.dark #wallet-banner .navc-11 { color: #18181b; }

/* ── Pinned sidebar must be OPAQUE (no backdrop-filter) — see light-colors.css.
   position:sticky + backdrop-filter tears/"peels" (amber ambient bleeds in) on
   heavy scroll. Solid --surface kills the artifact. Matches the (0,3,3) specificity
   of the highest glass rule (`body.dark html body.dark .sidebar`) and comes later. */
body.dark html body.dark .sidebar {
  background: var(--surface) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}