/* InvestSuite V0.13Q - readability + compact light canvas fix */
:root{
  --is-card-bg:#ffffff;
  --is-soft-bg:#f8fafc;
  --is-warm-bg:#fffdf3;
  --is-text:#101828;
  --is-muted:#475467;
  --is-border:#d9e2ef;
}

html, body{
  background:#f3f7fb !important;
  color:var(--is-text) !important;
  overflow-x:hidden !important;
}

/* Global card/canvas readability override */
.card,
.panel,
.canvas,
.widget,
.summary-card,
.dashboard-card,
.info-card,
.explanation-card,
.action-card,
.callout,
.insight-card,
.strategy-card,
.status-card,
.metric-card,
[class*="card"],
[class*="canvas"],
[class*="panel"],
[class*="box"]{
  background:var(--is-card-bg) !important;
  color:var(--is-text) !important;
  border-color:var(--is-border) !important;
  box-shadow:0 8px 24px rgba(16,24,40,.06) !important;
}

/* The two dashboard blocks that were still dark */
.dashboard-main .explanation-card,
.dashboard-main .action-card,
.dashboard-main .insight-card,
.dashboard-main .strategy-card,
.dashboard-main [class*="meaning"],
.dashboard-main [class*="action"],
.dashboard-main [class*="explain"],
#dashboard-root .explanation-card,
#dashboard-root .action-card,
#dashboard-root .insight-card,
#dashboard-root .strategy-card,
#dashboard-root [class*="meaning"],
#dashboard-root [class*="action"],
#dashboard-root [class*="explain"],
.card:has(h3),
.card:has(h2){
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  color:var(--is-text) !important;
  border:1px solid var(--is-border) !important;
}

/* Force readable text inside cards, even when old dark theme classes remain */
.card *,
.panel *,
.canvas *,
.widget *,
.summary-card *,
.dashboard-card *,
.info-card *,
.explanation-card *,
.action-card *,
.insight-card *,
.strategy-card *,
.status-card *,
.metric-card *,
[class*="card"] *,
[class*="canvas"] *,
[class*="panel"] *,
[class*="box"] *{
  color:inherit;
}

.card p,
.panel p,
.canvas p,
.info-card p,
.explanation-card p,
.action-card p,
.insight-card p,
.strategy-card p,
[class*="card"] p,
[class*="panel"] p{
  color:var(--is-muted) !important;
}

.card h1,.card h2,.card h3,.card h4,
.panel h1,.panel h2,.panel h3,.panel h4,
.canvas h1,.canvas h2,.canvas h3,.canvas h4,
[class*="card"] h1,[class*="card"] h2,[class*="card"] h3,[class*="card"] h4,
[class*="panel"] h1,[class*="panel"] h2,[class*="panel"] h3,[class*="panel"] h4{
  color:var(--is-text) !important;
}

/* If a block explicitly kept an old dark background inline/class, neutralize it */
.bg-dark,.dark-card,.dark-panel,.dark-canvas,
[style*="background: #5"],
[style*="background:#5"],
[style*="background: rgb(9"],
[style*="background:rgb(9"],
[style*="background-color: #5"],
[style*="background-color:#5"]{
  background:var(--is-soft-bg) !important;
  color:var(--is-text) !important;
}

/* Optional warning/info variants */
.card-warning,.callout-warning,.recommendation-card.warning{
  background:var(--is-warm-bg) !important;
  border-color:#fde68a !important;
}

/* Keep header compact after previous redesign */
.app-header,.top-nav,.navbar,header{
  max-width:100vw !important;
  overflow-x:auto !important;
}