@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ouw50eeq2n.bundle.scp.css';

/* /Components/Dialogs/DadosContaDialog.razor.rz.scp.css */
.dados-conta-carregando[b-8mzlqxuw4e] {
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.dados-conta[b-8mzlqxuw4e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dados-conta-perfil[b-8mzlqxuw4e] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.dados-conta-identificacao[b-8mzlqxuw4e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dados-conta-selos[b-8mzlqxuw4e] {
    display: flex;
    gap: 6px;
    margin-top: 6px;
}

.dados-conta-secao[b-8mzlqxuw4e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dados-conta-titulo-secao[b-8mzlqxuw4e] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Rotulo/valor em duas colunas; o valor quebra sem estourar a largura do dialogo. */
.dados-conta-lista[b-8mzlqxuw4e] {
    display: grid;
    grid-template-columns: 130px 1fr;
    row-gap: 8px;
    column-gap: 12px;
    margin: 0;
}

    .dados-conta-lista dt[b-8mzlqxuw4e] {
        color: var(--neutral-foreground-hint);
        font-size: var(--type-ramp-minus-1-font-size);
    }

    .dados-conta-lista dd[b-8mzlqxuw4e] {
        margin: 0;
        overflow-wrap: anywhere;
    }

.dados-conta-empresas[b-8mzlqxuw4e] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 160px;
    overflow-y: auto;
}

    .dados-conta-empresas li[b-8mzlqxuw4e] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 8px;
        border-radius: calc(var(--control-corner-radius) * 1px);
        background: var(--neutral-layer-2);
    }

.dados-conta-empresa-nome[b-8mzlqxuw4e] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dados-conta-empresa-cnpj[b-8mzlqxuw4e] {
    color: var(--neutral-foreground-hint);
    font-size: var(--type-ramp-minus-1-font-size);
    white-space: nowrap;
}

.dados-conta-aparencia[b-8mzlqxuw4e] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dados-conta-rotulo[b-8mzlqxuw4e] {
    font-weight: 600;
}

.dados-conta-ajuda[b-8mzlqxuw4e] {
    color: var(--neutral-foreground-hint);
    font-size: var(--type-ramp-minus-1-font-size);
    max-width: 260px;
}
/* /Components/Dialogs/DanfeViewerDialog.razor.rz.scp.css */
.danfe-viewer[b-k5me6mdyy0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    margin: -90px -30px;
}

.danfe-frame[b-k5me6mdyy0] {
    width: 100%;
    height: 95vh;
    border: none;
    border-radius: calc(var(--control-corner-radius) * 1.5px);
    background: var(--neutral-fill-input-rest);
}

.danfe-viewer-loading[b-k5me6mdyy0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 95vh;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-container[b-mewkiw1hjv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
    align-items: center;
    background: var(--accent-fill-rest);
}

.login-content[b-mewkiw1hjv] {
    margin-top: -20%;
}

.login-title[b-mewkiw1hjv] {
    color: var(--fill-color);
    font-size: 40px;
    margin-bottom: 25px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-kamq4jbjpd] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-kamq4jbjpd] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-filters[b-hz5bdeubo1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    background: var(--fill-color);
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
}

/* Os 5 cards cabem numa faixa so; abaixo de 1100px o grid quebra em 3 colunas e depois em 1,
   mesma ideia do .mon-kpis no Monitoramento. */
.dashboard-kpis[b-hz5bdeubo1] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

    .dashboard-kpis > *[b-hz5bdeubo1] {
        height: 100%;
    }

@media (max-width: 1100px) {
    .dashboard-kpis[b-hz5bdeubo1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .dashboard-kpis[b-hz5bdeubo1] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.metric-card[b-hz5bdeubo1] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 6px 4px;
}

.totalizers-container[b-hz5bdeubo1] {
    display: flex;
}

/* Cabecalho de secao com contador a direita do titulo — mesmo desenho do .mon-secao-titulo no
   Monitoramento, pra que as duas telas leiam igual. */
.dashboard-secao-titulo[b-hz5bdeubo1] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.dashboard-paginacao[b-hz5bdeubo1] {
    display: flex;
    justify-content: end;
    margin-top: 8px;
}

.dashboard-nota[b-hz5bdeubo1] {
    margin: 12px 0 0;
    font-size: var(--type-ramp-minus-2-font-size);
    line-height: 1.5;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-action[b-sbijyd2icn] {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.login-input[b-sbijyd2icn] {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
/* /Components/Pages/Monitoramento.razor.rz.scp.css */
/* Cores semanticas com fallback: os tokens do FluentUI existem em runtime, mas o fallback evita
   que uma barra fique invisivel se o tema nao expuser a variavel. */
.mon-toolbar[b-21wkfdhh8m] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mon-carregando[b-21wkfdhh8m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 60px 0;
}

/* ---------------------------------------------------------------- farol */

.mon-farol[b-21wkfdhh8m] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 14px 16px;
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
    border-left: 4px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    background: var(--fill-color);
}

    .mon-farol.operacional[b-21wkfdhh8m] {
        border-left-color: var(--success, #0e700e);
    }

    .mon-farol.atencao[b-21wkfdhh8m] {
        border-left-color: var(--warning, #bc4b09);
    }

    .mon-farol.critico[b-21wkfdhh8m] {
        border-left-color: var(--error, #d13438);
    }

.mon-farol-texto[b-21wkfdhh8m] {
    display: flex;
    flex-direction: column;
}

.mon-farol-titulo[b-21wkfdhh8m] {
    font-size: var(--type-ramp-plus-2-font-size);
    font-weight: 600;
    line-height: 1.2;
}

.mon-farol-sub[b-21wkfdhh8m],
.mon-farol-tempo-obs[b-21wkfdhh8m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.mon-farol-tempo[b-21wkfdhh8m] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: var(--type-ramp-minus-1-font-size);
}

/* ---------------------------------------------------------------- alertas */

.mon-alertas[b-21wkfdhh8m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.mon-alerta[b-21wkfdhh8m] {
    padding: 12px 14px;
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
    border-left: 4px solid var(--neutral-stroke-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    background: var(--fill-color);
}

    .mon-alerta.critico[b-21wkfdhh8m] {
        border-left-color: var(--error, #d13438);
    }

    .mon-alerta.atencao[b-21wkfdhh8m] {
        border-left-color: var(--warning, #bc4b09);
    }

    .mon-alerta.informativo[b-21wkfdhh8m] {
        border-left-color: var(--accent-fill-rest);
    }

.mon-alerta-cabecalho[b-21wkfdhh8m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.mon-alerta-titulo[b-21wkfdhh8m] {
    font-weight: 600;
    line-height: 1.3;
}

.mon-alerta-descricao[b-21wkfdhh8m],
.mon-alerta-acao[b-21wkfdhh8m] {
    margin: 0;
    font-size: var(--type-ramp-minus-1-font-size);
    line-height: 1.45;
}

.mon-alerta-descricao[b-21wkfdhh8m] {
    color: var(--neutral-foreground-hint);
    margin-bottom: 6px;
}

/* ---------------------------------------------------------------- indicadores */

/* Os oito indicadores cabem numa faixa so; abaixo de 1400px a linha unica espremeria demais os
   rotulos, entao o grid quebra em 4 e depois em 2 colunas. */
.mon-kpis[b-21wkfdhh8m] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 1400px) {
    .mon-kpis[b-21wkfdhh8m] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .mon-kpis[b-21wkfdhh8m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.mon-kpi[b-21wkfdhh8m] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    height: 100%;
    box-sizing: border-box;
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    background: var(--fill-color);
}

.mon-kpi-rotulo[b-21wkfdhh8m] {
    font-size: var(--type-ramp-minus-2-font-size);
    line-height: 1.35;
    letter-spacing: .02em;
    color: var(--neutral-foreground-hint);
}

.mon-kpi-valor[b-21wkfdhh8m] {
    font-size: var(--type-ramp-plus-1-font-size);
    font-weight: 600;
    line-height: 1.3;
}

.mon-kpi-obs[b-21wkfdhh8m] {
    font-size: var(--type-ramp-minus-2-font-size);
    line-height: 1.35;
    color: var(--neutral-foreground-hint);
}

/* ---------------------------------------------------------------- barras */

.mon-secao-titulo[b-21wkfdhh8m] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.mon-barra[b-21wkfdhh8m] {
    display: flex;
    width: 100%;
    height: 22px;
    overflow: hidden;
    border-radius: calc(var(--control-corner-radius) * 1px);
    background: var(--neutral-fill-input-rest);
}

.mon-barra-fina[b-21wkfdhh8m] {
    height: 12px;
}

.mon-barra-parte[b-21wkfdhh8m] {
    height: 100%;
    transition: width .25s ease;
}

.mon-fundo-sucesso[b-21wkfdhh8m] {
    background: var(--success, #0e700e);
}

.mon-fundo-erro[b-21wkfdhh8m] {
    background: var(--error, #d13438);
}

.mon-fundo-neutro[b-21wkfdhh8m] {
    background: var(--neutral-fill-strong-rest);
}

.mon-fundo-vazio[b-21wkfdhh8m],
.mon-barra-vazia[b-21wkfdhh8m] {
    background: var(--neutral-fill-input-rest);
    box-shadow: inset 0 0 0 1px var(--neutral-stroke-rest);
}

.mon-legenda[b-21wkfdhh8m] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.mon-ponto[b-21wkfdhh8m] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 2px;
}

/* ---------------------------------------------------------------- janela de envio */

.mon-janela[b-21wkfdhh8m] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.mon-janela-rotulo[b-21wkfdhh8m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.mon-janela-dias[b-21wkfdhh8m] {
    display: flex;
    gap: 4px;
}

.mon-dia[b-21wkfdhh8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    font-size: var(--type-ramp-minus-1-font-size);
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
    border-radius: calc(var(--control-corner-radius) * 1px);
    color: var(--neutral-foreground-hint);
}

    .mon-dia.passado[b-21wkfdhh8m] {
        background: var(--neutral-fill-input-rest);
    }

    .mon-dia.hoje[b-21wkfdhh8m] {
        background: var(--accent-fill-rest);
        border-color: var(--accent-fill-rest);
        color: var(--foreground-on-accent-rest);
        font-weight: 600;
    }

.mon-janela-obs[b-21wkfdhh8m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.mon-linhas[b-21wkfdhh8m] {
    margin-top: 14px;
    font-size: var(--type-ramp-minus-1-font-size);
}

    .mon-linhas > div[b-21wkfdhh8m] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 5px 0;
        border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
    }

        .mon-linhas > div:last-child[b-21wkfdhh8m] {
            border-bottom: none;
        }

        .mon-linhas > div > span[b-21wkfdhh8m] {
            color: var(--neutral-foreground-hint);
        }

/* ---------------------------------------------------------------- grafico de ingestao */

.mon-grafico[b-21wkfdhh8m] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 160px;
    padding-top: 8px;
}

.mon-grafico-coluna[b-21wkfdhh8m] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    min-width: 0;
}

.mon-grafico-barra[b-21wkfdhh8m] {
    width: 100%;
    min-height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--accent-fill-rest);
    transition: height .25s ease;
}

    .mon-grafico-barra.fds[b-21wkfdhh8m] {
        opacity: .45;
    }

    .mon-grafico-barra.zero[b-21wkfdhh8m] {
        background: var(--error, #d13438);
        opacity: .5;
    }

.mon-grafico-rotulo[b-21wkfdhh8m] {
    margin-top: 4px;
    height: 14px;
    font-size: 10px;
    white-space: nowrap;
    color: var(--neutral-foreground-hint);
}

/* ---------------------------------------------------------------- diversos */

.mon-nota[b-21wkfdhh8m] {
    margin: 12px 0 0;
    font-size: var(--type-ramp-minus-2-font-size);
    line-height: 1.5;
    color: var(--neutral-foreground-hint);
}

.mon-detalhe[b-21wkfdhh8m] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Pages/Notas.razor.rz.scp.css */
.filters-container[b-3f4lpxgpe0] {
    padding: 10px 10px 6px 10px;
    height: var(--card-height, 100%);
    width: var(--card-width, 100%);
    box-sizing: border-box;
    background: var(--fill-color);
    color: var(--neutral-foreground-rest);
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
    border-radius: calc(var(--layer-corner-radius) * 1px);
}

.top-filters[b-3f4lpxgpe0] {
    display: flex;
    gap: 15px;
}

.advanced-filters[b-3f4lpxgpe0] {
    display: none;
    gap: 15px;
    padding: 10px;
    max-height: 0;
    overflow: hidden;
}
    .advanced-filters.show[b-3f4lpxgpe0] {
        display: flex;
        align-items: end;
        max-height: 1000px;
        overflow: visible;
    }

.totalizers-container[b-3f4lpxgpe0] {
    display: flex;
}
/* /Components/Shared/DateRangePicker.razor.rz.scp.css */
.flex-container[b-81igrrn4z5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: -25px;
}

.row[b-81igrrn4z5] {
    display: flex;
    justify-content: space-around;
    gap: 10px;
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-w683rcrcml] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 32px 16px;
    box-sizing: border-box;
    color: var(--neutral-foreground-hint);
}

.empty-state-text[b-w683rcrcml] {
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    text-align: center;
    opacity: 0.3;
}
/* /Components/Shared/LineChart.razor.rz.scp.css */
.linechart-legenda[b-lor3o6qmeh] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 8px;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.linechart-ponto[b-lor3o6qmeh] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 2px;
}

/* aspect-ratio (nao "height" fixo) mantem a proporcao do viewBox (1000x260) em qualquer largura de
   card. Um height fixo com width fluido quase nunca bate com essa proporcao, e o <svg> sem
   preserveAspectRatio="none" teria que escolher entre distorcer (esticar circulo/texto de forma
   desigual em X e Y) ou sobrar espaco em branco — nenhum dos dois e' o que se quer aqui. */
.linechart-svg[b-lor3o6qmeh] {
    display: block;
    width: 100%;
    aspect-ratio: 1000 / 260;
}

.linechart-grade[b-lor3o6qmeh] {
    stroke: var(--neutral-stroke-divider-rest);
    stroke-width: 1;
}

.linechart-linha[b-lor3o6qmeh] {
    fill: none;
    stroke-width: 2;
}

.linechart-marcador[b-lor3o6qmeh] {
    transition: r .15s ease;
}

    .linechart-marcador:hover[b-lor3o6qmeh] {
        r: 5;
    }
/* /Components/Shared/TabPillGroup.razor.rz.scp.css */
.pill-tabs[b-hoap35t0rj] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--neutral-fill-input-rest);
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
    border-radius: calc(var(--control-corner-radius) * 1px);
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
}

.pill-tab[b-hoap35t0rj] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
    font-size: var(--type-ramp-base-font-size);
    line-height: var(--type-ramp-base-line-height);
    height: calc((var(--base-height-multiplier) - 2) * var(--design-unit) * 1px);
    padding: 0 16px;
    border-radius: calc(var(--control-corner-radius) * 1px);
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .15s ease, color .15s ease;
}

    .pill-tab:hover:not(.selected):not(:disabled)[b-hoap35t0rj] {
        background: var(--neutral-fill-stealth-hover);
    }

    .pill-tab.selected[b-hoap35t0rj] {
        background: var(--accent-fill-rest);
        color: var(--foreground-on-accent-rest);
    }

    .pill-tab.selected:hover:not(:disabled)[b-hoap35t0rj] {
        background: var(--accent-fill-hover);
    }

    .pill-tab:disabled[b-hoap35t0rj] {
        cursor: not-allowed;
        opacity: 0.5;
    }

    .pill-tab:focus-visible[b-hoap35t0rj] {
        outline: calc(var(--focus-stroke-width) * 1px) solid var(--focus-stroke-outer);
        outline-offset: 1px;
    }