/* FRA Prop HQ v9.2.1 — Soft light premium fintech pass
   Removes the remaining deep/black surfaces, calms the ambient canvas and
   keeps the v9 horizontal/progressive-disclosure structure intact. */

:root{
  --v921-bg:#f1f3f2;
  --v921-bg-2:#ecefed;
  --v921-surface:rgba(255,255,255,.82);
  --v921-surface-solid:#ffffff;
  --v921-surface-soft:#f7f9f7;
  --v921-text:#26302b;
  --v921-text-strong:#1d2521;
  --v921-muted:#7b8580;
  --v921-muted-2:#9aa29e;
  --v921-line:#dfe5e1;
  --v921-line-strong:#d1dad4;
  --v921-accent:#8fcf63;
  --v921-accent-strong:#70aa57;
  --v921-accent-soft:#eef6ea;
  --v921-blue:#8ba8dc;
  --v921-positive:#55a874;
  --v921-danger:#d77d7d;
  --v921-warning:#d3a45b;
  --v921-shadow:0 10px 30px rgba(52,70,60,.055);

  --v92-bg:var(--v921-bg);
  --v92-bg-2:var(--v921-bg-2);
  --v92-surface:var(--v921-surface-solid);
  --v92-surface-2:var(--v921-surface-soft);
  --v92-surface-3:#f1f4f2;
  --v92-text:var(--v921-text);
  --v92-text-soft:#536059;
  --v92-muted:var(--v921-muted);
  --v92-muted-2:var(--v921-muted-2);
  --v92-line:var(--v921-line);
  --v92-line-strong:var(--v921-line-strong);
  --v92-green:var(--v921-accent);
  --v92-green-strong:var(--v921-accent-strong);
  --v92-green-soft:var(--v921-accent-soft);
  --v92-deep:#587463;
  --v92-blue:var(--v921-blue);
  --v92-blue-soft:#f0f4fb;
  --v92-danger:var(--v921-danger);
  --v92-warning:var(--v921-warning);

  --bg:var(--v921-bg);
  --bg-2:var(--v921-bg-2);
  --panel:var(--v921-surface-solid);
  --panel-2:var(--v921-surface-soft);
  --panel-3:#f1f4f2;
  --input:#fff;
  --hover:#f2f5f3;
  --border:var(--v921-line);
  --border-strong:var(--v921-line-strong);
  --text:var(--v921-text);
  --text-strong:var(--v921-text-strong);
  --muted:var(--v921-muted);
  --muted-2:var(--v921-muted-2);
  --green:var(--v921-positive);
  --red:var(--v921-danger);
  --amber:var(--v921-warning);
  --blue:var(--v921-blue);
  --accent:var(--v921-accent-strong);
  --accent-soft:var(--v921-accent-soft);
}

/* Neutralise the old terminal palette so legacy views stop pulling dark colours back in. */
.terminal-trial{
  --terminal-bg:var(--v921-bg);
  --terminal-panel:var(--v921-surface-solid);
  --terminal-panel-2:var(--v921-surface-soft);
  --terminal-line:var(--v921-line);
  --terminal-line-strong:var(--v921-line-strong);
  --terminal-muted:var(--v921-muted);
  --terminal-text:var(--v921-text);
  --terminal-accent:var(--v921-accent-strong);
  --terminal-good:var(--v921-positive);
  --terminal-bad:var(--v921-danger);
  --terminal-warm:var(--v921-warning);
}

