/* ── 로그인 · 처음 설정 ─ 보드(app.css)의 색을 그대로 쓴다 ── */
/* 열을 minmax(0,360px) 로 둔다. auto 열은 카드 글자 폭(약 357px)까지 늘어 360px 휴대폰에서 오른쪽이 잘렸다 */
body.auth{display:grid;grid-template-columns:minmax(0,360px);justify-content:center;place-items:center;
  min-height:100vh;min-height:100dvh;padding:24px 16px}
.auth-card{width:100%;max-width:360px;padding:26px 22px;border-radius:12px;background:var(--cell)}
.auth-card h1{margin:0 0 6px;font-size:20px;font-weight:700}
.auth-sub{margin:0 0 18px;color:var(--mut);font-size:13px;line-height:1.5}
.auth-card form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.auth-card label{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;color:var(--fg2);font-size:13px}
.auth-card input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);
  color:var(--fg);font-size:15px}
.auth-card input:focus{outline:0;border-color:var(--acc)}
.auth-card button{height:44px;margin-top:6px;border:0;border-radius:8px;background:var(--acc);color:#111;
  font-size:15px;font-weight:700;cursor:pointer}
.auth-err{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:rgba(255,92,92,.12);color:var(--up);
  font-size:13px;line-height:1.5}
.auth-hint{color:var(--dim);font-size:11.5px;margin-left:4px}
.auth-foot{margin:16px 0 0;color:var(--dim);font-size:12px;text-align:center}
.auth-list{margin:0;padding-left:18px;color:var(--fg2);font-size:13px;line-height:1.7}
.auth-list code{padding:1px 4px;border-radius:4px;background:var(--chip);font-size:12px}