/* PortKao institutional finance visual system.
   Loaded last to replace liquid/glow styling with a credible finance UI. */

:root,
:root[data-theme="executive"],
:root[data-theme="dark"] {
  color-scheme: dark;
  --fd-bg: #0b111b;
  --fd-bg-2: #111827;
  --fd-surface: #141c2a;
  --fd-surface-2: #182233;
  --fd-card: #151f2f;
  --fd-card-strong: #1a2638;
  --fd-border: rgba(170, 184, 205, .18);
  --fd-border-strong: rgba(170, 184, 205, .30);
  --fd-text: #eef3f8;
  --fd-muted: #a8b4c4;
  --fd-faint: #6e7b8e;
  --fd-accent: #2f6fbd;
  --fd-accent-rgb: 47,111,189;
  --fd-gold: #c8a24a;
  --fd-green: #26a269;
  --fd-red: #d64545;
  --fd-cyan: #3aa6b9;
  --fd-shadow: 0 18px 42px rgba(0,0,0,.32);
  --fd-shadow-soft: 0 8px 24px rgba(0,0,0,.22);
  --fd-radius: 8px;
  --fd-radius-lg: 10px;

  --ov: 255,255,255;
  --shadow-rgb: 0,0,0;
  --panel-rgb: 20,28,42;
  --bg: var(--fd-bg);
  --bg-soft: var(--fd-bg-2);
  --surface: var(--fd-card);
  --surface-solid: var(--fd-card-strong);
  --card-bg: var(--fd-card);
  --border: var(--fd-border);
  --border-hi: var(--fd-border-strong);
  --text: var(--fd-text);
  --muted: var(--fd-muted);
  --faint: var(--fd-faint);
  --accent: var(--fd-accent);
  --accent-rgb: var(--fd-accent-rgb);
  --blue: var(--fd-accent);
  --green: var(--fd-green);
  --red: var(--fd-red);
  --gold: var(--fd-gold);
  --cyan: var(--fd-cyan);
  --grad-brand: linear-gradient(135deg, #f3f6fb 0%, #d4b15f 48%, #7fb3ff 100%);
}

/* Capital finance desk skin: restrained, credible default for daily research. */
:root[data-theme="capital"] {
  color-scheme: dark;
  --fd-bg: #0e1112;
  --fd-bg-2: #141819;
  --fd-surface: #171c1e;
  --fd-surface-2: #1c2326;
  --fd-card: #181f22;
  --fd-card-strong: #20282b;
  --fd-border: rgba(197, 205, 198, .16);
  --fd-border-strong: rgba(197, 205, 198, .28);
  --fd-text: #f3f6f4;
  --fd-muted: #adb8b1;
  --fd-faint: #78847d;
  --fd-accent: #4f8f78;
  --fd-accent-rgb: 79,143,120;
  --fd-gold: #b69b5d;
  --fd-green: #3aa76d;
  --fd-red: #d76058;
  --fd-cyan: #5d9fb1;
  --fd-shadow: 0 18px 40px rgba(0,0,0,.30);
  --fd-shadow-soft: 0 8px 22px rgba(0,0,0,.20);
  --fd-radius: 8px;
  --fd-radius-lg: 10px;

  --ov: 245,247,245;
  --shadow-rgb: 0,0,0;
  --panel-rgb: 24,31,34;
  --bg: var(--fd-bg);
  --bg-soft: var(--fd-bg-2);
  --surface: var(--fd-card);
  --surface-solid: var(--fd-card-strong);
  --card-bg: var(--fd-card);
  --border: var(--fd-border);
  --border-hi: var(--fd-border-strong);
  --text: var(--fd-text);
  --muted: var(--fd-muted);
  --faint: var(--fd-faint);
  --accent: var(--fd-accent);
  --accent-rgb: var(--fd-accent-rgb);
  --blue: var(--fd-accent);
  --green: var(--fd-green);
  --red: var(--fd-red);
  --gold: var(--fd-gold);
  --cyan: var(--fd-cyan);
  --grad-brand: linear-gradient(135deg, #f3f6f4 0%, #83bba6 48%, #b69b5d 100%);
}
:root[data-theme="paper"],
:root[data-theme="light"],
:root[data-theme="minimal"] {
  color-scheme: light;
  --fd-bg: #f4f6f8;
  --fd-bg-2: #e8edf3;
  --fd-surface: #ffffff;
  --fd-surface-2: #f8fafc;
  --fd-card: #ffffff;
  --fd-card-strong: #f7f9fc;
  --fd-border: rgba(21, 35, 58, .14);
  --fd-border-strong: rgba(21, 35, 58, .24);
  --fd-text: #152033;
  --fd-muted: #59687a;
  --fd-faint: #8a97a8;
  --fd-accent: #0e9b73;          /* emerald/teal — credible fintech green */
  --fd-accent-rgb: 14,155,115;
  --fd-gold: #9a7426;
  --fd-green: #128a5e;
  --fd-red: #bf3636;
  --fd-cyan: #2d7f92;
  --fd-shadow: 0 18px 34px rgba(21,35,58,.10);
  --fd-shadow-soft: 0 8px 22px rgba(21,35,58,.08);
  --fd-radius: 10px;
  --fd-radius-lg: 14px;
  /* Deepscope-style dark teal header bar */
  --fd-header: #15333b;
  --fd-header-line: #0e2229;
  --fd-on-header: #eaf3f1;
  --fd-on-header-muted: #9fbab4;
  --fd-on-header-accent: #2dd4a7;

  --ov: 21,35,58;
  --shadow-rgb: 21,35,58;
  --panel-rgb: 255,255,255;
  --bg: var(--fd-bg);
  --bg-soft: var(--fd-bg-2);
  --surface: var(--fd-card);
  --surface-solid: var(--fd-card-strong);
  --card-bg: var(--fd-card);
  --border: var(--fd-border);
  --border-hi: var(--fd-border-strong);
  --text: var(--fd-text);
  --muted: var(--fd-muted);
  --faint: var(--fd-faint);
  --accent: var(--fd-accent);
  --accent-rgb: var(--fd-accent-rgb);
  --blue: var(--fd-accent);
  --green: var(--fd-green);
  --red: var(--fd-red);
  --gold: var(--fd-gold);
  --cyan: var(--fd-cyan);
  --grad-brand: linear-gradient(135deg, #0e9b73 0%, #2dd4a7 60%, #15333b 100%);
}

:root[data-theme="terminal"] {
  color-scheme: dark;
  --fd-bg: #090d0f;
  --fd-bg-2: #101719;
  --fd-surface: #11191c;
  --fd-surface-2: #172124;
  --fd-card: #121b1e;
  --fd-card-strong: #172225;
  --fd-border: rgba(150, 170, 160, .18);
  --fd-border-strong: rgba(150, 170, 160, .30);
  --fd-text: #edf5f0;
  --fd-muted: #a4b3ab;
  --fd-faint: #68776f;
  --fd-accent: #3fa66f;
  --fd-accent-rgb: 63,166,111;
  --fd-gold: #c1a04d;
  --fd-green: #37b574;
  --fd-red: #df5b57;
  --fd-cyan: #55a9b7;
  --fd-shadow: 0 16px 38px rgba(0,0,0,.36);
  --fd-shadow-soft: 0 8px 22px rgba(0,0,0,.26);

  --ov: 255,255,255;
  --shadow-rgb: 0,0,0;
  --panel-rgb: 18,27,30;
  --bg: var(--fd-bg);
  --bg-soft: var(--fd-bg-2);
  --surface: var(--fd-card);
  --surface-solid: var(--fd-card-strong);
  --card-bg: var(--fd-card);
  --border: var(--fd-border);
  --border-hi: var(--fd-border-strong);
  --text: var(--fd-text);
  --muted: var(--fd-muted);
  --faint: var(--fd-faint);
  --accent: var(--fd-accent);
  --accent-rgb: var(--fd-accent-rgb);
  --blue: var(--fd-accent);
  --green: var(--fd-green);
  --red: var(--fd-red);
  --gold: var(--fd-gold);
  --cyan: var(--fd-cyan);
  --grad-brand: linear-gradient(135deg, #eaf5ee 0%, #37b574 52%, #c1a04d 100%);
}

:root[data-accent="blue"]   { --fd-accent: #2f6fbd; --fd-accent-rgb: 47,111,189; --accent: var(--fd-accent); --accent-rgb: var(--fd-accent-rgb); --blue: var(--fd-accent); }
:root[data-accent="purple"] { --fd-accent: #6757b8; --fd-accent-rgb: 103,87,184; --accent: var(--fd-accent); --accent-rgb: var(--fd-accent-rgb); --blue: var(--fd-accent); }
:root[data-accent="mint"]   { --fd-accent: #2a8f6a; --fd-accent-rgb: 42,143,106; --accent: var(--fd-accent); --accent-rgb: var(--fd-accent-rgb); --blue: var(--fd-accent); }
:root[data-accent="gold"]   { --fd-accent: #9a7426; --fd-accent-rgb: 154,116,38; --accent: var(--fd-accent); --accent-rgb: var(--fd-accent-rgb); --blue: var(--fd-accent); }
:root[data-accent="neon"]   { --fd-accent: #b84040; --fd-accent-rgb: 184,64,64; --accent: var(--fd-accent); --accent-rgb: var(--fd-accent-rgb); --blue: var(--fd-accent); }
:root[data-accent="cyan"]   { --fd-accent: #2d7f92; --fd-accent-rgb: 45,127,146; --accent: var(--fd-accent); --accent-rgb: var(--fd-accent-rgb); --blue: var(--fd-accent); }

html,
body {
  background: var(--fd-bg) !important;
  color: var(--fd-text) !important;
  letter-spacing: 0 !important;
}

body {
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .06), transparent 240px),
    linear-gradient(90deg, rgba(var(--ov), .035) 0 1px, transparent 1px),
    var(--fd-bg) !important;
  background-size: auto, 72px 72px, auto !important;
}

.bg-fx,
.bg-neural,
.nebula,
.vignette,
#bgCanvas {
  display: none !important;
}

.bg-grid {
  opacity: .18 !important;
  background-image:
    linear-gradient(rgba(var(--ov), .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--ov), .055) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
}

:where(.header, .tape, .tabs, .bottom-nav, .bnav-more-menu, .card, #formCard,
.hero-panel, .run-monitor, .committee-workspace, .agent-workbench, .dash-kpi,
.risk-guard-card, .trust-card, .qs-card, .decision-tile, .chip, .wb-card,
.market-section, .verdict-section, .msg-card, .content-card, .chart-section,
.sidebar, .main, .section, .theme-opt, .tool-orb) {
  background: var(--fd-card) !important;
  border: 1px solid var(--fd-border) !important;
  border-radius: var(--fd-radius) !important;
  box-shadow: var(--fd-shadow-soft) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:where(.card, #formCard, .hero-panel, .committee-workspace, .report-header,
.verdict-section, .market-section, .content-card, .chart-section)::before,
:where(.card, #formCard, .hero-panel, .committee-workspace)::after,
:where(.header, .tabs, .hero-panel, #formCard, .committee-workspace)::after {
  display: none !important;
}

:where(.header, .report-header, .tape, .ticker-strip) {
  background: var(--fd-surface) !important;
  border-bottom: 1px solid var(--fd-border-strong) !important;
  box-shadow: 0 1px 0 rgba(var(--ov), .06) !important;
}

.tape,
.ticker-strip {
  color: var(--fd-muted) !important;
}

:where(.tk-item b, .tk b, .brand-name, .report-logo, .hero-panel-title, .form-title,
.card-title, .section-title, .msg-name, .report-title) {
  color: var(--fd-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  text-shadow: none !important;
}

:where(.grad, .report-logo, .brand-name) {
  color: var(--fd-accent) !important;
}

:where(.hero-premium) {
  display: grid !important;
}

.quick-start {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(186px, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 14px !important;
}

.qs-card,
.decision-tile {
  min-height: 68px !important;
  padding: 13px 14px !important;
  align-items: center !important;
}

.qs-icon,
.decision-icon,
.msg-avatar,
.nav-icon {
  background: rgba(var(--accent-rgb), .10) !important;
  border: 1px solid rgba(var(--accent-rgb), .22) !important;
  color: var(--fd-accent) !important;
  box-shadow: none !important;
}

.tabs {
  gap: 6px !important;
  padding: 8px !important;
  margin: 10px 0 18px !important;
}

:where(.tab-btn, .nav-item, .btn, .btn-go, .btn-add, .btn-submit, .pf-refresh,
.qchip, .sort-btn, .lw-period, .btn-print, .btn-back, .settings-btn) {
  border-radius: var(--fd-radius) !important;
  border: 1px solid var(--fd-border) !important;
  background: var(--fd-surface-2) !important;
  color: var(--fd-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

:where(.tab-btn.active, .nav-item.active, .sort-btn.active, .lw-period.active) {
  background: rgba(var(--accent-rgb), .13) !important;
  border-color: rgba(var(--accent-rgb), .42) !important;
  color: var(--fd-accent) !important;
}

:where(.btn-primary, .btn-go, .btn-add, .btn-submit, .qs-primary, .btn-print) {
  background: var(--fd-accent) !important;
  border-color: var(--fd-accent) !important;
  color: #fff !important;
}

:where(.btn-primary, .btn-go, .btn-add, .btn-submit, .qs-primary, .btn-print):hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px);
}

:where(input, select, textarea, .modal-input, .vn-search) {
  background: var(--fd-surface-2) !important;
  color: var(--fd-text) !important;
  border: 1px solid var(--fd-border-strong) !important;
  border-radius: var(--fd-radius) !important;
  box-shadow: none !important;
}

:where(input, select, textarea, .modal-input, .vn-search):focus {
  border-color: rgba(var(--accent-rgb), .58) !important;
  box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .13) !important;
}

#formCard {
  border-top: 3px solid var(--fd-accent) !important;
}

.form-card-head {
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--fd-border) !important;
}

.form-eyebrow,
.report-meta,
.card-title small,
.qs-card small,
.decision-tile small,
.content-body,
.msg-role,
.vg-lbl,
.ql {
  color: var(--fd-muted) !important;
}

.form-status-pills span,
.round-pill,
.ctx-badge,
.pill,
.tag,
.tab-badge,
.orb-badge {
  background: rgba(var(--accent-rgb), .10) !important;
  border: 1px solid rgba(var(--accent-rgb), .22) !important;
  color: var(--fd-accent) !important;
  box-shadow: none !important;
}

.decision-launcher {
  gap: 10px !important;
}

.analysts-grid::before,
.hero-panel::before,
#formCard::after,
.card::after {
  display: none !important;
}

.bottom-nav {
  background: var(--fd-surface) !important;
  border-color: var(--fd-border-strong) !important;
  border-radius: 12px !important;
}

.modal-overlay {
  background: rgba(6, 12, 20, .78) !important;
  backdrop-filter: none !important;
}

.modal-box,
.sheet-box,
.stock-detail-sheet {
  background: var(--fd-card) !important;
  border: 1px solid var(--fd-border-strong) !important;
  border-radius: var(--fd-radius-lg) !important;
  box-shadow: var(--fd-shadow) !important;
}

/* Login page */
.page {
  justify-content: center !important;
  background: transparent !important;
}

.brand {
  margin-bottom: 18px !important;
}

.brand-mark {
  border-radius: 12px !important;
  box-shadow: 0 0 0 1px var(--fd-border-strong), var(--fd-shadow-soft) !important;
  background: var(--fd-card) !important;
}

.login-subtitle,
.brand-tagline,
.helper,
.hint,
.cfg-note {
  color: var(--fd-muted) !important;
}

.card-shadow {
  display: none !important;
}

/* Settings page */
.sidebar {
  background: var(--fd-surface) !important;
}

.nav-item:hover,
.theme-opt:hover,
.qs-card:hover,
.decision-tile:hover,
.tool-orb:hover {
  border-color: rgba(var(--accent-rgb), .36) !important;
  background: rgba(var(--accent-rgb), .08) !important;
  box-shadow: var(--fd-shadow-soft) !important;
}

.theme-toggle-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(186px, 1fr)) !important;
}

.swatch-capital { background: linear-gradient(135deg, #0e1112 0%, #20282b 56%, #4f8f78 78%, #b69b5d 100%); }
.swatch-quantum { background: conic-gradient(from 210deg, #66d9ff 0 24%, #050812 24% 48%, #ff6b5f 48% 68%, #f7b955 68% 78%, #66d9ff 78% 100%); }
.swatch-executive { background: linear-gradient(135deg, #0b111b 0%, #1a2638 58%, #c8a24a 100%); }
.swatch-paper { background: linear-gradient(135deg, #ffffff 0%, #e8edf3 60%, #285a96 100%); }
.swatch-terminal { background: linear-gradient(135deg, #090d0f 0%, #172225 62%, #37b574 100%); }

/* Report page */
.report-header {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky-header, 1500);
}

.container {
  max-width: 1120px !important;
}

.verdict-section {
  border-top: 3px solid var(--fd-accent) !important;
}

.verdict-rating {
  letter-spacing: 0 !important;
}

.rating-buy { color: var(--fd-green) !important; }
.rating-sell { color: var(--fd-red) !important; }
.rating-hold { color: var(--fd-gold) !important; }

.qg-item,
.vg-item,
.usage-bar {
  background: var(--fd-surface-2) !important;
  border: 1px solid var(--fd-border) !important;
  border-radius: var(--fd-radius) !important;
}

@media (max-width: 980px) {
  .quick-start,
  .decision-launcher,
  .theme-toggle-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  body { background-size: auto, 52px 52px, auto !important; }
  .quick-start,
  .decision-launcher,
  .theme-toggle-row {
    grid-template-columns: 1fr !important;
  }
  .tabs {
    border-radius: 10px !important;
    overflow-x: auto !important;
  }
  #formCard {
    padding: 18px !important;
  }
  .form-status-pills {
    gap: 6px !important;
  }
  .report-header {
    padding: 16px !important;
  }
}
/* Keep the primary analysis action in the first mobile viewport. */
@media (max-width: 680px) {
  .quick-start {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    margin: 8px 0 10px !important;
    padding-bottom: 4px !important;
  }

  .quick-start::-webkit-scrollbar {
    display: none !important;
  }

  .quick-start .qs-card {
    flex: 0 0 148px !important;
    min-height: 58px !important;
    padding: 10px 11px !important;
  }

  .quick-start .qs-card small {
    display: none !important;
  }

  .tabs .tab-btn,
  .tabs .tab-tools-btn {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }
}
/* Professional tab rail: keep labels readable instead of squeezing them. */
.tabs {
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin !important;
}

.tabs .tab-btn,
.tabs .tab-tools-btn {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  padding-inline: 14px !important;
}

.tool-launcher {
  flex: 0 0 auto !important;
}

.tools-orbit {
  min-width: 236px !important;
}

.tool-orb {
  min-width: 0 !important;
  white-space: nowrap !important;
}

.tool-orb .orb-label {
  overflow: visible !important;
  text-overflow: clip !important;
}
/* Enterprise toolbar tabs: icon and label stay on one line. */
.tabs .tab-btn {
  min-height: 44px !important;
  height: 44px !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
}

.tabs .tab-ico,
.tabs .tools-icon {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

.tabs .tab-badge,
.tabs .orb-badge {
  margin-left: 2px !important;
  line-height: 1 !important;
}

.tab-tools-btn {
  width: auto !important;
}

.tool-launcher {
  min-height: 44px !important;
}

.tool-orb {
  min-height: 40px !important;
}
/* High-specificity institutional geometry overrides legacy glass radius rules. */
.header,
.tape,
.tabs,
.card,
#formCard,
.hero-panel,
.run-monitor,
.committee-workspace,
.agent-workbench,
.dash-kpi,
.risk-guard-card,
.trust-card,
.qs-card,
.decision-tile,
.chip,
.wb-card,
.market-section,
.verdict-section,
.msg-card,
.content-card,
.chart-section,
.sidebar,
.main,
.section,
.theme-opt,
.tool-orb {
  border-radius: var(--fd-radius) !important;
}

.modal-box,
.sheet-box,
.stock-detail-sheet,
.bottom-nav {
  border-radius: var(--fd-radius-lg) !important;
}

:root[data-theme="capital"] body {
  background:
    linear-gradient(180deg, rgba(182,155,93,.07), transparent 260px),
    linear-gradient(90deg, rgba(245,247,245,.026) 0 1px, transparent 1px),
    var(--fd-bg) !important;
  background-size: auto, 80px 80px, auto !important;
  background-attachment: fixed !important;
}

:root[data-theme="capital"] .bg-grid {
  opacity: .10 !important;
  background-size: 56px 56px !important;
}

:root[data-theme="capital"] .hero-premium[data-energy-ring="true"] {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(300px, .74fr) !important;
  align-items: center !important;
  gap: 26px !important;
  min-height: 330px !important;
  margin: 12px 0 18px !important;
  padding: 38px 44px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid var(--fd-border-strong) !important;
  border-radius: var(--fd-radius-lg) !important;
  background:
    linear-gradient(135deg, rgba(32,40,43,.98) 0%, rgba(18,22,23,.98) 56%, rgba(24,31,34,.97) 100%) !important;
  box-shadow: var(--fd-shadow), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

:root[data-theme="capital"] .hero-premium[data-energy-ring="true"]::before,
:root[data-theme="capital"] .hero-premium[data-energy-ring="true"]::after,
:root[data-theme="capital"] .hero-panel::before,
:root[data-theme="capital"] .hero-panel::after {
  display: none !important;
  animation: none !important;
}

:root[data-theme="capital"] .hero-copy,
:root[data-theme="capital"] .hero-panel {
  position: relative !important;
  z-index: 1 !important;
}

:root[data-theme="capital"] .hero-premium h1 {
  max-width: 760px !important;
  margin: 0 0 14px !important;
  color: var(--fd-text) !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

:root[data-theme="capital"] .hero-premium .grad,
:root[data-theme="capital"] .brand-name,
:root[data-theme="capital"] .report-logo,
:root[data-theme="capital"] .header-title {
  color: var(--fd-accent) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

:root[data-theme="capital"] .hero-premium p {
  max-width: 620px !important;
  color: var(--fd-muted) !important;
  line-height: 1.65 !important;
}

:root[data-theme="capital"] .hero-badge {
  background: rgba(182,155,93,.10) !important;
  border: 1px solid rgba(182,155,93,.24) !important;
  color: #e8dbc0 !important;
  box-shadow: none !important;
}

:root[data-theme="capital"] .pulse-dot,
:root[data-theme="capital"] .hero-live-dot {
  background: var(--fd-green) !important;
  box-shadow: 0 0 0 4px rgba(58,167,109,.12) !important;
}

:root[data-theme="capital"] .hero-panel {
  min-height: 230px !important;
  padding: 22px !important;
  background: rgba(20,24,25,.82) !important;
  border-color: var(--fd-border-strong) !important;
}

:root[data-theme="capital"] .hero-metrics {
  background: rgba(14,17,18,.74) !important;
  border: 1px solid var(--fd-border) !important;
  border-radius: var(--fd-radius) !important;
}

:root[data-theme="capital"] :where(.btn-primary, .btn-go, .btn-add, .btn-submit, .qs-primary, .btn-print) {
  background: #4f8f78 !important;
  border-color: #63a78d !important;
  color: #08100d !important;
  font-weight: 800 !important;
}

:root[data-theme="capital"] :where(.tab-btn.active, .nav-item.active, .sort-btn.active, .lw-period.active) {
  background: rgba(79,143,120,.14) !important;
  border-color: rgba(79,143,120,.44) !important;
  color: #9ed6c2 !important;
}

@media (max-width: 980px) {
  :root[data-theme="capital"] .hero-premium[data-energy-ring="true"] {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 30px 28px !important;
  }
}

@media (max-width: 680px) {
  :root[data-theme="capital"] .hero-premium[data-energy-ring="true"] {
    margin: 8px 0 12px !important;
    padding: 22px 18px !important;
    gap: 16px !important;
  }

  :root[data-theme="capital"] .hero-panel {
    min-height: 156px !important;
    padding: 16px !important;
  }
}
/* Quantum finance command skin: high-tech market desk inspired by orbital data visuals. */
:root[data-theme="quantum"] {
  color-scheme: dark;
  --fd-bg: #04070d;
  --fd-bg-2: #07111d;
  --fd-surface: #081321;
  --fd-surface-2: #0c1828;
  --fd-card: rgba(8, 16, 29, .96);
  --fd-card-strong: #0f2034;
  --fd-border: rgba(128, 234, 255, .16);
  --fd-border-strong: rgba(128, 234, 255, .30);
  --fd-text: #f4f8ff;
  --fd-muted: #a6b6c9;
  --fd-faint: #657487;
  --fd-accent: #66d9ff;
  --fd-accent-rgb: 102,217,255;
  --fd-gold: #f7b955;
  --fd-green: #43d987;
  --fd-red: #ff6b5f;
  --fd-cyan: #42f5d7;
  --fd-shadow: 0 28px 80px rgba(0, 0, 0, .46);
  --fd-shadow-soft: 0 14px 34px rgba(0, 0, 0, .30);
  --fd-radius: 8px;
  --fd-radius-lg: 10px;
  --ov: 244,248,255;
  --shadow-rgb: 0,0,0;
  --panel-rgb: 8,16,29;
  --bg: var(--fd-bg);
  --bg-soft: var(--fd-bg-2);
  --surface: var(--fd-card);
  --surface-solid: var(--fd-card-strong);
  --card-bg: var(--fd-card);
  --border: var(--fd-border);
  --border-hi: var(--fd-border-strong);
  --text: var(--fd-text);
  --muted: var(--fd-muted);
  --faint: var(--fd-faint);
  --accent: var(--fd-accent);
  --accent-rgb: var(--fd-accent-rgb);
  --blue: var(--fd-accent);
  --green: var(--fd-green);
  --red: var(--fd-red);
  --gold: var(--fd-gold);
  --cyan: var(--fd-cyan);
  --grad-brand: linear-gradient(135deg, #ffffff 0%, #80eaff 38%, #ff7a66 72%, #f7b955 100%);
}

:root[data-theme="quantum"] body {
  background:
    linear-gradient(180deg, rgba(102,217,255,.12), transparent 280px),
    repeating-linear-gradient(0deg, rgba(128,234,255,.045) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(90deg, rgba(255,107,95,.032) 0 1px, transparent 1px 72px),
    linear-gradient(135deg, #03060b 0%, #07111f 50%, #05070d 100%) !important;
  background-attachment: fixed !important;
}

:root[data-theme="quantum"] .bg-fx,
:root[data-theme="quantum"] .bg-grid,
:root[data-theme="quantum"] .bg-neural,
:root[data-theme="quantum"] .nebula,
:root[data-theme="quantum"] .vignette,
:root[data-theme="quantum"] #bgCanvas {
  display: block !important;
}

:root[data-theme="quantum"] .bg-fx {
  background:
    linear-gradient(115deg, rgba(102,217,255,.16), transparent 34%),
    linear-gradient(245deg, rgba(255,107,95,.13), transparent 38%),
    linear-gradient(180deg, transparent 0%, rgba(4,7,13,.74) 76%, #04070d 100%) !important;
  opacity: .88 !important;
}

:root[data-theme="quantum"] .bg-neural { opacity: .34 !important; }
:root[data-theme="quantum"] .bg-grid { opacity: .30 !important; }

:root[data-theme="quantum"] :where(.header, .tape, .tabs, .bottom-nav, .bnav-more-menu, .card, #formCard,
.hero-panel, .run-monitor, .committee-workspace, .agent-workbench, .dash-kpi,
.risk-guard-card, .trust-card, .qs-card, .decision-tile, .chip, .wb-card,
.market-section, .verdict-section, .msg-card, .content-card, .chart-section,
.sidebar, .main, .section, .theme-opt, .tool-orb, .modal-box, .sheet-box, .stock-detail-sheet) {
  background: linear-gradient(180deg, rgba(12, 25, 42, .97), rgba(7, 14, 25, .96)) !important;
  border-color: var(--fd-border) !important;
  box-shadow: var(--fd-shadow-soft), inset 0 1px 0 rgba(244,248,255,.06) !important;
}

:root[data-theme="quantum"] :where(.header, .report-header, .tape, .ticker-strip) {
  background: rgba(5, 10, 18, .96) !important;
  border-color: rgba(128,234,255,.18) !important;
}

:root[data-theme="quantum"] .hero-premium[data-energy-ring="true"] {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(290px, .72fr) !important;
  align-items: center !important;
  gap: 30px !important;
  min-height: 360px !important;
  margin: 12px 0 18px !important;
  padding: 46px 54px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(128,234,255,.22) !important;
  border-radius: var(--fd-radius-lg) !important;
  background:
    linear-gradient(110deg, rgba(4, 8, 15, .98) 0%, rgba(7, 15, 27, .96) 52%, rgba(13, 20, 31, .92) 100%) !important;
  box-shadow: 0 34px 92px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

:root[data-theme="quantum"] .hero-premium[data-energy-ring="true"]::before {
  content: "" !important;
  position: absolute !important;
  width: 560px !important;
  height: 560px !important;
  right: -132px !important;
  top: 50% !important;
  display: block !important;
  border-radius: 50% !important;
  transform: translateY(-50%) rotate(0deg) !important;
  background: conic-gradient(from 215deg, rgba(102,217,255,0) 0deg, rgba(102,217,255,.92) 58deg, rgba(255,107,95,.86) 142deg, rgba(247,185,85,.56) 202deg, rgba(66,245,215,.82) 284deg, rgba(102,217,255,0) 360deg) !important;
  -webkit-mask: radial-gradient(circle, transparent 0 45%, #000 46% 52%, transparent 53% 100%) !important;
  mask: radial-gradient(circle, transparent 0 45%, #000 46% 52%, transparent 53% 100%) !important;
  filter: drop-shadow(0 0 24px rgba(102,217,255,.62)) drop-shadow(0 0 42px rgba(255,107,95,.24)) !important;
  opacity: .92 !important;
  z-index: -1 !important;
  animation: quantum-ring 18s linear infinite !important;
}

:root[data-theme="quantum"] .hero-premium[data-energy-ring="true"]::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -18% !important;
  height: 46% !important;
  display: block !important;
  background:
    repeating-linear-gradient(90deg, rgba(128,234,255,.18) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(0deg, rgba(255,107,95,.12) 0 1px, transparent 1px 38px) !important;
  opacity: .36 !important;
  transform: perspective(520px) rotateX(66deg) !important;
  transform-origin: bottom center !important;
  z-index: -1 !important;
}

@keyframes quantum-ring {
  to { transform: translateY(-50%) rotate(360deg); }
}

:root[data-theme="quantum"] .hero-copy,
:root[data-theme="quantum"] .hero-panel {
  position: relative !important;
  z-index: 1 !important;
}

:root[data-theme="quantum"] .hero-premium h1 {
  max-width: 780px !important;
  margin: 0 0 16px !important;
  font-size: 56px !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  text-shadow: 0 0 28px rgba(128,234,255,.20) !important;
}

:root[data-theme="quantum"] .hero-premium .grad,
:root[data-theme="quantum"] .brand-name,
:root[data-theme="quantum"] .report-logo,
:root[data-theme="quantum"] .header-title {
  background: var(--grad-brand) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

:root[data-theme="quantum"] .hero-premium p {
  max-width: 620px !important;
  margin: 0 !important;
  color: #c1ccd9 !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
}

:root[data-theme="quantum"] .hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  color: #dcefff !important;
  background: rgba(128,234,255,.08) !important;
  border: 1px solid rgba(128,234,255,.22) !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

:root[data-theme="quantum"] .pulse-dot,
:root[data-theme="quantum"] .hero-live-dot {
  background: #42f5d7 !important;
  box-shadow: 0 0 16px rgba(66,245,215,.72) !important;
}

:root[data-theme="quantum"] .hero-panel {
  min-height: 248px !important;
  padding: 22px !important;
  overflow: hidden !important;
  border-color: rgba(128,234,255,.26) !important;
}

:root[data-theme="quantum"] .hero-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: auto auto -112px 50% !important;
  width: 270px !important;
  height: 270px !important;
  display: block !important;
  border-radius: 50% !important;
  transform: translateX(-50%) !important;
  background: conic-gradient(from 180deg, rgba(102,217,255,.0), rgba(102,217,255,.82), rgba(255,107,95,.74), rgba(66,245,215,.62), rgba(102,217,255,.0)) !important;
  -webkit-mask: radial-gradient(circle, transparent 0 58%, #000 59% 64%, transparent 65% 100%) !important;
  mask: radial-gradient(circle, transparent 0 58%, #000 59% 64%, transparent 65% 100%) !important;
  opacity: .80 !important;
  filter: drop-shadow(0 0 22px rgba(102,217,255,.48)) !important;
  z-index: 0 !important;
}

:root[data-theme="quantum"] .hero-panel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: repeating-linear-gradient(180deg, rgba(255,255,255,.06) 0 1px, transparent 1px 18px) !important;
  opacity: .20 !important;
  z-index: 0 !important;
}

:root[data-theme="quantum"] .hero-panel > * { position: relative !important; z-index: 1 !important; }

:root[data-theme="quantum"] .hero-metrics {
  background: rgba(2, 7, 13, .56) !important;
  border: 1px solid rgba(128,234,255,.15) !important;
  border-radius: var(--fd-radius) !important;
}

:root[data-theme="quantum"] :where(.btn-primary, .btn-go, .btn-add, .btn-submit, .qs-primary, .btn-print) {
  background: linear-gradient(135deg, #66d9ff, #2c88ff 48%, #ff6b5f) !important;
  border-color: rgba(128,234,255,.52) !important;
  color: #02111d !important;
  box-shadow: 0 10px 24px rgba(102,217,255,.20) !important;
}

:root[data-theme="quantum"] :where(.tab-btn.active, .nav-item.active, .sort-btn.active, .lw-period.active) {
  background: linear-gradient(135deg, rgba(102,217,255,.18), rgba(255,107,95,.09)) !important;
  border-color: rgba(128,234,255,.46) !important;
  color: #dff7ff !important;
}

:root[data-theme="quantum"] :where(input, select, textarea, .modal-input, .vn-search) {
  background: rgba(3, 8, 15, .88) !important;
  border-color: rgba(128,234,255,.22) !important;
}

:root[data-theme="quantum"] .bottom-nav {
  background: rgba(5, 12, 21, .97) !important;
}

@media (max-width: 980px) {
  :root[data-theme="quantum"] .hero-premium[data-energy-ring="true"] {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 34px 30px !important;
  }
  :root[data-theme="quantum"] .hero-premium h1 { font-size: 44px !important; }
  :root[data-theme="quantum"] .hero-premium[data-energy-ring="true"]::before {
    right: -210px !important;
    width: 500px !important;
    height: 500px !important;
  }
}

@media (max-width: 680px) {
  :root[data-theme="quantum"] .hero-premium[data-energy-ring="true"] {
    margin: 8px 0 12px !important;
    padding: 24px 18px !important;
    gap: 18px !important;
  }
  :root[data-theme="quantum"] .hero-premium h1 { font-size: 30px !important; line-height: 1.08 !important; }
  :root[data-theme="quantum"] .hero-premium p { font-size: 13.5px !important; line-height: 1.55 !important; }
  :root[data-theme="quantum"] .hero-badge { font-size: 10px !important; padding: 6px 10px !important; }
  :root[data-theme="quantum"] .hero-panel { min-height: 158px !important; padding: 16px !important; }
  :root[data-theme="quantum"] .hero-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  :root[data-theme="quantum"] .hero-metrics b { font-size: 20px !important; }
  :root[data-theme="quantum"] .hero-metrics span { font-size: 10px !important; }
  :root[data-theme="quantum"] .hero-premium[data-energy-ring="true"]::before {
    right: -240px !important;
    width: 420px !important;
    height: 420px !important;
    opacity: .58 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="quantum"] .hero-premium[data-energy-ring="true"]::before {
    animation: none !important;
  }
}
/* BrandX ticker collision guardrail and sharp X logo treatment. */
.ticker-strip {
  height: var(--login-ticker-h, 34px) !important;
  max-width: 100vw !important;
  overflow: hidden !important;
  contain: layout paint !important;
}
.ticker-track {
  height: 100% !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
  line-height: 1 !important;
}
.ticker-strip .tk {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
  min-width: max-content !important;
  line-height: 1 !important;
}
.ticker-strip .tk b,
.ticker-strip .tk span {
  display: inline !important;
  white-space: nowrap !important;
}
.brand-mark.brand-mark-portkao {
  background:
    radial-gradient(circle at 72% 20%, rgba(255,122,102,.24), transparent 34%),
    linear-gradient(145deg, rgba(8,17,31,.96), rgba(2,6,12,.98)) !important;
  border-color: rgba(128,234,255,.26) !important;
  border-radius: 16px !important;
}
.logo-mark,
.hero-panel-logo {
  color: #dff7ff !important;
  background:
    radial-gradient(circle at 76% 18%, rgba(255,122,102,.24), transparent 34%),
    linear-gradient(145deg, rgba(8,17,31,.96), rgba(2,6,12,.98)) !important;
  border-color: rgba(128,234,255,.30) !important;
}
.logo-mark svg,
.hero-panel-logo svg {
  width: 78% !important;
  height: 78% !important;
  filter: drop-shadow(0 0 12px rgba(128,234,255,.62)) !important;
}
.logo-mark svg path,
.hero-panel-logo svg path {
  fill: none !important;
}
.logo-title,
.brand-name,
.report-logo,
.settings-kicker {
  letter-spacing: .2px !important;
}
@media (max-width: 760px), (pointer: coarse) {
  .ticker-track { gap: 28px !important; font-size: 10px !important; }
  .brand-mark.brand-mark-portkao { width: 64px !important; height: 50px !important; margin-bottom: 12px !important; }
}
/* PortKao universe particle background and image logo treatment. */
:root[data-theme="capital"] body {
  background:
    radial-gradient(circle at 11% 18%, rgba(126,190,255,.70) 0 1px, transparent 1.7px),
    radial-gradient(circle at 78% 14%, rgba(94,223,196,.44) 0 1px, transparent 1.6px),
    radial-gradient(circle at 42% 72%, rgba(213,184,112,.36) 0 1px, transparent 1.5px),
    linear-gradient(112deg, rgba(126,190,255,.055) 0 16%, transparent 44%, rgba(213,184,112,.045) 62%, transparent 82%),
    linear-gradient(180deg, rgba(5,8,16,.98), rgba(10,14,18,.98) 46%, #0e1112) !important;
  background-size: 190px 190px, 260px 260px, 330px 330px, auto, auto !important;
  background-attachment: fixed !important;
}

:root[data-theme="capital"] .bg-fx,
:root[data-theme="capital"] .bg-grid,
:root[data-theme="capital"] .bg-neural,
:root[data-theme="capital"] .nebula,
:root[data-theme="capital"] .vignette,
:root[data-theme="capital"] #bgCanvas {
  display: block !important;
}

:root[data-theme="capital"] .bg-fx {
  opacity: .82 !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(126,190,255,.85) 0 1px, transparent 1.7px),
    radial-gradient(circle at 82% 28%, rgba(94,223,196,.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 52% 78%, rgba(213,184,112,.58) 0 1px, transparent 1.7px),
    linear-gradient(102deg, transparent 6%, rgba(126,190,255,.08) 28%, rgba(94,223,196,.035) 44%, transparent 72%),
    transparent !important;
  background-size: 118px 118px, 176px 176px, 244px 244px, auto, auto !important;
  animation: portkao-particle-drift 54s linear infinite !important;
}

:root[data-theme="capital"] .bg-fx::before {
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
  background:
    linear-gradient(104deg, transparent 24%, rgba(126,190,255,.08) 42%, rgba(213,184,112,.07) 50%, rgba(94,223,196,.055) 58%, transparent 76%);
  transform: rotate(-7deg);
  opacity: .72;
}

:root[data-theme="capital"] .bg-grid {
  opacity: .12 !important;
  background-image:
    linear-gradient(rgba(245,247,245,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245,247,245,.025) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.18) 78%, transparent 100%) !important;
}

:root[data-theme="capital"] .bg-neural {
  opacity: .34 !important;
  mix-blend-mode: screen;
}

:root[data-theme="capital"] .nebula {
  opacity: .40 !important;
  background:
    linear-gradient(112deg, transparent 8%, rgba(126,190,255,.11) 34%, rgba(94,223,196,.055) 48%, transparent 74%),
    radial-gradient(ellipse 58% 44% at 50% 104%, rgba(213,184,112,.10), transparent 62%) !important;
  animation: portkao-nebula-breathe 18s ease-in-out infinite alternate !important;
}

:root[data-theme="capital"] #bgCanvas {
  opacity: .52 !important;
}

:root[data-theme="capital"] .vignette {
  opacity: .88 !important;
  background: radial-gradient(ellipse 94% 86% at 50% 42%, transparent 34%, rgba(4,7,12,.68) 100%) !important;
}

.cosmic-orb { display: none !important; }

.portkao-logo-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

.brand-mark.brand-mark-portkao,
.logo-mark.portkao-logo-mark,
.hero-panel-logo.portkao-logo-mini {
  overflow: hidden !important;
  padding: 0 !important;
  background: #080d14 !important;
  border: 1px solid rgba(126,190,255,.34) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.26), 0 0 0 1px rgba(255,255,255,.035) inset !important;
}

.brand-mark.brand-mark-portkao::after { display: none !important; }
.logo-mark.portkao-logo-mark img { width: 100% !important; height: 100% !important; }
.hero-panel-logo.portkao-logo-mini { width: 38px !important; height: 38px !important; border-radius: 10px !important; flex: 0 0 38px !important; }

.report-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.report-logo-img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  object-fit: cover !important;
  border: 1px solid rgba(126,190,255,.30) !important;
}

@keyframes portkao-particle-drift {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; }
  to { background-position: 118px 82px, -176px 118px, 244px -90px, 0 0, 0 0; }
}

@keyframes portkao-nebula-breathe {
  from { opacity: .30; transform: translate3d(0, 0, 0); }
  to { opacity: .45; transform: translate3d(0, -10px, 0); }
}

@media (max-width: 760px), (pointer: coarse) {
  :root[data-theme="capital"] .bg-fx { opacity: .58 !important; animation-duration: 72s !important; }
  :root[data-theme="capital"] .bg-neural { opacity: .24 !important; }
  :root[data-theme="capital"] #bgCanvas { opacity: .34 !important; }
  .brand-mark.brand-mark-portkao { width: 64px !important; height: 64px !important; margin-bottom: 12px !important; }
}

/* ─────────────────────────────────────────────────────────────
   DEEPSCOPE-STYLE HEADER — solid dark-teal app bar on light themes
   Full-bleed teal bar, mint logo tile, light text. Scoped to the
   light institutional themes only (dark themes keep their own bar).
   ───────────────────────────────────────────────────────────── */
:root[data-theme="paper"] .header,
:root[data-theme="light"] .header,
:root[data-theme="minimal"] .header {
  background: var(--fd-header) !important;
  border-bottom: 1px solid var(--fd-header-line) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 6px 20px rgba(21,51,59,.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* logo tile: subtle teal glass instead of the blue-glow default */
:root[data-theme="paper"] .header .logo-mark,
:root[data-theme="light"] .header .logo-mark,
:root[data-theme="minimal"] .header .logo-mark {
  background: rgba(45,212,167,.14) !important;
  border: 1px solid rgba(45,212,167,.34) !important;
  box-shadow: none !important;
}

/* header typography on the dark bar */
:root[data-theme="paper"] .header :where(.logo-title, .uc-name, .tb-cost),
:root[data-theme="light"] .header :where(.logo-title, .uc-name, .tb-cost),
:root[data-theme="minimal"] .header :where(.logo-title, .uc-name, .tb-cost) {
  color: var(--fd-on-header) !important;
  -webkit-text-fill-color: var(--fd-on-header) !important;
  background: none !important;
}
:root[data-theme="paper"] .header :where(.logo-sub, .tb-stat, .tb-sep),
:root[data-theme="light"] .header :where(.logo-sub, .tb-stat, .tb-sep),
:root[data-theme="minimal"] .header :where(.logo-sub, .tb-stat, .tb-sep) {
  color: var(--fd-on-header-muted) !important;
}

/* action buttons (theme toggle, settings, user chip, sign-out) on teal */
:root[data-theme="paper"] .header :where(.settings-btn, .theme-btn, .user-chip, .logout-btn),
:root[data-theme="light"] .header :where(.settings-btn, .theme-btn, .user-chip, .logout-btn),
:root[data-theme="minimal"] .header :where(.settings-btn, .theme-btn, .user-chip, .logout-btn) {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: var(--fd-on-header) !important;
}
:root[data-theme="paper"] .header :where(.settings-btn, .theme-btn, .user-chip, .logout-btn):hover,
:root[data-theme="light"] .header :where(.settings-btn, .theme-btn, .user-chip, .logout-btn):hover,
:root[data-theme="minimal"] .header :where(.settings-btn, .theme-btn, .user-chip, .logout-btn):hover {
  background: rgba(45,212,167,.18) !important;
  border-color: rgba(45,212,167,.46) !important;
  color: var(--fd-on-header) !important;
}
:root[data-theme="paper"] .header .user-avatar,
:root[data-theme="light"] .header .user-avatar,
:root[data-theme="minimal"] .header .user-avatar {
  background: var(--fd-on-header-accent) !important;
  color: #062019 !important;
}
:root[data-theme="paper"] .header .token-badge,
:root[data-theme="light"] .header .token-badge,
:root[data-theme="minimal"] .header .token-badge {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="capital"] .bg-fx,
  :root[data-theme="capital"] .nebula { animation: none !important; }
}