.ms-chart{position:relative;width:100%;aspect-ratio:var(--chart-ratio,16 / 9);min-height:140px}.ms-chart>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.ms-chart.is-square{--chart-ratio:1 / 1}.ms-chart.is-wide{--chart-ratio:21 / 9}.ms-chart.is-tall{--chart-ratio:4 / 3}.ms-chart-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin:0 0 10px}.ms-chart-title{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-heavy);letter-spacing:var(--tracking-title);color:var(--text)}.ms-chart-meta{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--dim);white-space:nowrap}.ms-chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--dim)}.ms-chart-key{display:inline-flex;align-items:center;gap:7px;min-width:0}.ms-chart-swatch{width:10px;height:10px;flex:none;border-radius:3px;background:var(--chart-1)}.ms-chart-key b{color:var(--text);font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums}.ms-chart-legend.is-top{margin:0 0 10px}.ms-chart-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.ms-chart.is-empty>canvas{display:none}.ms-chart-empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:8px;padding:24px 20px;text-align:center;color:var(--dim);font-size:var(--fs-base);border-radius:var(--r-xl);background:repeating-linear-gradient(-45deg,transparent 0 9px,var(--surface-2) 9px 10px)}.ms-chart-empty>svg{color:var(--faint)}.ms-chart-empty b{color:var(--text);font-size:15px;font-weight:var(--fw-heavy)}.ms-chart-empty p{margin:0;max-width:42ch;line-height:var(--lh-base)}.ms-chart.is-loading>canvas{visibility:hidden}.ms-chart-loading{position:absolute;inset:0;display:flex;align-items:flex-end;gap:10px;padding:18px 2px 22px}.ms-chart-bar{flex:1 1 0;min-width:0;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:ms-chart-shimmer 1.4s ease infinite}.ms-chart-bar:nth-child(2){height:46%}.ms-chart-bar:nth-child(3){height:72%}.ms-chart-bar:nth-child(4){height:58%}.ms-chart-bar:nth-child(5){height:88%}.ms-chart-bar:nth-child(6){height:64%}.ms-chart-bar:nth-child(7){height:38%}.ms-chart-bar:nth-child(8){height:76%}.ms-chart-bar:nth-child(9){height:52%}@keyframes ms-chart-shimmer{from{background-position:100% 0}to{background-position:0 0}}.ms-sparkline{position:relative;display:block;width:100%;max-width:var(--spark-w,160px);aspect-ratio:var(--chart-ratio,3 / 1);min-height:32px}.ms-sparkline>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.ms-sparkline.is-full{max-width:none}.ms-chart-stat{display:grid;gap:4px;min-width:0}.ms-chart-stat .ms-chart-stat-label{font-size:var(--fs-xs);font-weight:var(--fw-heavy);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--faint)}.ms-chart-stat .ms-chart-stat-value{font-size:28px;font-weight:var(--fw-heavy);letter-spacing:-.02em;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.ms-chart-stat .ms-chart-stat-delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--dim)}.ms-chart-stat .ms-chart-stat-delta.is-up{color:var(--success)}.ms-chart-stat .ms-chart-stat-delta.is-down{color:var(--danger)}.ms-chart-stat .ms-sparkline{margin-top:6px}@media (prefers-reduced-motion:reduce){.ms-chart-bar{animation:none}}@media (max-width:640px){.ms-chart{--chart-ratio:4 / 3}.ms-chart-legend{gap:6px 14px}}