.chart-card{margin-bottom:16px}
.chart-card .card-head{align-items:flex-start;flex-wrap:wrap}
.chart-legend{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:10px}
.chart-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.chart-legend i{width:9px;height:9px;border-radius:3px;background:var(--series-color);display:inline-block}
.chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden}
.chart-svg{display:block;width:100%;min-width:640px;height:auto;overflow:visible}
.chart-grid-line{stroke:#e8eeea;stroke-width:1}
.chart-axis-text{fill:#78857f;font:10px Inter,"Segoe UI",Arial,sans-serif}
.chart-month{font-size:9px}
.chart-empty{fill:#8a9690;font:600 12px Inter,"Segoe UI",Arial,sans-serif}
.chart-average-line{stroke:#9ca9a2;stroke-width:1.3;stroke-dasharray:5 5}
@media(max-width:700px){.chart-card{padding:15px 12px}.chart-legend{justify-content:flex-start;gap:8px 11px}.chart-svg{min-width:620px}}