/* Intelligence wave 2: charts, heat cells, calendar panels. Reads only shell tokens. Loads after the intel-core widget css. */
.chart-box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg, 14px); padding: 12px; max-width: 760px; min-width: 0; }
.ichart { display: block; width: 100%; height: auto; }
.ichart .grid { stroke: var(--line); stroke-width: 1; }
.ichart .base { stroke: var(--text-2); stroke-width: 1.2; stroke-dasharray: 4 3; }
.ichart .tick { fill: var(--text-2); font-size: 12px; font-family: var(--font); }
.ichart .bar--hi { fill: var(--warn); }
.ichart .bar--lo { fill: var(--accent); }
.ichart .whisk { stroke: var(--text); stroke-width: 1.5; }
.ichart .line { fill: none; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.ichart .line.s1 { stroke: var(--c1); }
.ichart .line.s2 { stroke: var(--c2); stroke-dasharray: 7 4; }
.ichart .line.s3 { stroke: var(--c5); stroke-dasharray: 2 4; }
.ichart .line.s4 { stroke: var(--c3); stroke-dasharray: 10 3 2 3; }
.ichart .endlab { font-size: 12px; font-family: var(--font); font-weight: 600; fill: var(--text); }
.ichart .endlab.s1 { fill: var(--accent-text); }
.ichart .endlab.s2 { fill: var(--warn-text); }
.ichart .endlab.s3 { fill: var(--good-text); }
.ichart .endlab.s4 { fill: var(--pot-text); }
td.hm-0 { background: transparent; }
td.hm-c1 { background: color-mix(in srgb, var(--accent) 22%, var(--surface)); }
td.hm-c2 { background: color-mix(in srgb, var(--accent) 42%, var(--surface)); }
td.hm-w1 { background: color-mix(in srgb, var(--warn) 14%, var(--surface)); }
td.hm-w2 { background: color-mix(in srgb, var(--warn) 24%, var(--surface)); }
td.hm-w3 { background: color-mix(in srgb, var(--warn) 32%, var(--surface)); }
td.hm-w4 { background: color-mix(in srgb, var(--warn) 40%, var(--surface)); }
.wpanel { margin-top: 20px; }
.wpanel h3 { margin-top: 0; }
.wsel { max-width: 420px; margin-bottom: 8px; }
.wsel select { width: 100%; }