html,body{background:#e6ebe8!important;color:var(--v921-text)!important;}
body:not(.signed-out){
  background:
    radial-gradient(circle at 10% -8%, rgba(143,207,99,.055), transparent 29rem),
    radial-gradient(circle at 94% 3%, rgba(139,168,220,.045), transparent 34rem),
    var(--v921-bg)!important;
}
body:not(.signed-out) .app-shell,
body:not(.signed-out) .app-shell > .main-content,
.terminal-trial .main-content{background:transparent!important;}

/* Header + navigation: active states are now soft, not dark pills. */
body:not(.signed-out) .app-shell .topbar,
.terminal-trial .topbar{
  background:rgba(248,250,249,.90)!important;
  border-bottom:1px solid var(--v921-line)!important;
  box-shadow:0 8px 28px rgba(54,70,61,.035)!important;
}
body:not(.signed-out) .topbar-left:before{
  background:var(--v921-accent-soft)!important;
  color:#638853!important;
  border:1px solid #dbead3!important;
  box-shadow:none!important;
}
.fra-v9-home,
.fra-v9-group-button{color:#738078!important;}
.fra-v9-home:hover,
.fra-v9-group-button:hover,
.fra-v9-group.open>.fra-v9-group-button{
  background:#f7f9f7!important;
  border-color:var(--v921-line)!important;
  color:var(--v921-text)!important;
}
.fra-v9-home.active,
.fra-v9-group-button.active{
  background:var(--v921-accent-soft)!important;
  border-color:#d7e8cf!important;
  color:#5f8d4e!important;
  box-shadow:none!important;
}
.fra-v9-menu{
  background:rgba(255,255,255,.985)!important;
  border-color:var(--v921-line)!important;
  box-shadow:0 18px 48px rgba(57,73,64,.11)!important;
}
.fra-v9-menu button.active{background:var(--v921-accent-soft)!important;color:#628851!important;}

/* Buttons: no near-black / deep-green blocks. */
body:not(.signed-out) .button.primary,
.terminal-trial .button.primary,
body.signed-out .button.primary{
  background:#7ca86f!important;
  border-color:#7ca86f!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(93,128,82,.12)!important;
}
body:not(.signed-out) .button.primary:hover,
.terminal-trial .button.primary:hover,
body.signed-out .button.primary:hover{
  background:#709966!important;
  border-color:#709966!important;
}
body:not(.signed-out) .button.secondary,
body:not(.signed-out) .button.ghost,
.terminal-trial .button.secondary,
.terminal-trial .button.ghost,
body.signed-out .button.secondary{
  background:rgba(255,255,255,.62)!important;
  border-color:var(--v921-line)!important;
  color:#5e6a63!important;
}
body:not(.signed-out) .button.secondary:hover,
body:not(.signed-out) .button.ghost:hover,
.terminal-trial .button.secondary:hover,
.terminal-trial .button.ghost:hover{
  background:#f8faf8!important;
  color:var(--v921-text)!important;
  border-color:var(--v921-line-strong)!important;
}

/* Generic legacy terminal surfaces: light and quiet. */
.terminal-trial .panel,
.terminal-trial .kpi-card,
.terminal-trial .strategy-card,
.terminal-trial .dashboard-welcome-copy,
.terminal-trial .zone-quote-card,
.terminal-trial .day-mindset-strip,
.terminal-trial .modern-card,
.terminal-trial .strategies-command-head,
.terminal-trial .strategies-library-toolbar,
.terminal-trial .lab-builder,
.terminal-trial .lab-results-drawer{
  background:rgba(255,255,255,.76)!important;
  background-image:none!important;
  border-color:var(--v921-line)!important;
  color:var(--v921-text)!important;
  box-shadow:none!important;
}
.terminal-trial .panel-head,
.terminal-trial .section-head,
.terminal-trial .lab-builder-head,
.terminal-trial .lab-chart-topbar,
.terminal-trial .lab-results-head,
.terminal-trial .strategies-command-head,
.terminal-trial .strategies-library-toolbar{
  background:transparent!important;
  border-color:var(--v921-line)!important;
}

/* Dashboard: two formerly black strips become translucent white information rails. */
.terminal-trial #dashboardTerminalStrip,
#view-dashboard #dashboardTerminalStrip{
  background:rgba(255,255,255,.68)!important;
  border:1px solid var(--v921-line)!important;
  border-radius:14px!important;
  box-shadow:var(--v921-shadow)!important;
  overflow:hidden!important;
}
.terminal-trial #dashboardTerminalStrip .dashboard-terminal-cell{
  border-right:1px solid var(--v921-line)!important;
  background:transparent!important;
}
.terminal-trial #dashboardTerminalStrip span{color:#89928d!important;}
.terminal-trial #dashboardTerminalStrip strong{color:var(--v921-text)!important;}
.terminal-trial #dashboardTerminalStrip small{color:var(--v921-muted)!important;}
.terminal-trial #dashboardTerminalStrip strong.positive{color:var(--v921-positive)!important;}
.terminal-trial #dashboardTerminalStrip strong.negative{color:var(--v921-danger)!important;}

.terminal-trial #view-dashboard .kpi-grid,
#view-dashboard .kpi-grid{
  background:rgba(255,255,255,.72)!important;
  border:1px solid var(--v921-line)!important;
  border-radius:14px!important;
  box-shadow:var(--v921-shadow)!important;
  overflow:hidden!important;
}
.terminal-trial #view-dashboard .kpi-card,
#view-dashboard .kpi-card{
  background:transparent!important;
  border:0!important;
  border-right:1px solid var(--v921-line)!important;
  margin:0!important;
  padding:17px 18px!important;
}
.terminal-trial #view-dashboard .kpi-card:last-child,
#view-dashboard .kpi-card:last-child{border-right:0!important;}
.terminal-trial #view-dashboard .kpi-label,
.terminal-trial #view-dashboard .kpi-card > span:first-child,
#view-dashboard .kpi-card > span:first-child{color:#8b938f!important;}
.terminal-trial #view-dashboard .kpi-value,
.terminal-trial #view-dashboard .kpi-card strong,
#view-dashboard .kpi-card strong{color:var(--v921-text)!important;}
.terminal-trial #view-dashboard .kpi-sub,
#view-dashboard .kpi-sub{color:var(--v921-muted)!important;}

