/* shared by login, invite and team pages */
body.auth { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
body.auth > form, body.auth > div { width: 100%; max-width: 380px; }
body.auth h1 { font-size: 38px; max-width: none; margin-bottom: 8px; }
body.auth .lede { margin: 0 0 26px; }
body.auth label { display: block; font-size: 13.5px; color: var(--ink-2); margin: 16px 0 6px; }
body.auth input { width: 100%; min-height: 48px; padding: 0 14px; font: inherit; color: var(--ink); background: var(--raised); border: 1px solid var(--line); border-radius: 10px; }
body.auth input:focus-visible { outline-offset: 0; border-color: var(--signal); }
body.auth input[readonly] { color: var(--muted); }
body.auth .btn-primary { width: 100%; margin-top: 22px; min-height: 48px; }
body.auth .err { color: var(--live); font-weight: 600; margin-top: 14px; }
body.auth .hint { color: var(--muted); font-size: 13px; margin-top: 8px; }