/* InvestSuite V0.13R - readability and compact dashboard fixes */
:root {
  --is-surface: #ffffff;
  --is-surface-soft: #f8fbff;
  --is-surface-warm: #fff9e8;
  --is-border: #d8e4f2;
  --is-text: #111827;
  --is-muted: #52657d;
}

html, body {
  background: #f4f8fd !important;
  color: var(--is-text) !important;
}

/* force old dark canvas/card blocks back to readable light surfaces */
canvas,
.dashboard-card,
.dashboard-panel,
.dashboard-canvas,
.info-card,
.info-box,
.explain-card,
.explanation-card,
.action-card,
.advice-card,
.card,
.panel,
.stat-card,
.metric-card,
.grid-card,
[data-card],
[class*="canvas"],
[class*="Canvas"],
[class*="summary"],
[class*="explain"],
[class*="meaning"],
[class*="action"],
[class*="advice"] {
  background-color: var(--is-surface) !important;
  color: var(--is-text) !important;
  border-color: var(--is-border) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

/* warm information blocks, especially Cosa significa / Cosa fare */
.dashboard-card,
.explain-card,
.explanation-card,
.action-card,
.advice-card,
[class*="meaning"],
[class*="advice"] {
  background: linear-gradient(180deg, #fffdf6 0%, #fff8e8 100%) !important;
  border: 1px solid #f1d58b !important;
}

.dashboard-card *,
.dashboard-panel *,
.info-card *,
.info-box *,
.explain-card *,
.explanation-card *,
.action-card *,
.advice-card *,
.card *,
.panel *,
.stat-card *,
.metric-card *,
.grid-card *,
[data-card] *,
[class*="canvas"] *,
[class*="Canvas"] *,
[class*="summary"] *,
[class*="explain"] *,
[class*="meaning"] *,
[class*="action"] *,
[class*="advice"] * {
  color: var(--is-text) !important;
}

.dashboard-card p,
.dashboard-panel p,
.info-card p,
.info-box p,
.explain-card p,
.explanation-card p,
.action-card p,
.advice-card p,
.card p,
.panel p {
  color: var(--is-muted) !important;
}

/* chart containers should be light; actual plotted lines keep their own color */
.chart-card,
.chart-wrap,
.chart-container,
svg {
  background: #ffffff !important;
}

svg text {
  fill: #334155 !important;
}

/* prevent oversized navigation after the light redesign */
.topbar, header, nav, .navbar, .app-nav {
  max-width: 100vw !important;
  overflow-x: auto !important;
}