/* Sign-in page: the badge band colours, one centred card. Builds on app.css tokens. */
.login-body{background:var(--band);min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.login-wrap{width:100%;max-width:400px;padding-block:32px}
.login-card{background:var(--surface);color:var(--ink);border-radius:16px;padding:28px 24px;display:grid;gap:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);
  border:6px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),radial-gradient(circle,var(--bulb) 2.2px,transparent 2.6px);
  background-origin:border-box;background-clip:padding-box,border-box;background-size:auto,12px 12px}
.login-card .kicker{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.06em;color:var(--muted)}
.login-card h1{font-size:2.1rem;font-weight:800;letter-spacing:-.02em}
.login-card h1 em{font-style:normal;color:var(--accent)}
.login-card .lede{color:var(--muted)}
.login-form{display:grid;gap:12px}
.login-form .btn{justify-content:center;padding:10px 14px;font-size:1rem}
.err{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:8px 12px;font-weight:600;font-size:.9rem}
.login-form input[type=password]{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:8px 10px;font-size:.92rem;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink);min-width:0}