/* Onboarding: a soft wash instead of a coloured block. */
#view-dashboard .v74-start-card{
  background:linear-gradient(112deg,rgba(143,207,99,.065),rgba(255,255,255,.28))!important;
  border-color:#dce7d8!important;
  box-shadow:none!important;
}
#view-dashboard .v801-command-hero{
  background:transparent!important;
  border-color:var(--v921-line)!important;
}

/* Dashboard support surfaces that were still explicitly dark in the terminal trial. */
.terminal-trial #view-dashboard #v7DataConfidence,
.terminal-trial #view-dashboard .macro-risk-strip{
  background:rgba(255,255,255,.70)!important;
  border-color:var(--v921-line)!important;
  color:var(--v921-text)!important;
}
.terminal-trial #view-dashboard .data-table thead th,
.terminal-trial .data-table th{
  background:#f6f8f6!important;
  color:#79847e!important;
  border-color:var(--v921-line)!important;
}
.terminal-trial #view-dashboard .data-table tbody td,
.terminal-trial .data-table td{
  background:transparent!important;
  color:#536059!important;
  border-color:#e9eeeb!important;
}

/* Copy Desk: keep the hierarchy but remove the old black terminal look. */
#view-copier .copier-kpis,
.terminal-trial #view-copier .copier-kpis{
  background:rgba(255,255,255,.68)!important;
  border:1px solid var(--v921-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
#view-copier .copier-worker-strip,
#view-copier .copier-beta-badge,
#view-copier .copier-mode-chip{
  background:#f7f9f7!important;
  border-color:var(--v921-line)!important;
  color:#758079!important;
}
#view-copier .copier-mode-switch,
#view-copier .copier-log{
  background:#f8faf8!important;
  border-color:var(--v921-line)!important;
  color:var(--v921-text)!important;
}
#view-copier .copier-safety-banner{
  background:rgba(238,246,234,.72)!important;
  border-color:#dce9d5!important;
}

/* Forms, pills and small states stay pale. */
.terminal-trial .control,
.terminal-trial .text-input,
.terminal-trial select,
.terminal-trial input,
.terminal-trial textarea,
body:not(.signed-out) .control,
body:not(.signed-out) input,
body:not(.signed-out) select,
body:not(.signed-out) textarea{
  background:rgba(255,255,255,.84)!important;
  color:var(--v921-text)!important;
  border-color:var(--v921-line)!important;
}
.terminal-trial .badge,
.terminal-trial .pill,
.terminal-trial .status-badge,
body:not(.signed-out) .badge,
body:not(.signed-out) .status-pill,
body:not(.signed-out) .chip{
  background:#f6f8f6!important;
  color:#68736d!important;
  border-color:var(--v921-line)!important;
}

/* Strategy lab chrome becomes light. Preserve the chart itself as the only dense work surface. */
.terminal-trial #view-strategies .strategies-mode-tabs,
.terminal-trial #view-strategies .lab-drawing-rail,
.terminal-trial #view-strategies .lab-replay-bar,
.terminal-trial #view-strategies .lab-results-drawer,
.terminal-trial #view-strategies .lab-result-kpis article,
.terminal-trial #view-strategies .lab-equity-mini,
.terminal-trial #view-strategies .lab-trade-row{
  background:#f8faf8!important;
  border-color:var(--v921-line)!important;
  color:var(--v921-text)!important;
}
.terminal-trial #view-strategies .lab-field input,
.terminal-trial #view-strategies .lab-field textarea,
.terminal-trial #view-strategies .lab-field select,
.terminal-trial #view-strategies .lab-inline-unit{
  background:#fff!important;
  border-color:var(--v921-line)!important;
  color:var(--v921-text)!important;
}

