/* Biểu đồ: thanh tiến độ, donut, thanh mốc, thẻ số liệu. Mỗi trường dữ liệu một màu neon qua biến --c (xem Ui.Neon). */
.bar{height:8px;border-radius:4px;background:var(--neon-track);overflow:hidden;min-width:60px}
.bar>i,.nbar{display:block;height:100%;border-radius:4px;background:var(--c,var(--neon))}
.bar.g>i{background:var(--green)}
.bar.a>i{background:var(--amber-bar)}
.bar.r>i{background:var(--red)}

.donut{}
.ms-bar{background:var(--neon-track)}
.ms-bar i{}

.kpi{padding:16px;display:flex;flex-direction:column;gap:6px}
.kpi .l{color:var(--ink3);font-size:13px;font-weight:500}
.kpi .v{font-size:30px;font-weight:600;letter-spacing:-.5px;line-height:1.1;color:var(--neon-text)}
.kpi .d{font-size:12.5px;color:var(--ink3)}
.kpi.warn .v{color:var(--red-text)}