/* Frota > Relatório de O.S. (v3.14) — usa as bases de despesas.css (dsp-*) */
.relos-filtros { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.relos-alerta { color: var(--danger); font-weight: 700; }
.relos-barras { display: flex; align-items: flex-end; gap: 3px; height: 150px; padding-top: 6px; }
.relos-barra { flex: 1; min-width: 6px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; cursor: default; }
.relos-barra span { display: block; width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--accent), rgba(116, 196, 124, .45)); }
.relos-barra:hover span { filter: brightness(1.25); }
.relos-barra em { font-style: normal; font-size: 10px; color: var(--text-secondary); }
.relos-tabela tbody tr:hover td { background: rgba(116, 196, 124, .08); }
.relos-rank { height: 4px; border-radius: 3px; background: rgba(255, 255, 255, .06); margin-top: 5px; max-width: 220px; }
.relos-rank span { display: block; height: 100%; border-radius: 3px; background: var(--accent); }
[data-theme="light"] .relos-rank { background: rgba(16, 38, 63, .08); }
.relos-atrasada td { background: rgba(239, 107, 107, .08); }
.relos-abas { margin: 0; }
@media (max-width: 760px) { .relos-barra em { display: none; } }
.relos-tabela th { white-space: normal; vertical-align: bottom; max-width: 110px; line-height: 1.25; }
.relos-tabela td:first-child { white-space: normal; min-width: 180px; }