/* v9.2.4 — keep the animated backdrop but make the base canvas a darker neutral grey. */
html,body{background:#e6ebe8!important;}
#fraAmbientWash{
  background:
    radial-gradient(circle at 12% 5%, rgba(255,255,255,.30), transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(205,212,208,.44), transparent 48%),
    linear-gradient(180deg,#e7ece9 0%,#dde3df 100%)!important;
  opacity:1!important;
}
body.fra-ambient-active .app-shell{background:transparent!important;}
body.fra-ambient-active .app-shell > .main-content{background:rgba(230,235,232,.08)!important;backdrop-filter:none!important;}
body.fra-ambient-active .app-shell .view{background:transparent!important;}
body.fra-ambient-active .app-shell .topbar{background:rgba(248,250,249,.82)!important;}

/* Public landing follows the same softer system instead of deep green blocks. */
body.signed-out,
body.signed-out .public-landing,
body.signed-out .fra-landing{
  background:
    radial-gradient(circle at 10% -4%, rgba(143,207,99,.06), transparent 30rem),
    radial-gradient(circle at 92% 5%, rgba(139,168,220,.045), transparent 32rem),
    var(--v921-bg)!important;
}
body.signed-out .landing-nav{background:rgba(249,251,250,.76)!important;}
body.signed-out .public-terminal-preview,
body.signed-out .public-feature-grid article,
body.signed-out .public-price-card,
body.signed-out .hero-art-panel{
  background:rgba(255,255,255,.78)!important;
  border-color:var(--v921-line)!important;
  box-shadow:var(--v921-shadow)!important;
}

@media(max-width:760px){
  .terminal-trial #dashboardTerminalStrip,
  .terminal-trial #view-dashboard .kpi-grid,
  #view-dashboard #dashboardTerminalStrip,
  #view-dashboard .kpi-grid{
    border-radius:12px!important;
  }
  .terminal-trial #dashboardTerminalStrip .dashboard-terminal-cell,
  .terminal-trial #view-dashboard .kpi-card,
  #view-dashboard .kpi-card{
    border-right:0!important;
    border-bottom:1px solid var(--v921-line)!important;
  }
  .terminal-trial #dashboardTerminalStrip .dashboard-terminal-cell:last-child,
  .terminal-trial #view-dashboard .kpi-card:last-child,
  #view-dashboard .kpi-card:last-child{border-bottom:0!important;}
}


/* v9.2.4 — slightly darker neutral background across the app and public pages */
body:not(.signed-out){
  background:
    radial-gradient(circle at 10% -8%, rgba(143,207,99,.045), transparent 29rem),
    radial-gradient(circle at 94% 3%, rgba(139,168,220,.038), transparent 34rem),
    #e6ebe8!important;
}
body.signed-out,
body.signed-out .public-landing,
body.signed-out .fra-landing{
  background:
    radial-gradient(circle at 10% -4%, rgba(143,207,99,.05), transparent 30rem),
    radial-gradient(circle at 92% 5%, rgba(139,168,220,.035), transparent 32rem),
    #e6ebe8!important;
}


/* v9.2.5 — improve contrast on data tables and make dashboard charts sit on a dark grey surface. */
.terminal-trial .table-wrap,
#view-dashboard .table-wrap,
#view-accounts .table-wrap,
#view-reports .table-wrap,
#view-finance .table-wrap,
#view-payouts .table-wrap,
#view-adminusers .table-wrap,
#view-adminresources .table-wrap,
#view-adminaffiliates .table-wrap,
#view-ntanalytics .table-wrap,
#view-datahealth .table-wrap,
#view-copier .table-wrap{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(209,218,212,.92)!important;
  border-radius:16px!important;
  box-shadow:0 10px 24px rgba(60,76,68,.04)!important;
}

.terminal-trial .accounts-panel .table-wrap,
#view-dashboard .accounts-panel .table-wrap{
  background:rgba(255,255,255,.92)!important;
}

