/* Usado por Components/UI/Bar.razor (barra de progresso orçado × realizado) */
.bar { height: 6px; background: var(--surface-2); border-radius: 100px; overflow: hidden; min-width: 90px; }
.bar i { display: block; height: 100%; background: var(--accent); border-radius: 100px; }
.bar i.ok { background: var(--ok); } .bar i.warn { background: var(--warn); } .bar i.bad { background: var(--bad); }
.bar-row { display: flex; align-items: center; gap: 10px; }
.bar-row .pct { font-family: var(--f-mono); font-size: var(--fs-xs); color: var(--ink-2); width: 42px; text-align: right; }