/* SR Zones · pantalla de entrada del panel web */
body.login-page{overflow:auto;display:grid;place-items:center;min-height:100%;padding:24px 16px;
  background:radial-gradient(900px 480px at 50% -10%,rgba(20,184,154,.10),transparent 70%),var(--bg)}
.login{width:min(380px,100%)}
.login-brand{display:flex;align-items:center;gap:11px;margin:0 2px 18px}
.login-brand .brand-mark{width:34px;height:34px;border-radius:8px;background:var(--accent);position:relative;flex:none}
.login-brand .brand-mark::before,.login-brand .brand-mark::after{content:"";position:absolute;left:8px;right:8px;height:3px;border-radius:2px;background:var(--on-accent)}
.login-brand .brand-mark::before{top:10px}.login-brand .brand-mark::after{bottom:10px}
.login-brand b{display:block;font-size:16px;letter-spacing:.01em}
.login-brand span{display:block;font-size:11.5px;color:var(--muted)}
.login-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px 22px 20px;box-shadow:0 24px 60px var(--shadow)}
.login-card h1{margin:0 0 4px;font-size:17px;font-weight:650}
.login-sub{margin:0 0 18px;color:var(--muted);font-size:12.5px;line-height:1.5}
.login-card label{font-size:12px;margin-bottom:14px}
.login-card input{padding:10px 11px;font-size:14px}
.login-card .primary{padding:10px 12px;font-size:14px;margin-top:4px}
.login-msg{font-size:12.5px;line-height:1.45;border-radius:6px;padding:8px 10px;margin:0 0 12px;border:1px solid var(--line2);color:var(--muted)}
.login-msg.bad{color:var(--neg-t);border-color:rgba(246,70,93,.45);background:rgba(246,70,93,.08)}
.login-msg[hidden]{display:none}
.login-foot{margin:14px 4px 0;color:var(--dim);font-size:11.5px;line-height:1.5;text-align:center}
[hidden]{display:none!important}