/* Tela de login - usa as mesmas variaveis do tema (assets/css/tema.css). */
body.login {
    background: linear-gradient(135deg, var(--sidebar-bg), color-mix(in srgb, var(--marca) 35%, var(--sidebar-bg)) 60%, var(--marca));
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    margin: 0; padding: 20px;
}
.login-card { width: 100%; max-width: 60rem; }
.login .marca-lado { background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.12), transparent 60%), var(--sidebar-bg); color: #fff; }
.login .icone { font-size: 4.5rem; color: var(--destaque); }
.login .ilustracao-login { width: 10rem; height: auto; color: #fff; }