/* Pantalla de ingreso: se ve sola, sin menú ni barra superior. */
body[data-screen=login] .sidebar,body[data-screen=login] .topbar,body[data-screen=login] footer,body[data-screen=login] #mobile-nav{display:none}
body[data-screen=login] .workspace{margin-left:0}
body[data-screen=login] main{min-height:100vh;display:grid;place-items:center;padding:32px 16px}
.login{width:100%;max-width:420px}
.login-card{background:white;border:1px solid var(--line);border-radius:22px;padding:36px 32px;box-shadow:0 14px 30px #071b9d14;position:relative;overflow:hidden}
.login-card:before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--blue) 0 70%,var(--sky) 70%)}
.login-logo{display:block;width:120px;height:48px;object-fit:contain;object-position:left;margin-bottom:26px}
.login-card h1{font-size:26px;letter-spacing:-.8px}
.login-card .subtitle{font-size:13px;color:var(--muted);margin-top:6px}
.login-demo{display:inline-block;margin-top:16px;font-size:11px;font-weight:700;color:var(--blue);background:#e8f7fd;border:1px solid #bfe9fa;border-radius:8px;padding:6px 10px}
#login-form{display:grid;margin-top:24px}
#login-form label{font-size:12px;font-weight:700;margin:14px 0 6px}
#login-form input{border:1px solid var(--line);background:var(--page);border-radius:10px;padding:14px;font-size:15px;min-height:48px}
#login-form input:focus-visible{outline:3px solid #2395bd;outline-offset:1px;background:white}
.login-error{min-height:20px;margin-top:12px;font-size:12px;color:#b3261e;line-height:1.5}
#login-form .btn{margin-top:8px;width:100%;font-size:14px}
#login-form .btn:disabled{opacity:.7;cursor:progress}
.logout-btn{margin-top:18px}
.side-logout{display:block;margin-top:18px;font-size:12px;padding:0}
@media(max-width:800px){.login-card{padding:30px 22px}}