/* Relatórios: barras de uma série (cor da marca), valor sempre escrito ao lado. */
.barras { display: flex; flex-direction: column; gap: 10px; }
.barra-linha { display: grid; grid-template-columns: minmax(90px, 34%) 1fr auto; align-items: center; gap: 10px; font-size: 14px; }
.barra-rotulo { color: var(--texto-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.barra-trilho { height: 12px; background: var(--fundo-2); border-radius: 6px; overflow: hidden; }
.barra-valor { display: block; height: 100%; width: 0; background: var(--ouro); border-radius: 0 6px 6px 0; }
.barra-numero { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--texto); white-space: nowrap; }
@media screen and (max-width: 899px) {
  .barra-linha { grid-template-columns: 1fr auto; }
  .barra-trilho { grid-column: 1 / -1; order: 3; }
}
@media print {
  .barra-trilho { background: #fff; border: 1px solid #bbb; }
  .barra-valor { background: #ccc; }
}