/* Login (Auth/Login, Layout = null): fundo do DS, card reto com borda 2px, Archivo, botão primário verde. */

.login-page { min-height: 100vh; margin: 0; background: var(--color-bg); color: var(--color-text); }
.login-shell { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--space-8) var(--space-4); }
.login-panel { width: min(100%, 420px); }

.login-brand { display: flex; align-items: center; justify-content: center; gap: var(--space-3); margin-bottom: var(--space-6); text-decoration: none; color: var(--color-text); }
.login-brand img { width: 190px; height: auto; border-radius: 20px; box-shadow: 0 16px 24px rgba(0, 63, 52, 0.12); }

.login-card { background: var(--color-bg); border: 2px solid var(--color-divider); border-radius: 0; box-shadow: none; padding: var(--space-8) var(--space-6); }
.login-heading { margin-bottom: var(--space-6); }
.login-heading h1 { margin: 0; font-size: 28px; }
.login-heading p { margin: var(--space-2) 0 0; color: var(--color-muted); font-size: 14px; }

.login-card .field + .field { margin-top: var(--space-4); }
.login-card .input { min-height: 44px; font-size: 16px; }
.login-card .btn-entrar { width: 100%; justify-content: center; margin-top: var(--space-6); --bs-btn-padding-y: 12px; --bs-btn-font-size: 16px; }
.login-erro { margin-bottom: var(--space-4); }

@media (max-width: 480px) {
  .login-card { padding: var(--space-6) var(--space-4); }
}
/* "Manter conectado": marcado por padrão (o admin é usado no celular o dia inteiro). */
.login-card .login-manter { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-4); font-size: 14px; cursor: pointer; }
.login-card .login-manter input { width: 18px; height: 18px; accent-color: var(--color-accent-700); }