/* Identidade neutra: cores configuráveis por variáveis, até haver logotipo e paleta oficiais. */
:root {
  --cor-marca: #2f5d7c;
}
.navbar-brand { color: var(--cor-marca); }
.htmx-indicator { opacity: 0; transition: opacity 150ms ease-in; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { opacity: 1; }
.tabela-pendencias th { white-space: nowrap; }
.linha-vencida td:first-child { border-left: 4px solid var(--bs-danger); }
.linha-externo td:first-child { border-left: 4px solid var(--bs-warning); }
.linha-do-tempo { list-style: none; padding-left: 0; }
.linha-do-tempo li { border-left: 3px solid var(--bs-border-color); padding: 0 0 .9rem .9rem; position: relative; }
.linha-do-tempo li .quando { font-size: .8rem; color: var(--bs-secondary-color); }
.texto-quebrado { white-space: pre-wrap; overflow-wrap: anywhere; }
.cartao-indicador .valor { font-size: 1.8rem; font-weight: 600; }
.largura-coluna-acao { min-width: 12rem; }
.sem-dados { color: var(--bs-secondary-color); font-style: italic; }
@media (max-width: 767.98px) {
  .tabela-responsiva thead { display: none; }
  .tabela-responsiva tr { display: block; border-bottom: 1px solid var(--bs-border-color); padding: .5rem 0; }
  .tabela-responsiva td { display: block; border: 0; padding: .1rem .5rem; }
  .tabela-responsiva td[data-rotulo]::before { content: attr(data-rotulo) ": "; font-weight: 600; }
}