/* /Componentes/PICard.razor.rz.scp.css */
.pi-card[b-0mmc1y9z3g] {
    border-radius: var(--mud-default-borderradius, 12px);
    transition: box-shadow 160ms ease, transform 160ms ease;
    overflow: hidden;
}

.pi-card:hover[b-0mmc1y9z3g] {
    transform: translateY(-1px);
}

.pi-card-header[b-0mmc1y9z3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px 8px 24px;
}

.pi-card-header-main[b-0mmc1y9z3g] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pi-card-icon[b-0mmc1y9z3g] {
    flex-shrink: 0;
}

.pi-card-actions[b-0mmc1y9z3g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pi-card-body[b-0mmc1y9z3g] {
    padding: 8px 24px 24px 24px;
}

.pi-card-divider[b-0mmc1y9z3g] {
    margin: 0 24px;
}

.pi-card-footer[b-0mmc1y9z3g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 24px;
}
/* /Componentes/Tela/PIActionBar.razor.rz.scp.css */
/* O estilo de .pi-action-bar foi movido para Style inline em PIActionBar.razor. Uma regra ::deep aqui
   nunca teria efeito: a raiz do componente é <MudPaper>, um componente filho, não um elemento HTML
   deste arquivo, então o Blazor não tem onde aplicar o atributo de escopo do CSS isolado (nem no
   elemento nem em nenhum ancestral) - a regra ficaria morta, sem nunca casar com nada. */
/* /Componentes/Tela/PIListaItemResumo.razor.rz.scp.css */
.pi-lista-item-resumo[b-cbmrp3ep8g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.pi-lista-item-resumo-principal[b-cbmrp3ep8g] {
    overflow: hidden;
}

.pi-lista-item-resumo-direita[b-cbmrp3ep8g] {
    text-align: right;
    flex-shrink: 0;
}
/* /Pages/Fiscal/NFSe/CpNFSe.razor.rz.scp.css */
/* ::deep necessário — MudListItem é componente filho, não elemento HTML deste arquivo; sem
   ::deep o CSS isolado do Blazor não alcança a div que ele renderiza. */
[b-8frpctt3mw] .pi-nfse-item {
    border-radius: var(--mud-default-borderradius, 12px);
    margin-bottom: 4px;
}
/* /Pages/MDI/LoginControl.razor.rz.scp.css */
/* position:fixed cobre a tela inteira mesmo com o LoginControl sendo renderizado dentro do
   MainLayout (o <LoginControl /> em App.razor é referenciado como componente filho comum, não
   via navegação de rota — @layout LoginLayout só é respeitado quando o Blazor resolve a página
   pelo roteador, então o menu lateral do MainLayout fica por trás disso aqui). */
.login-page[b-vg65641ivb] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: var(--mud-palette-background);
    background-image: radial-gradient(circle at 15% 15%, rgba(var(--mud-palette-primary-rgb), 0.14) 0%, transparent 45%),
                       radial-gradient(circle at 85% 85%, rgba(var(--mud-palette-primary-rgb), 0.12) 0%, transparent 40%);
    background-repeat: no-repeat;
}

/* ::deep é necessário porque .login-card é aplicada num <MudPaper> (componente filho, não
   elemento HTML do próprio arquivo) — sem ::deep o CSS isolado do Blazor não alcança a div
   renderizada por dentro do MudPaper, e o card fica sem max-width. */
[b-vg65641ivb] .login-card {
    width: 100%;
    max-width: 420px;
    padding: 40px 36px;
}

.login-logo[b-vg65641ivb] {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

/* O PITecLogo.jpeg tem fundo branco sólido (é .jpeg, não tem transparência) — em vez de deixar
   um retângulo branco "vazando" em cima do card navy, assume o branco como um selo proposital. */
.login-logo-badge[b-vg65641ivb] {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 14px 22px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    line-height: 0;
}

.login-logo img[b-vg65641ivb] {
    max-width: 160px;
    height: auto;
    display: block;
}

/* O navegador pinta de amarelo/azul os campos que ele reconhece como usuário/senha salvos
   (autofill) — isso é comportamento do Chrome/Edge, não do MudBlazor. Força a manter a cor
   do tema em vez da cor padrão do autofill. */
[b-vg65641ivb] input:-webkit-autofill,
[b-vg65641ivb] input:-webkit-autofill:hover,
[b-vg65641ivb] input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--mud-palette-surface) inset !important;
    -webkit-text-fill-color: var(--mud-palette-text-primary) !important;
    caret-color: var(--mud-palette-text-primary) !important;
    transition: background-color 5000s ease-in-out 0s;
}
/* /Pages/Tabela/Cliente/CpCliente.razor.rz.scp.css */
[b-dj3op4uegw] .pi-cliente-item {
    border-radius: var(--mud-default-borderradius, 12px);
    margin-bottom: 4px;
}
/* /Pages/Tabela/Empresa/CpEmpresa.razor.rz.scp.css */
/* ::deep necessário — MudListItem é componente filho, não elemento HTML deste arquivo; sem
   ::deep o CSS isolado do Blazor não alcança a div que ele renderiza. */
[b-qbjsc5lhej] .pi-empresa-item {
    border-radius: var(--mud-default-borderradius, 12px);
    margin-bottom: 4px;
}
/* /UI-Modernization/Examples/ExampleFormPage.razor.rz.scp.css */
.modern-actionbar[b-3jj2wcy7ye] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    margin-top: 24px;
    border-radius: var(--mud-default-borderradius, 12px);
}