/* Central de contratos (contrato.lobostech.com.br): complementa o painel.css. */
.abas-relatorio { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 18px; }
.barra-col { width: 34%; }
.barra-valor { height: 10px; border-radius: 6px; background: var(--gradiente); min-width: 2px; }
.barra-valor.prevista { background: var(--superficie-2); border: 1px solid var(--borda); }
.duas-barras { display: grid; gap: 4px; min-width: 180px; }
.kpi.alerta strong { color: var(--alerta); }
.kpi.erro strong { color: var(--erro); }
.kpi.ok strong { color: var(--sucesso); }
.cliente-nome small { display: block; color: var(--texto-suave); font-weight: 400; }
.secao-form { margin: 16px 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .4px; color: var(--primaria); text-transform: uppercase; }
.modal .linha.quatro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.resumo-modal { background: var(--superficie-2); border: 1px solid var(--borda); border-radius: 10px; padding: 10px 14px; margin-bottom: 12px; }
@media (max-width: 760px) { .modal .linha.quatro { grid-template-columns: 1fr 1fr; } .barra-col { width: 25%; } }