aicoe-chart { display:block; min-width:0; width:100%; }
.chart-frame { margin:0; padding:var(--space-5); border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); }
.chart-frame figcaption { display:grid; gap:6px; }
.chart-frame figcaption strong { font:600 16px/1.4 var(--font-sans); }
.chart-frame figcaption span,.chart-summary { color:var(--textSecondary); font-size:12px; line-height:1.6; }
.chart-plot { overflow:auto; }
.chart-plot svg { display:block; width:100%; min-width:300px; height:auto; overflow:visible; }
.chart-plot text { font:12px var(--font-sans); fill:var(--textSecondary); }
.chart-gridline { stroke:var(--border); stroke-width:1; }
.chart-connector { stroke:var(--textMuted); stroke-dasharray:3 3; }
.chart-plot [data-point] { cursor:crosshair; }
.chart-plot [data-point]:focus { outline:2px solid var(--text); outline-offset:3px; }
.chart-plot .chart-total { font-size:30px; font-weight:650; fill:var(--text); }
.chart-plot .chart-cell-label { fill:var(--text); paint-order:stroke; stroke:var(--surface); stroke-width:3px; font-weight:600; pointer-events:none; }
.chart-readout { display:block; min-height:36px; font-size:12px; line-height:1.5; color:var(--textSecondary); }
.chart-legend { display:flex; gap:8px 16px; flex-wrap:wrap; margin:8px 0 16px; }
.chart-legend button,.chart-legend>span { display:inline-flex; align-items:center; gap:7px; font:12px var(--font-sans); color:var(--text); border:0; background:none; padding:6px 0; }
.chart-legend button { cursor:pointer; min-height:32px; }
.chart-legend [aria-pressed=false] { text-decoration:line-through; opacity:.6; }
.chart-legend i { width:10px; height:10px; border-radius:2px; }
.chart-frame details { border-top:1px solid var(--border); padding-top:12px; }
.chart-frame summary { font-size:12px; cursor:pointer; }
.chart-placeholder { height:240px; margin-top:16px; }
aicoe-chart[type=sparkline] .chart-plot { max-height:130px; }
aicoe-chart[type=sparkline] svg { max-height:130px; }
@media(max-width:700px) { .chart-frame { padding:14px; } }
.chart-plot svg { min-width:520px; }
aicoe-chart[type=sparkline] .chart-plot svg { min-width:220px; }
aicoe-chart[compact] .chart-frame { padding:0; border:0; }
aicoe-chart[compact] figcaption,aicoe-chart[compact] .chart-summary { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
aicoe-chart[compact] .chart-legend { display:none; }
aicoe-chart[compact] .chart-plot,aicoe-chart[compact] .chart-plot svg { max-height:76px; }
aicoe-chart[compact] .chart-readout { min-height:20px; margin:8px 0; }