/*
    PAGE-OVERRIDES.CSS — HACKS DE PÁGINAS ESPECÍFICAS (global por necessidade)
    Regras que miram MudDialog/overlay renderizados na RAIZ do DOM — fora da
    árvore do componente, onde CSS isolado (.razor.css) não alcança. Um bloco
    comentado por página. Tokens ficam em variables.css; utilitários em app.css.
*/

/* ============================================================
   Wizard Nota Fiscal de Entrada (ImportacaoXMLWizard)
   Evita painel/borda branca atrás do dialog fullscreen.
   ============================================================ */
.wizard-nota-entrada-dialog.mud-dialog-container,
.wizard-nota-entrada-dialog .mud-dialog-container {
    background: transparent !important;
    padding: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
.wizard-nota-entrada-dialog .mud-dialog,
.wizard-nota-entrada-dialog.mud-dialog {
    background: transparent !important;
    box-shadow: none !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
    border: none !important;
}
.wizard-nota-entrada-dialog .mud-dialog-surface,
.wizard-nota-entrada-dialog .mud-paper {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.wizard-nota-entrada-dialog .mud-dialog-content {
    padding: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}
/* Backdrop do dialog: escurece a lista por baixo, evita “vazamento” de fundo claro */
.mud-overlay.wizard-nota-entrada-dialog,
.wizard-nota-entrada-dialog.mud-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
}

/* ============================================================
   Fluxo de Caixa (FluxoCaixaPage) — árvore de agrupamentos
   ============================================================ */

/* Fluxo Caixa Tree: compactar grupos fechados e reduzir fonte do titulo */
.fluxo-tree-root .fluxo-tree-group-panel:not(.mud-panel-expanded) > .mud-expand-panel-header {
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 0.30rem !important;
}

.fluxo-tree-root .fluxo-tree-group-panel.mud-panel-expanded > .mud-expand-panel-header {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 0.34rem !important;
}

.fluxo-tree-root .fluxo-tree-group-panel > .mud-expand-panel-header .mud-expand-panel-text,
.fluxo-tree-root .fluxo-tree-group-panel > .mud-expand-panel-header .mud-expand-panel-text .mud-typography {
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
}

.fluxo-tree-root .fluxo-tree-group-panel > .mud-expand-panel-header .mud-expand-panel-icon {
    font-size: 2rem !important;
}

/* Fluxo Caixa Tree: destaque no hover dos agrupamentos */
.fluxo-tree-root .fluxo-tree-group-panel > .mud-expand-panel-header {
    border-radius: 6px;
    border: 1px solid transparent;
    transition: background 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.fluxo-tree-root .fluxo-tree-group-panel:hover > .mud-expand-panel-header {
    background: linear-gradient(90deg, rgba(25, 118, 210, 0.20), rgba(25, 118, 210, 0.08)) !important;
    box-shadow: inset 0 0 0 1px rgba(25, 118, 210, 0.36) !important;
    border-color: rgba(25, 118, 210, 0.45) !important;
}

/* Fluxo Caixa Tree: fontes das contas dentro dos agrupamentos */
.fluxo-tree-root .fluxo-tree-item-text {
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.fluxo-tree-root .fluxo-tree-item-saldo {
    font-size: 11px !important;
    line-height: 1.3 !important;
}