/* login-auth.css: minimal overlay to cover the UI until login */
.login-overlay{position:fixed;inset:0;background:rgba(7,10,18,.92);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:9999}
.login-card{width:min(440px,92vw);background:#111826;border:1px solid #26324d;border-radius:18px;padding:24px;color:#eef2ff;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.login-card h1{margin:0 0 6px 0;font-size:22px}
.login-card p{margin:0 0 18px 0;color:#9aa3b2}
.login-card label{display:block;font-size:14px;margin:10px 0 6px;color:#cbd5e1}
.login-card input{width:100%;background:#0d1422;color:#eef2ff;border:1px solid #24324d;padding:12px;border-radius:10px}
.login-card button{margin-top:14px;width:100%;padding:12px 14px;border-radius:10px;border:none;background:linear-gradient(90deg,#4f46e5,#22d3ee);color:#fff;font-weight:600;cursor:pointer}
.login-error{margin-top:10px;color:#fecaca;background:#450a0a;border:1px solid #7f1d1d;padding:10px;border-radius:8px}
.user-flyout{position:fixed;top:10px;right:10px;background:#0b0f1a;color:#eef2ff;border:1px solid #26324d;padding:8px 12px;border-radius:10px;z-index:9999;display:none;gap:8px;align-items:center}
.user-flyout button{background:transparent;border:1px solid #334155;color:#eef2ff;padding:6px 10px;border-radius:8px;cursor:pointer}
.user-flyout a{color:#a5b4fc;text-decoration:none}
.user-flyout a:hover{text-decoration:underline}
/* PW overlay helpers */
.pw-input{ position:relative; }
.pw-input input{ padding-right:40px; }
.pw-toggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06);
  color:#e6edff; width:32px; height:32px; border-radius:8px; cursor:pointer;
}
.pw-toggle:hover{ background:rgba(255,255,255,.12); }
.remember-line input{ width:16px; height:16px; accent-color:#60a5fa; }