/* FRA Prop HQ v6.15 — modern neutral system
   Replaces the retro cream/olive treatment with crisp graphite, white and controlled electric-lime accents. */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#090b0f;
  --bg-2:#0e1116;
  --sidebar:#0d1015;
  --topbar:rgba(9,11,15,.82);
  --panel:#12161c;
  --panel-2:#171c23;
  --panel-3:#1d232c;
  --input:#0f1318;
  --hover:#202731;
  --border:rgba(226,232,240,.09);
  --border-strong:rgba(226,232,240,.18);
  --text:#dfe5ec;
  --text-strong:#f8fafc;
  --muted:#8d98a7;
  --muted-2:#667181;
  --accent:#c7ff3f;
  --accent-soft:rgba(199,255,63,.10);
  --green:#56dc88;
  --red:#ff6b7a;
  --amber:#ffbd5b;
  --blue:#69a8ff;
  --purple:#a88cff;
  --teal:#57d4c4;
  --warm:#aeb8c6;
  --warm-soft:rgba(174,184,198,.08);
  --shadow:0 22px 70px rgba(0,0,0,.30);
  --chart-grid:rgba(226,232,240,.06);
  --chart-muted:#7e8997;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg:#f4f6f8;
  --bg-2:#edf0f3;
  --sidebar:#ffffff;
  --topbar:rgba(244,246,248,.88);
  --panel:#ffffff;
  --panel-2:#f7f9fb;
  --panel-3:#eef2f5;
  --input:#ffffff;
  --hover:#edf1f4;
  --border:rgba(15,23,42,.09);
  --border-strong:rgba(15,23,42,.17);
  --text:#26303c;
  --text-strong:#0f1720;
  --muted:#687383;
  --muted-2:#929ba7;
  --accent:#8ebd00;
  --accent-soft:rgba(168,222,24,.13);
  --green:#168b52;
  --red:#c23e52;
  --amber:#a96800;
  --blue:#286ec9;
  --purple:#6950bb;
  --teal:#187f76;
  --warm:#526171;
  --warm-soft:rgba(82,97,113,.07);
  --shadow:0 16px 45px rgba(15,23,42,.07);
  --chart-grid:rgba(15,23,42,.08);
  --chart-muted:#687383;
}
body {
  background:
    radial-gradient(circle at 82% -10%, color-mix(in srgb,var(--accent) 7%,transparent), transparent 34rem),
    radial-gradient(circle at 10% 105%, color-mix(in srgb,var(--blue) 4%,transparent), transparent 30rem),
    linear-gradient(145deg,var(--bg),var(--bg-2)) !important;
}
.app-shell{gap:14px!important;padding:14px!important;grid-template-columns:232px minmax(0,1fr)!important}
.sidebar{
  background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 98%,transparent),color-mix(in srgb,var(--bg) 98%,transparent))!important;
  border:1px solid var(--border)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;
  top:14px!important;height:calc(100vh - 28px)!important;
}
.sidebar:before{background:radial-gradient(circle,rgba(199,255,63,.08),transparent 68%)!important}
.app-brand-word strong,.brand-wordmark strong:first-child,.brand-wordmark strong:last-child{color:var(--accent)!important}
.app-brand-tag,.brand-sub{color:var(--muted-2)!important}
.nav-item{color:var(--muted)!important;border-radius:12px!important}
.nav-item:hover{background:var(--hover)!important;color:var(--text-strong)!important}
.nav-item.active{background:var(--accent-soft)!important;color:var(--text-strong)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)!important}
.nav-item.active span{color:var(--accent)!important}
.topbar{background:var(--topbar)!important;border-color:var(--border)!important;backdrop-filter:blur(22px)!important}
.panel,.kpi-card,.dashboard-welcome-copy,.zone-quote-card,.day-mindset-strip{
  background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel-2) 96%,transparent))!important;
  border-color:var(--border)!important;box-shadow:var(--shadow)!important;
}
:root[data-theme="light"] .panel,
:root[data-theme="light"] .kpi-card,
:root[data-theme="light"] .dashboard-welcome-copy,
:root[data-theme="light"] .zone-quote-card,
:root[data-theme="light"] .day-mindset-strip,
:root[data-theme="light"] .ai-hero,
:root[data-theme="light"] .ai-chat-panel,
:root[data-theme="light"] .ai-side .panel{background:#fff!important}
:root[data-theme="light"] .sidebar{background:#fff!important}
:root[data-theme="light"] .topbar{background:rgba(244,246,248,.90)!important}
.button.primary{background:linear-gradient(135deg,#d5ff67,#b7ef27)!important;color:#12170a!important;border-color:rgba(185,239,39,.45)!important;box-shadow:0 12px 30px rgba(174,229,32,.17)!important}
.button.primary:hover{background:linear-gradient(135deg,#e0ff82,#c3f43c)!important}
.button.secondary,.button.ghost,.control,.text-input,.icon-button,.theme-toggle{background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--border)!important}
.control:focus,.text-input:focus,.ai-composer textarea:focus{border-color:color-mix(in srgb,var(--accent) 58%,var(--border))!important;box-shadow:0 0 0 3px var(--accent-soft)!important}
.link-button,.dashboard-eyebrow,.quote-label,.ai-beta-pill,.section-kicker,.feature-label,.price-tier{color:var(--accent)!important}
.quote-footer button{color:var(--muted)!important}.quote-footer button:hover{color:var(--accent)!important}
.zone-quote-card{background:linear-gradient(145deg,var(--panel),var(--panel-2))!important}
.dashboard-welcome-copy{background:radial-gradient(circle at 92% 15%,rgba(199,255,63,.08),transparent 36%),linear-gradient(145deg,var(--panel),var(--panel-2))!important}
.dashboard-welcome-copy:after{border-color:rgba(199,255,63,.15)!important;box-shadow:0 0 0 22px rgba(199,255,63,.02),0 0 0 46px rgba(199,255,63,.012)!important}
.progress-fill,.risk-meter>div,.onboarding-progress i,.broker-progress i{background:linear-gradient(90deg,#c7ff3f,#7ce7a5)!important}
.segmented button.active,.quote-mode-row button.active,.ai-mode-button.active{background:var(--accent-soft)!important;border-color:color-mix(in srgb,var(--accent) 36%,var(--border))!important;color:var(--text-strong)!important}
.avatar{background:linear-gradient(135deg,#d2ff5c,#8ee477)!important;color:#10160b!important}
.positive,.up,.badge.green,.trade-side.buy{color:var(--green)!important}.negative,.trade-side.sell{color:var(--red)!important}
.fra-landing,.trust-page{background:radial-gradient(circle at 75% 5%,rgba(199,255,63,.07),transparent 30rem),#090b0f!important;color:#e6ebf1!important}
.landing-nav-links a,.landing-hero-copy>p,.landing-proof-row,.trust-page p,.trust-page li{color:#909ba9!important}
.landing-hero h1,.workflow-quote{color:#f8fafc!important}.landing-hero h1 em{color:#c7ff3f!important}
.command-board,.feature-card,.modern-price-card,.board-kpis article,.board-chart-card,.mini-card{background:linear-gradient(145deg,#141920,#0f1318)!important;border-color:rgba(226,232,240,.09)!important}
.workflow-section,.trader-code-section{background:#0d1015!important}.trader-code-quotes article{background:#12161c!important;border-color:rgba(226,232,240,.09)!important}
@media(max-width:980px){.app-shell{grid-template-columns:1fr!important;padding:10px!important}.sidebar{height:auto!important;top:0!important}}