/* =========================================================================
   AUTH PAGES — standalone screens outside the admin shell
   (login, invite, forgot/reset password). Tokens come from backend.css.
   ========================================================================= */
/* height:auto overrides backend.css height:100% so a tall card scrolls instead of being clipped */
body{height:auto;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);padding:24px}
/* Body is the centering grid, so nodes injected by browser extensions become extra rows and shove the card off-centre after load — pin every child into the single cell. */
body>*{grid-area:1/1}

.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--sh-2);padding:32px}
.auth-card-wide{max-width:420px}

.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}
.auth-logo{height:24px;width:auto;display:block}
.auth-sub{color:var(--ink-2);font-size:13px;margin:0 0 22px;text-align:center}

.auth-row{display:flex;gap:12px}
.auth-row .auth-field{flex:1}
.auth-field{margin-bottom:14px}
.auth-field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.auth-field input{width:100%;border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--ink);background:var(--surface);transition:border-color .12s,box-shadow .12s}
.auth-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.auth-field input[readonly]{background:var(--bg);color:var(--ink-2)}
.auth-optional{color:var(--ink-3);font-weight:400}

/* Layout only — the control itself is the shared .swtog switch (backend.css). */
.auth-remember{color:var(--ink-2);margin-bottom:18px}
.auth-btn{width:100%;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:11px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s;margin-top:4px}
.auth-btn:hover{background:var(--accent-ink)}

.auth-links{margin-top:16px;text-align:center;font-size:13px}
.auth-links a{color:var(--accent-ink);text-decoration:none;font-weight:500}

.auth-msg{border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:16px}
.auth-msg.err{background:var(--danger-soft);color:var(--danger)}
.auth-msg.ok{background:var(--ok-soft);color:#0d7a4f}