/* Página Classificadores: usa os tokens de painel.css (claro e escuro). A matriz de confusão marca acertos e erros por cor, contorno inteiro e posição (a diagonal), nunca só por cor. */
.filtros.escolha { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.filtros.escolha select { max-width: 100%; }
.nao-calculado { color: var(--texto-suave); font-style: italic; }
.kpis-pares { margin: var(--esp-4) 0 var(--esp-3); }

table.matriz { width: auto; min-width: 22rem; margin-bottom: var(--esp-2); border-spacing: .3rem; }
table.matriz caption { text-align: left; color: var(--texto-suave); font-size: var(--fs-sm); padding-bottom: .35rem; }
table.matriz th, table.matriz td { border-bottom: 0; }
table.matriz td { font-size: var(--fs-xl); font-weight: 700; min-width: 9rem; text-align: center; border-radius: var(--raio-md); background: var(--superficie-subtil); box-shadow: inset 0 0 0 1px var(--borda); }
table.matriz td.acerto { background: var(--ok-fundo); color: var(--ok); box-shadow: inset 0 0 0 1px var(--inclusao-borda); }
table.matriz td.erro { background: var(--alerta-fundo); color: var(--alerta); box-shadow: inset 0 0 0 1px var(--duvida-borda); }
table.matriz tbody tr:hover { background: transparent; }

table.divergencias td.quebra { overflow-wrap: anywhere; min-width: 12rem; max-width: 22rem; }
table.divergencias td.achados-links { white-space: nowrap; }
.filtros.escolha .botao { justify-self: start; }