/* Login screen — reuses the tokens and .inp/.btn/.field from style.css */
body.login-page{min-height:100vh;background:var(--bg);display:block}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.login-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--r-lg);
  box-shadow:var(--sh-md);padding:30px 28px 22px}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.login-logo{width:46px;height:46px;border-radius:14px;object-fit:contain;background:var(--mint)}
.login-brand h1{font-size:15px;font-weight:700;line-height:1.35;color:var(--ink)}
.login-brand p{font-size:11.5px;color:var(--ink-3);font-family:var(--font-en);margin-top:2px}
.login-card h2{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--ink)}
.login-note{font-size:12.5px;line-height:1.8;color:var(--ink-2);margin:-6px 0 14px}
.pw-wrap{position:relative}
.pw-wrap .inp{padding-inline-end:64px}
.pw-toggle{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);
  border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:11.5px;
  font-weight:600;padding:6px 8px;border-radius:8px;cursor:pointer}
.pw-toggle:hover{background:var(--surface-3)}
.login-submit{margin-top:6px;padding:11px 16px;font-size:14px}
.login-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--r-sm);
  padding:9px 12px;font-size:12.5px;font-weight:600;margin-bottom:10px}
.login-foot{margin-top:18px;font-size:11px;color:var(--ink-3);text-align:center}
#changeForm .btn-ghost{margin-top:6px}