/* ── 로그인 · 처음 설정 ─ 보드(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}
/* 글자 16px — 아이폰은 그보다 작은 입력칸을 누르면 화면을 확대해 버린다(10-21 회의 FE-6) */
.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:16px}
.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}
/* 비밀번호 보기 버튼(칸 안 오른쪽) · 아이디 저장 체크 — 위의 카드 공통 input·button 모양을 덮어쓴다 */
.auth-card .pw-wrap{position:relative;display:block}
.auth-card .pw-wrap input{padding-right:72px}
.auth-card .pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:30px;margin:0;padding:0 10px;
  border:1px solid var(--line2);border-radius:6px;background:var(--cell);color:var(--fg2);font-size:12.5px;font-weight:600}
.auth-card label.auth-check{display:flex;align-items:center;gap:8px;color:var(--fg2);font-size:13px;cursor:pointer}
.auth-card label.auth-check input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--acc)}
/* 가입 신청: 다른 길(로그인 ↔ 가입 신청) 버튼 · 접수 완료 · 사람 눈엔 안 보이는 칸 */
.auth-alt{display:flex;align-items:center;justify-content:center;height:42px;margin-top:12px;border:1px solid var(--line2);
  border-radius:8px;color:var(--fg2);font-size:14px;font-weight:600;text-decoration:none}
.auth-alt:hover{border-color:var(--acc);color:var(--fg)}
.auth-ok{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:rgba(56,211,159,.12);color:var(--ok);
  font-size:13.5px;line-height:1.5}
.auth-card label.auth-check span{line-height:1.45}
.auth-card label.auth-check input[name="agree"]{flex:none;align-self:flex-start;margin-top:1px}
.auth-card .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}