/* =====================================================================
   Vesper — dash-ag-grid da tabela de UCs do Simulador (admin), #cli-grid-ucs
   (paginas/simulador_admin.py). Numerado antes do 90 (ordem alfabética dos
   assets/, regra 6 do CLAUDE.md): o 90_dash_tema.css ainda vence o que
   colidir. Tema claro/escuro só por tokens de 00_tokens.css — nada de hex
   solto aqui (a classe `.ag-theme-quartz` do AG Grid usa variáveis CSS
   próprias, mapeadas 1:1 para os tokens Vesper).
   ===================================================================== */

.cli-grid-wrap { border: 1px solid var(--vesper-linha); border-radius: var(--vesper-raio-painel); overflow: hidden; }
.cli-grid-wrap .ag-theme-quartz,
.cli-grid-wrap .ag-theme-quartz-dark {
  --ag-background-color: var(--vesper-painel);
  --ag-foreground-color: var(--vesper-tinta);
  --ag-header-background-color: var(--vesper-trilho);
  --ag-header-foreground-color: var(--vesper-tinta);
  --ag-border-color: var(--vesper-linha);
  --ag-row-border-color: var(--vesper-linha);
  --ag-row-hover-color: color-mix(in srgb, var(--vesper-tinta) 7%, var(--vesper-painel));
  --ag-selected-row-background-color: color-mix(in srgb, var(--vesper-tinta) 12%, var(--vesper-painel));
  --ag-odd-row-background-color: var(--vesper-painel-2);
  --ag-font-family: var(--vesper-fonte);
  --ag-font-size: var(--vesper-t-s);
  --ag-cell-horizontal-padding: 12px;
  --ag-grid-size: 6px;
  --ag-border-radius: 0;
  --ag-checkbox-checked-color: var(--vesper-tinta);
  --ag-input-focus-border-color: var(--focus-ring);
  --ag-range-selection-border-color: var(--vesper-acento);
}
/* números: mesma fonte tabular do resto das tabelas (regra 5 — pt-BR formatado
   no servidor ou por `valueFormatter` com `Intl` no cliente; aqui só o alinhamento) */
.cli-grid-wrap .cli-grid-num { font-variant-numeric: tabular-nums; text-align: right; }
/* capacidade manual: célula editável — filete pontilhado discreto avisa que
   dá para clicar e digitar (vazio = P90, nunca "0") */
.cli-grid-wrap .cli-grid-editavel { box-shadow: inset 0 0 0 1px var(--vesper-linha-forte); border-radius: var(--vesper-raio-celula); cursor: text; }
.cli-grid-wrap .cli-grid-editavel:focus-within { box-shadow: inset 0 0 0 2px var(--focus-ring); }
/* linha viável nas condições aplicadas (regra de cor: carga é verde, nunca a
   única pista — a palavra "Sim" continua na célula "Viável") */
.cli-grid-wrap .cli-grid-row-viavel { background-color: var(--vesper-viavel-fundo) !important; }
.cli-grid-wrap .cli-grid-viavel-cel { font-weight: 700; color: var(--vesper-viavel-texto); }
.cli-grid-wrap .ag-header-cell-label { font-weight: 620; }
.cli-grid-wrap .ag-header-group-cell-label { font-size: var(--vesper-t-xs); color: var(--vesper-tinta-2); }