.terminal-trial .data-table tbody tr,
.terminal-trial .data-table tbody td,
#view-dashboard .data-table tbody tr,
#view-dashboard .data-table tbody td,
#view-accounts .data-table tbody tr,
#view-accounts .data-table tbody td,
#view-reports .data-table tbody tr,
#view-reports .data-table tbody td,
#view-finance .data-table tbody tr,
#view-finance .data-table tbody td,
#view-payouts .data-table tbody tr,
#view-payouts .data-table tbody td,
#view-adminusers .data-table tbody tr,
#view-adminusers .data-table tbody td,
#view-adminresources .data-table tbody tr,
#view-adminresources .data-table tbody td,
#view-adminaffiliates .data-table tbody tr,
#view-adminaffiliates .data-table tbody td,
#view-ntanalytics .data-table tbody tr,
#view-ntanalytics .data-table tbody td,
#view-datahealth .data-table tbody tr,
#view-datahealth .data-table tbody td,
#view-copier .data-table tbody tr,
#view-copier .data-table tbody td{
  background:rgba(255,255,255,.72)!important;
}

.terminal-trial .data-table tbody tr:nth-child(even) td,
#view-dashboard .data-table tbody tr:nth-child(even) td,
#view-accounts .data-table tbody tr:nth-child(even) td,
#view-reports .data-table tbody tr:nth-child(even) td,
#view-finance .data-table tbody tr:nth-child(even) td,
#view-payouts .data-table tbody tr:nth-child(even) td,
#view-adminusers .data-table tbody tr:nth-child(even) td,
#view-adminresources .data-table tbody tr:nth-child(even) td,
#view-adminaffiliates .data-table tbody tr:nth-child(even) td,
#view-ntanalytics .data-table tbody tr:nth-child(even) td,
#view-datahealth .data-table tbody tr:nth-child(even) td,
#view-copier .data-table tbody tr:nth-child(even) td{
  background:rgba(246,248,246,.94)!important;
}

.terminal-trial .data-table tbody tr:hover td,
#view-dashboard .data-table tbody tr:hover td,
#view-accounts .data-table tbody tr:hover td,
#view-reports .data-table tbody tr:hover td,
#view-finance .data-table tbody tr:hover td,
#view-payouts .data-table tbody tr:hover td,
#view-adminusers .data-table tbody tr:hover td,
#view-adminresources .data-table tbody tr:hover td,
#view-adminaffiliates .data-table tbody tr:hover td,
#view-ntanalytics .data-table tbody tr:hover td,
#view-datahealth .data-table tbody tr:hover td,
#view-copier .data-table tbody tr:hover td{
  background:#ffffff!important;
}

.terminal-trial .chart-container,
.terminal-trial .nt-chart-wrap,
.terminal-trial .v760-history-wrap,
#view-dashboard .chart-container,
#view-dashboard .nt-chart-wrap,
#view-dashboard .v760-history-wrap,
#view-reports .chart-container,
#view-reports .nt-chart-wrap,
#view-reports .v760-history-wrap,
#view-ntanalytics .chart-container,
#view-ntanalytics .nt-chart-wrap,
#view-ntanalytics .v760-history-wrap,
#view-traderscore .chart-container,
#view-traderscore .v760-history-wrap,
#view-performance .chart-container{
  background:#3b4044!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.terminal-trial .chart-container canvas,
.terminal-trial .nt-chart-wrap canvas,
.terminal-trial .v760-history-wrap canvas,
#view-dashboard .chart-container canvas,
#view-dashboard .nt-chart-wrap canvas,
#view-dashboard .v760-history-wrap canvas,
#view-reports .chart-container canvas,
#view-reports .nt-chart-wrap canvas,
#view-reports .v760-history-wrap canvas,
#view-ntanalytics .chart-container canvas,
#view-ntanalytics .nt-chart-wrap canvas,
#view-ntanalytics .v760-history-wrap canvas,
#view-traderscore .chart-container canvas,
#view-traderscore .v760-history-wrap canvas,
#view-performance .chart-container canvas{
  border-radius:12px!important;
}

body:not(.signed-out),
.terminal-trial{
  --chart-muted:#cfd5db;
  --chart-grid:rgba(255,255,255,.10);
  --chart-fill:rgba(143,207,99,.18);
  --chart-fill-end:rgba(143,207,99,0);
}