/* Estilos do eAuditoria — nenhum estilo inline nos templates (exigência da CSP) */
:root {
  --eaud-azul: #1F4E79;
  --eaud-azul-escuro: #163a5c;
  /* Links do Bootstrap na cor da marca (um azul só no portal inteiro) */
  --bs-link-color: var(--eaud-azul);
  --bs-link-color-rgb: 31, 78, 121;
  --bs-link-hover-color: var(--eaud-azul-escuro);
  --bs-link-hover-color-rgb: 22, 58, 92;
}
body { background: #f4f6f9; }
.sidebar { background: var(--eaud-azul); }
@media (min-width: 768px) {
  .sidebar { min-height: 100vh; }
}
.sidebar a { color: #cfe0f0; text-decoration: none; display: block;
             padding: .55rem .5rem; border-radius: .4rem; }
.sidebar a.sub { padding-left: 1.5rem; }
.sidebar a:hover, .sidebar a.active { background: var(--eaud-azul-escuro); color: #fff; }
.sidebar a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.card-kpi .fs-3 { font-weight: 700; }
/* Dígitos tabulares: valores alinham em coluna nas tabelas e KPIs */
td.text-end, th.text-end, .card-kpi .fs-3 { font-variant-numeric: tabular-nums; }
.sev-ALTA { color: #dc3545; }
.sev-MEDIA { color: #fd7e14; }
.sev-BAIXA { color: #48769c; }
.btn-eaud { background: var(--eaud-azul); color: #fff; }
.btn-eaud:hover, .btn-eaud:focus { background: var(--eaud-azul-escuro); color: #fff; }
.btn-outline-eaud { color: var(--eaud-azul); border-color: var(--eaud-azul); }
.btn-outline-eaud:hover, .btn-outline-eaud:focus {
  background: var(--eaud-azul); color: #fff; }
.marca { color: var(--eaud-azul); }
.tela-anonima { min-height: 100vh; }
.card-anonimo { width: 24rem; max-width: 100%; }
.card-2fa { max-width: 34rem; }
.card-senha { max-width: 28rem; }
.coluna-tarefas { min-height: 12rem; }
.tabela-rolavel { overflow: auto; max-height: 70vh; }
/* Gráficos SVG do painel (gerados no servidor; cores só via classes) */
.grafico { width: 100%; height: auto; }
.grafico-donut { max-width: 170px; }
.gf-apurado, .gf-regra { fill: var(--eaud-azul); }
.gf-pago, .gf-parcela { fill: #93b6d6; }
.leg-apurado { color: var(--eaud-azul); }
.leg-pago { color: #93b6d6; }
.gf-vencida { fill: #dc3545; }
.gf-grade { stroke: #e3e8ee; stroke-width: 1; }
.gf-fundo { stroke: #eef1f5; }
.gf-texto { fill: #6c757d; font-size: 10px; }
.gf-total { fill: #343a40; font-size: 14px; font-weight: 700; }
.gf-sev-ALTA { stroke: #dc3545; color: #dc3545; }
.gf-sev-MEDIA { stroke: #fd7e14; color: #fd7e14; }
.gf-sev-BAIXA { stroke: #48769c; color: #48769c; }