.login-body{display:grid;place-items:center;min-height:100vh;background:linear-gradient(160deg,#17243a 0,#1f3355 55%,#24406b 100%)}
.login-shell{width:min(420px,92vw);padding:24px 0}
.login-card{background:#fff;border-radius:var(--radius);padding:30px 28px 28px;box-shadow:0 30px 80px #0a132555;display:flex;flex-direction:column}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.login-brand .brand-mark{background:var(--navy);color:#fff}
.login-brand strong,.login-brand span{display:block}
.login-brand span{font-size:12px;color:var(--muted);margin-top:2px}
.login-card h1{font-size:24px;letter-spacing:-.03em;margin:0 0 6px}
.login-intro{margin:0 0 22px;color:var(--muted);font-size:14px}
.login-card label{font-weight:700;font-size:13px;margin-bottom:7px}
.login-card input{width:100%;margin-bottom:16px}
.login-card button{margin-top:6px}
.login-error{margin:0 0 14px;padding:11px 13px;border-radius:10px;background:#ffebea;color:var(--red);font-size:13px;font-weight:600}

.session-box{display:flex;align-items:center;gap:10px;font-size:13px;color:#d5dce7}
.session-box #session-user{font-weight:700;color:#fff}
.logout-button{background:#2b3f60;color:#fff;padding:8px 13px;font-size:12px}
.logout-button:hover{background:#35507a;filter:none}
@media(max-width:600px){.session-box #session-user{display:none}}

/* Diálogo de cambio de contraseña */
#password-dialog{width:min(430px,92vw)}
.password-form{padding:22px 25px 25px;display:flex;flex-direction:column}
.password-intro{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5}
.password-form label{font-weight:700;font-size:13px;margin-bottom:7px}
.password-form input{width:100%;margin-bottom:16px}
.password-hint{margin:0 0 14px;color:var(--muted);font-size:12px}
.password-form .form-actions{margin-top:4px}