/* Classificação fiscal (/importacao/fiscal, BKL-1185). Cor só por token: os dois temas vêm de graça.
   Protótipo: docs/design/prototipos/2026-11-02-importacao-fiscal.html. As abas usam .ficha-painel. */
.fiscal-pagina { display: flex; flex-direction: column; gap: 10px; }

.fiscal-indicadores { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.fiscal-kpi {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.fiscal-kpi:hover .indicador,
.fiscal-kpi:focus-visible .indicador { border-color: var(--bmd-action); }
.fiscal-kpi--fixo { cursor: default; }

.fiscal-selos { display: flex; flex-wrap: wrap; gap: 4px; }
.fiscal-nota-celula {
    display: block;
    color: var(--bmd-fg-muted);
    font-size: var(--bmd-fs-rotulo);
}
.fiscal-texto-botao { text-align: left; white-space: normal; }

.fiscal-apoio-janela { margin: 0 0 8px; }
.fiscal-aliquotas { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.fiscal-aliquota {
    padding: 6px 8px;
    border: 1px solid var(--biomed-border);
    border-radius: 6px;
}
.fiscal-aliquota span {
    display: block;
    color: var(--bmd-fg-muted);
    font-size: var(--bmd-fs-rotulo);
    font-weight: 600;
}
.fiscal-aliquota b { font-variant-numeric: tabular-nums; }
.fiscal-aviso { margin: 10px 0 0; }
.fiscal-subtitulo { margin-top: 14px; font-size: 14px; }
.fiscal-fundamentos { margin: 0; padding: 0; list-style: none; }
.fiscal-fundamentos li { padding: 4px 0; border-bottom: 1px solid var(--biomed-border); }

@media (max-width: 900px) {
    .fiscal-indicadores { grid-template-columns: repeat(2, 1fr); }
    .fiscal-aliquotas { grid-template-columns: repeat(3, 1fr); }
}