/* FRA Prop HQ v11.0.2 — Visual cleanup
   Fixes contrast issues, mismatched surfaces and washed-out cards in the signed-in product. */

html body:not(.signed-out).fra-v11-command-deck #appShell{
  --v11-surface-0:#0b1014;
  --v11-surface-1:#10161b;
  --v11-surface-2:#141c22;
  --v11-surface-3:#182127;
  --v11-border:#243039;
  --v11-border-2:#2b3841;
  --v11-text-strong:#edf4ef;
  --v11-text:#c7d1cb;
  --v11-text-soft:#99a6a0;
  --v11-text-faint:#75827b;
  --v11-accent:#a7df3f;
  --v11-accent-2:#8ec631;
  --v11-accent-ink:#0f160c;
  --v11-positive:#68df91;
  --v11-negative:#ff7b84;
  --v11-warning:#efbe72;
  --v11-shadow:none;
}

/* General readability */
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active p,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active li,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active label,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active small,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active span{
  color:var(--v11-text);
}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active h1,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active h2,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active h3,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active h4,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active strong{
  color:var(--v11-text-strong);
}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active .panel-sub,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active .kpi-sub,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active .muted,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active .empty-state,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active .membership-plan-fallback,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active .membership-upgrade-note{
  color:var(--v11-text-soft)!important;
}

