/* ===== Fase 16: DRE. Reaproveita a matriz fx-* da Fase 15; aqui só o que é da DRE. Só tokens. ===== */
.dre-bloco { background: var(--card); border: 1px solid var(--borda); border-radius: var(--radius); box-shadow: var(--sombra-card); }
.fx-status:empty { display: none; }
.dre-abas { margin: 0; padding: 0 var(--sp-3); }
.dre-abas button:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: -2px; }
.dre-painel { position: relative; }
.dre-interno { position: relative; }
.fx-grid .dre-n1 th { padding-left: var(--sp-2); font-weight: 600; }
.fx-grid .dre-n2 th { padding-left: var(--sp-4); }
.fx-grid .dre-n3 th { padding-left: var(--sp-5); }
.fx-grid .dre-n4 th { padding-left: var(--sp-6); }
.fx-grid .dre-sint th, .fx-grid .dre-sint td { background: var(--bg-alt); font-weight: 600; }
.fx-grid .dre-subtotal th, .fx-grid .dre-subtotal td { background: var(--cor-primaria-suave); font-weight: 700; color: var(--cor-primaria-escura); }
.fx-grid .dre-resultado th, .fx-grid .dre-resultado td { background: var(--cor-primaria-suave); font-weight: 700; color: var(--cor-primaria-escura); border-top: 2px solid var(--cor-primaria); }
.fx-grid .dre-subtotal .neg, .fx-grid .dre-resultado .neg { color: var(--erro-escura); }
.rs-pct { text-align: right; font-size: 0.8125rem; font-variant-numeric: tabular-nums; color: var(--text-secundario); padding: var(--sp-1) var(--sp-2); white-space: nowrap; }
.rs-nota { margin-top: var(--sp-3); font-size: 0.75rem; color: var(--muted); }