/* Página Metodologia e relatório estático. Usa os tokens de painel.css (claro e escuro). */
.metodologia { max-width: 80ch; }
.metodologia p { margin: 0 0 .8rem; }
.metodologia h2 { margin-bottom: .6rem; }
.metodologia ul.itens { margin: 0 0 .8rem; padding-left: 1.2rem; columns: 22rem 2; column-gap: var(--esp-7); }
.metodologia ul.itens li { break-inside: avoid; margin-bottom: .3rem; }
.metodologia ul.itens li::marker { color: var(--tom-solido); }
/* ressalvas sobre os dados: cartão âmbar suave com contorno inteiro e ladrilho de ícone no título */
.metodologia .ressalvas { padding: 1.25rem var(--esp-6); background: var(--duvida-fundo-suave); border: 1px solid var(--duvida-borda); border-radius: var(--raio); }
.metodologia .ressalvas > h2 { display: flex; align-items: center; gap: .7rem; }
html.icones-ok .metodologia .ressalvas > h2::before { content: "\e069"; content: "\e069" / ""; flex: none; display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: .7rem; font-family: var(--fonte-icones);
  font-size: 1.2rem; font-weight: 400; line-height: 1; background: var(--duvida); color: var(--superficie); }
.metodologia .ressalvas ul.itens { columns: 1; }
.metodologia .ressalvas ul.itens li::marker { color: var(--duvida); }
.acoes-texto { display: flex; align-items: center; gap: var(--esp-3); margin: 0 0 var(--esp-4); }
#copiar-aviso { color: var(--texto-suave); font-size: var(--fs-md); }
#copiar-texto[hidden] { display: none; }

/* ===== Relatório estático (painel-relatorio): tema claro sempre, largura próxima de A4 ===== */
body.relatorio { background: var(--superficie); color: var(--texto); color-scheme: light; }
/* o relatório não tem o contêiner do painel: os matizes de partida (cobalto) vêm daqui, e os enfeites da tela ficam de fora */
.relatorio { --tom-tx: var(--tom-cobalto-tx); --tom-fundo: var(--tom-cobalto-fundo); --tom-borda: var(--tom-cobalto-borda); --tom-solido: var(--tom-cobalto-solido); --tom-solido-tx: var(--tom-cobalto-solido-tx); }
.relatorio main { max-width: 980px; margin: 0 auto; padding: var(--esp-6) var(--esp-5) var(--esp-8); }
.relatorio main::before, .relatorio main::after { display: none; }
.relatorio h1 { font-family: var(--fonte-leitura); font-size: var(--fs-2xl); margin-bottom: var(--esp-4); }
.relatorio h2 { font-size: var(--fs-xl); border-bottom: 1px solid var(--borda-forte); padding-bottom: .3rem; }
.relatorio h3 { margin-top: 1.1rem; }
.relatorio .cartao { box-shadow: none; }
.relatorio .indice { margin: 0 0 var(--esp-5); font-size: var(--fs-md); color: var(--texto-suave); }
.relatorio .banner { justify-content: center; }
.relatorio .mapa-caixa { max-width: 460px; margin: 0 auto; }
.relatorio table.achados { font-size: var(--fs-sm); }
.relatorio table.achados th { white-space: normal; }
.relatorio table.achados td { overflow-wrap: break-word; padding: var(--esp-2) .55rem; }
.relatorio table.achados { font-size: var(--fs-sm); table-layout: auto; width: 100%; }
.relatorio table.achados th:nth-child(1) { min-width: 5.5rem; } .relatorio table.achados th:nth-child(2) { min-width: 5.5rem; }
.relatorio table.achados th:nth-child(4) { min-width: 9rem; width: 28%; }
.relatorio table.achados th:nth-child(5) { min-width: 7rem; } .relatorio table.achados th:nth-child(6) { min-width: 7.5rem; }
.relatorio table.achados tbody tr:hover { background: none; }
.relatorio table.achados tr.grupo-uf th { background: var(--acento-fundo); color: var(--texto); font-size: var(--fs-md); text-transform: none; letter-spacing: 0; padding: .4rem .6rem; }
.relatorio table.achados td .selo { white-space: normal; border-radius: var(--raio-md); }
.relatorio table.achados blockquote { margin: 0; padding: .3rem .6rem; }
.relatorio table.achados td.fonte-celula { overflow-wrap: anywhere; }
.ver-ok { color: var(--ok); font-weight: 700; }
.aviso-nv { display: inline-block; font-weight: 700; color: var(--alerta); background: var(--alerta-fundo); border: 1px solid var(--alerta);
  border-radius: var(--raio-sm); padding: .1rem .45rem; }
.relatorio table.achados tr.nv td { background: var(--alerta-fundo-suave); }
.relatorio .gerado { color: var(--texto-suave); font-size: var(--fs-md); }
.relatorio .metodologia { max-width: none; }
.relatorio .duas-colunas.funil-progresso { gap: var(--esp-4); }
@media print {
  body.relatorio { font-size: 11pt; }
  .relatorio main { max-width: none; padding: 0; }
  .relatorio .cartao { border: 0; padding: 0; break-inside: auto; margin-bottom: var(--esp-4); }
  .relatorio tr, .relatorio blockquote, .relatorio .kpi, .relatorio svg { break-inside: avoid; }
  .relatorio .uf-titulo, .relatorio h2, .relatorio h3 { break-after: avoid; }
  .relatorio .indice { display: none; }
  .relatorio a { color: inherit; }
}
.relatorio table.achados td a { overflow-wrap: anywhere; }
.relatorio svg.grafico { max-width: 680px; }