/* 06-components/_bar-rows.css — .c-bar-rows: labelled horizontal bars with the value in mono. */
.c-bar-rows { display: grid; grid-template-columns: minmax(6rem, 10rem) 1fr auto; column-gap: var(--space-md); row-gap: var(--space-sm); align-items: center; }
.c-bar-rows__label { font-size: var(--text-md); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c-bar-rows__track { height: 0.75rem; background: var(--surface-sunken); border-radius: 2px; overflow: hidden; }
.c-bar-rows__fill { height: 100%; width: var(--pct, 0%); min-width: 2px; background: var(--band-dot, var(--accent)); border-radius: inherit; }
.c-bar-rows__val { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--ink-muted); text-align: end; min-width: 3.5ch; font-variant-numeric: tabular-nums; }
.c-bar-rows--dense { row-gap: var(--space-xs); }
.c-bar-rows--dense .c-bar-rows__track { height: 0.5rem; }
@media (max-width: 40rem) { .c-bar-rows { grid-template-columns: minmax(4.5rem, 7rem) 1fr auto; } }