/* =====================================================================
   Protótipo do Estoque · Tela de entrada (escolha do perfil)
   ===================================================================== */

.e-login {
    height: 100%;
    display: grid; place-items: center;
    padding: 1.2rem;
    overflow: auto;
    background:
        radial-gradient(40rem 20rem at 85% 110%, rgba(181, 8, 8, .12), transparent 70%),
        var(--p-fundo);
}
.e-login-caixa {
    width: min(400px, 100%);
    display: grid; gap: .75rem;
    padding: 1.5rem 1.4rem;
    background: #fff; border: 1px solid var(--p-borda); border-radius: 12px; box-shadow: var(--p-sombra-g);
}
.e-login-caixa img { width: 170px; }
.e-login-caixa h4 { font-size: 1.1rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; margin-bottom: .2rem; }
.e-login-perfis { display: grid; gap: .35rem; }
.e-login-perfil {
    display: grid; grid-template-columns: auto 1fr; column-gap: .55rem; align-items: center;
    padding: .5rem .65rem; border: 1px solid var(--p-borda-forte); border-radius: 8px; cursor: pointer;
    transition: border-color .15s, background-color .15s;
}
.e-login-perfil input { grid-row: span 2; accent-color: var(--p-vermelho); margin: 0; }
.e-login-perfil strong { font-size: .82rem; color: var(--p-preto); }
.e-login-perfil span { font-size: .7rem; color: var(--p-cinza); }
.e-login-perfil:has(input:checked) { border-color: var(--p-vermelho); background: var(--p-vermelho-claro); }
.e-login-entrar { padding: .7rem 1rem; font-size: .82rem; }
.e-login-ajuda, .e-login-nota { font-size: .72rem; color: var(--p-cinza); text-align: center; }
.e-login-nota { color: var(--p-vermelho); font-weight: 500; }