/* Login page on theme.css (SPEC §8): cream page, one theme card in the middle (.tk = 22px · 1.5px line · 3px base),
   the shell's coral brand, the orders page's .b-main for [Google로 로그인]. Placement only; looks come from theme.css. */
body.login{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--x-bg);padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}
.login-card{width:min(100%,400px);padding:28px 24px 24px;gap:0;cursor:default}
.login-brand{margin:0;font-size:17px;line-height:24px;font-weight:600;color:var(--x-accent)}
.login-brand span{font-size:13px;font-weight:400;color:var(--x-muted)}
.login-card h1{margin:36px 0 10px;font-size:26px;line-height:32px;font-weight:700;letter-spacing:-0.01em}
.login-card p[role=status]{margin:0;font-size:16px;line-height:24px}
.login-button{display:flex;align-items:center;justify-content:center;width:100%;margin:24px 0 4px;text-decoration:none;line-height:normal;letter-spacing:normal}
.login-card form{margin:0;text-align:center}
.login-reset{font:inherit;font-size:15px;font-weight:500;color:var(--x-muted);cursor:pointer}
.login-help{margin:20px 0 0}
.login-button:focus-visible,.login-reset:focus-visible{outline:2px solid var(--x-accent);outline-offset:2px}
@media(max-width:1023.98px){.login-card{padding:24px 20px 20px}.login-card h1{margin-top:28px;font-size:20px;line-height:28px}}

/* brand: fan-deck logo, wordmark in ink (currentColor) */
.login-brand{display:flex;align-items:center;gap:10px}
.login-brand .brand-logo{display:block;height:30px;width:auto;color:var(--x-ink)}