.chart { width: 100%; height: auto; display: block; }
.chart__bar { fill: var(--border-strong); }
.chart__line { fill: none; stroke: var(--text); stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart__label { font-size: 12px; fill: var(--text-tertiary); font-family: var(--font-sans); }
.chart__legend { display: flex; gap: var(--space-4); font-size: var(--text-sm); color: var(--text-secondary); }
.chart__legend span::before { content: ""; display: inline-block; width: 12px; height: 3px; margin-right: 6px; vertical-align: middle; background: var(--text); }
.chart__legend span:first-child::before { height: 10px; background: var(--border-strong); }
.forecast__kpis { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.table tr.overridden td { background: var(--warning-tint); }