.sc-totals { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 4px 0 16px; font-size: .9rem; color: var(--ink-2); }
.sc-totals b { color: var(--ink); font-variant-numeric: tabular-nums; }
.sc-list { display: grid; gap: 10px; margin-bottom: 14px; }
@media (min-width: 760px) { .sc-list { grid-template-columns: 1fr 1fr; gap: 10px 22px; } }
.sc-item { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; font-size: .9rem; }
.sc-item .bar { grid-column: 1 / -1; height: 7px; border-radius: 6px; background: #e6eaef; overflow: hidden; }
.sc-item .bar i { display: block; height: 100%; background: var(--brand, #0260A2); border-radius: 6px; }
.sc-item.warn .bar i { background: #d18b00; } .sc-item.over .bar i { background: #b42318; }
.sc-item .n { font-variant-numeric: tabular-nums; color: var(--ink-2); } .sc-item.over .n { color: #b42318; font-weight: 700; }