/* Make non-dashboard KPI areas readable instead of washed out */
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:12px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card{
  min-height:110px!important;
  padding:18px!important;
  background:var(--v11-surface-1)!important;
  border:1px solid var(--v11-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card .kpi-label,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card > span:first-child{
  color:var(--v11-text-faint)!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card .kpi-value,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card > strong{
  margin-top:8px!important;
  color:var(--v11-text-strong)!important;
  font-size:21px!important;
  line-height:1.05!important;
  font-weight:760!important;
  letter-spacing:-.03em!important;
  font-variant-numeric:tabular-nums!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card .kpi-value.positive,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card strong.positive{color:var(--v11-positive)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card .kpi-value.negative,
html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-card strong.negative{color:var(--v11-negative)!important;}

/* Data confidence / stale-sync strip */
html body:not(.signed-out).fra-v11-command-deck #view-dashboard #v7DataConfidence,
html body:not(.signed-out).fra-v11-command-deck #view-accounts #v7DataConfidence{
  padding:14px 18px!important;
  background:#11171c!important;
  border:1px solid var(--v11-border)!important;
  border-radius:12px!important;
  color:var(--v11-text)!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-main strong,
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-facts strong{color:var(--v11-text-strong)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-main span,
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-facts span{color:var(--v11-text-soft)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-main i{background:var(--v11-accent)!important;box-shadow:0 0 0 4px rgba(167,223,63,.12)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-main.stale i{background:var(--v11-warning)!important;box-shadow:0 0 0 4px rgba(239,190,114,.11)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .v7-confidence-main.error i{background:var(--v11-negative)!important;box-shadow:0 0 0 4px rgba(255,123,132,.1)!important;}

/* Tables: stop bright rows and weak text */
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table,
html body:not(.signed-out).fra-v11-command-deck #appShell table{background:var(--v11-surface-1)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table tbody td,
html body:not(.signed-out).fra-v11-command-deck #appShell table tbody td{background:var(--v11-surface-1)!important;color:var(--v11-text)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table tbody tr:nth-child(even) td,
html body:not(.signed-out).fra-v11-command-deck #appShell table tbody tr:nth-child(even) td{background:var(--v11-surface-2)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table tbody tr:hover td,
html body:not(.signed-out).fra-v11-command-deck #appShell table tbody tr:hover td{background:#1a2329!important;color:var(--v11-text-strong)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table td .progress-label,
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table td .subline,
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table td .account-id,
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table td .small,
html body:not(.signed-out).fra-v11-command-deck #appShell .data-table td small{color:var(--v11-text-soft)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .progress-track,
html body:not(.signed-out).fra-v11-command-deck #appShell .bar-track,
html body:not(.signed-out).fra-v11-command-deck #appShell .mini-progress,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-progress,
html body:not(.signed-out).fra-v11-command-deck #appShell .tradovate-progress-track{
  background:#1a2329!important;
  border:1px solid rgba(255,255,255,.03)!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .progress-fill,
html body:not(.signed-out).fra-v11-command-deck #appShell .bar-track > div,
html body:not(.signed-out).fra-v11-command-deck #appShell .mini-progress i,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-progress i,
html body:not(.signed-out).fra-v11-command-deck #appShell .tradovate-progress-track i{
  background:linear-gradient(90deg,var(--v11-accent),#74d889)!important;
}

/* Reports view */
html body:not(.signed-out).fra-v11-command-deck #view-reports .report-breakdowns{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-reports .metric-breakdown,
html body:not(.signed-out).fra-v11-command-deck #view-reports .bar-item,
html body:not(.signed-out).fra-v11-command-deck #view-reports .weekday-row{
  color:var(--v11-text)!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-reports .weekday-bar,
html body:not(.signed-out).fra-v11-command-deck #view-reports .metric-breakdown .progress-track{
  background:#182128!important;
}

/* Strategy tabs and backtest lab controls */
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategies-command-head,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategies-library-toolbar,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategy-lab-shell,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-builder,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-chart-workspace,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-results-drawer,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategy-summary .kpi-card,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategy-card{
  background:var(--v11-surface-1)!important;
  border-color:var(--v11-border)!important;
  box-shadow:none!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategies-mode-tabs{
  display:inline-flex!important;
  gap:6px!important;
  padding:5px!important;
  background:#12191e!important;
  border:1px solid var(--v11-border)!important;
  border-radius:10px!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategies-mode-tabs button{
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--v11-text-soft)!important;
  border-radius:8px!important;
  font-weight:760!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .strategies-mode-tabs button.active{
  background:#1a231d!important;
  border-color:#314237!important;
  color:#dff0c4!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-builder-head,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-chart-topbar,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-results-head{
  background:#12191e!important;
  border-bottom:1px solid var(--v11-border)!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-template-card,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-rule-chip,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-helper-actions button,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-session-jumps button,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-timeframe-buttons button,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-mode-buttons button,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-trade-btn,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-icon-btn,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-replay-btn,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-load-btn,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-live-external-btn,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-blind-btn{
  background:#12191e!important;
  border:1px solid var(--v11-border)!important;
  color:var(--v11-text)!important;
  box-shadow:none!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-template-card.active,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-rule-chip.active,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-timeframe-buttons button.active,
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-mode-buttons button.active{
  background:#18211b!important;
  border-color:#314237!important;
  color:#dff0c4!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-strategies .lab-builder-brand-mark{
  background:#12191e!important;
  border-color:#32403a!important;
  color:var(--v11-accent)!important;
}

/* Connections / account connect panels */
html body:not(.signed-out).fra-v11-command-deck #view-connections .multi-prop-shell,
html body:not(.signed-out).fra-v11-command-deck #view-connections .multi-prop-shell > .panel,
html body:not(.signed-out).fra-v11-command-deck #view-connections .connection-hero-panel,
html body:not(.signed-out).fra-v11-command-deck #view-connections .provider-review-panel,
html body:not(.signed-out).fra-v11-command-deck #view-connections .partner-program-banner,
html body:not(.signed-out).fra-v11-command-deck #view-connections .connected-login-card,
html body:not(.signed-out).fra-v11-command-deck #view-connections .prop-firm-card,
html body:not(.signed-out).fra-v11-command-deck #view-connections .partner-capability,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-method-card,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-platform-card,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-search{
  background:var(--v11-surface-1)!important;
  border:1px solid var(--v11-border)!important;
  box-shadow:none!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-connections .prop-firm-card:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-method-card:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-platform-card:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-method-card.selected,
html body:not(.signed-out).fra-v11-command-deck #appShell .broker-platform-card.selected{
  background:#151e24!important;
  border-color:#334048!important;
  transform:none!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-connections .partner-tabs button,
html body:not(.signed-out).fra-v11-command-deck #view-connections .tab-button,
html body:not(.signed-out).fra-v11-command-deck #view-connections .provider-tabs button{
  color:var(--v11-text-soft)!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-connections .partner-tabs button.active,
html body:not(.signed-out).fra-v11-command-deck #view-connections .tab-button.active,
html body:not(.signed-out).fra-v11-command-deck #view-connections .provider-tabs button.active{
  color:var(--v11-text-strong)!important;
  box-shadow:inset 0 -2px 0 var(--v11-accent)!important;
}

/* Membership / pricing */
html body:not(.signed-out).fra-v11-command-deck #view-business #planPanel{
  display:grid!important;
  gap:16px!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .legacy-access-strip,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-upgrade-strip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:16px 18px!important;
  border:1px solid #34422b!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(167,223,63,.08),rgba(167,223,63,.03))!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .legacy-access-strip strong,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-upgrade-strip strong{color:#e6f1d7!important;}
html body:not(.signed-out).fra-v11-command-deck #view-business .legacy-access-strip p,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-upgrade-strip p,
html body:not(.signed-out).fra-v11-command-deck #view-business .legacy-access-strip span:not(.pill),
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-upgrade-strip span:not(.pill){color:#a8b49e!important;}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan{
  min-height:100%!important;
  padding:22px!important;
  background:var(--v11-surface-1)!important;
  border:1px solid var(--v11-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan.featured,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan.current,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan.plan-selected{
  background:linear-gradient(180deg,rgba(167,223,63,.08),rgba(167,223,63,.03))!important;
  border-color:#5b8121!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-name,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-price strong,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-limit strong{color:var(--v11-text-strong)!important;}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-price span,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-limit span,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan ul,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan li{color:var(--v11-text-soft)!important;}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-badge,
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-current-badge{
  background:var(--v11-accent)!important;
  color:var(--v11-accent-ink)!important;
  border:0!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .plan-access-status{
  background:#12191e!important;
  border:1px solid var(--v11-border)!important;
  color:var(--v11-text)!important;
}
html body:not(.signed-out).fra-v11-command-deck #view-business .membership-manage-button{
  justify-self:start!important;
}

/* Generic buttons and pills for better consistency */
html body:not(.signed-out).fra-v11-command-deck #appShell .button.primary,
html body:not(.signed-out).fra-v11-command-deck #appShell button.primary,
html body:not(.signed-out).fra-v11-command-deck #appShell [data-checkout-plan].button.primary,
html body:not(.signed-out).fra-v11-command-deck #appShell [data-upgrade-plan].button.primary{
  background:var(--v11-accent)!important;
  border-color:var(--v11-accent-2)!important;
  color:var(--v11-accent-ink)!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .button.secondary,
html body:not(.signed-out).fra-v11-command-deck #appShell .button.ghost,
html body:not(.signed-out).fra-v11-command-deck #appShell .mini-button,
html body:not(.signed-out).fra-v11-command-deck #appShell button.secondary,
html body:not(.signed-out).fra-v11-command-deck #appShell button.ghost{
  background:#12191e!important;
  border:1px solid var(--v11-border-2)!important;
  color:var(--v11-text)!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .button.secondary:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell .button.ghost:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell .mini-button:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell button.secondary:hover,
html body:not(.signed-out).fra-v11-command-deck #appShell button.ghost:hover{
  background:#162026!important;
  border-color:#33414a!important;
  color:var(--v11-text-strong)!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .pill,
html body:not(.signed-out).fra-v11-command-deck #appShell .badge,
html body:not(.signed-out).fra-v11-command-deck #appShell .status-chip,
html body:not(.signed-out).fra-v11-command-deck #appShell .tag{
  background:#162018!important;
  border:1px solid #304034!important;
  color:#cdea96!important;
}
html body:not(.signed-out).fra-v11-command-deck #appShell .positive{color:var(--v11-positive)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .negative{color:var(--v11-negative)!important;}
html body:not(.signed-out).fra-v11-command-deck #appShell .warning{color:var(--v11-warning)!important;}

/* Keep long blocks responsive */
@media (max-width:1100px){
  html body:not(.signed-out).fra-v11-command-deck #view-reports .report-breakdowns,
  html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:720px){
  html body:not(.signed-out).fra-v11-command-deck #view-business .legacy-access-strip,
  html body:not(.signed-out).fra-v11-command-deck #view-business .membership-upgrade-strip{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  html body:not(.signed-out).fra-v11-command-deck #view-reports .report-breakdowns,
  html body:not(.signed-out).fra-v11-command-deck #view-business .membership-plan-grid,
  html body:not(.signed-out).fra-v11-command-deck #appShell .view.active:not(#view-dashboard) .kpi-grid{
    grid-template-columns:1fr!important;
  }
}