/* 로그인 화면(C2 · 실제 모드에서만) — 시안 3 로그인 카드(.login-page · .login-card) 위에 얹는 새 조각만.
   ★.auth 아래로만 쓴다 — 예시 화면 · 예시 로그아웃 카드에 번지지 않게(예시 24장 대조가 그대로여야 한다). 「지난 로그인」 띠(.last-login)는 실제 모드에만 생긴다.
   시안 = 대표님 09-29 「로그인 화면 시안은 일단 진행」 · 실전 흐름에서 다시 고친다. 문구 · 틀은 auth-screens.js */
.auth .login-card .social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;margin-top:10px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid #D9DEE9;background:#fff;color:#1A2A4D;cursor:pointer}
.auth .login-card .social svg{width:18px;height:18px;flex:none}
.auth .login-card .social.apple{background:#000;color:#fff;border-color:#000}
.auth .login-card .social.kakao{background:#FEE500;color:rgba(0,0,0,.85);border-color:#FEE500}
.auth .login-card .social:focus-visible,.auth .login-card .quiet-link:focus-visible,.last-login .last-login-link:focus-visible{outline:2px solid #48566F;outline-offset:2px}
.auth .login-card .divider{display:flex;align-items:center;gap:10px;margin:22px 0 4px;color:#9aa5b5;font-size:12px}
.auth .login-card .divider::before,.auth .login-card .divider::after{content:"";flex:1;height:1px;background:#e4e7ee}
.auth .login-card .quiet-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:#48566F;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.auth .login-card .hint{font-size:12px;color:#8b98aa;line-height:1.6;margin:14px 0 0;text-align:left}
.auth .login-card form{text-align:left;margin-top:8px}
.auth .login-card form .btn.primary{margin-top:18px}
.auth .login-card form.master .btn.primary{margin-top:20px}
.auth .login-card form .error+.btn.primary{margin-top:16px}
.auth .login-card .form-field{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:13px;color:#48566F}
.auth .login-card .form-field input{padding:11px 12px;border:1px solid #D9DEE9;border-radius:10px;font-size:14px;background:#fff}
.auth .login-card .form-field small{font-size:11.5px;color:#95a0ae}
.auth .login-card .error{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding:10px 12px;border-radius:10px;background:#fbf1ee;color:#9a3b25;font-size:12.5px;text-align:left;line-height:1.5}
.auth .login-card .rules{margin:12px 0 0;padding:0;list-style:none;font-size:12px;color:#8b98aa;text-align:left;line-height:1.9}
.auth .login-card .rules li::before{content:"· ";color:#b7c0cc}
.auth .login-card .rules li.ok{color:#2f6b4f}.auth .login-card .rules li.ok::before{content:"✓ ";color:#2f6b4f}
.auth .login-card .who{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;border-radius:999px;background:#f1f3f7;font-size:12px;color:#48566F}
.auth .login-card .who svg{width:14px;height:14px}
.auth .login-card .org-name{color:#1A2A4D}
.last-login{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 16px;border:1px solid #e6dcc4;background:#fbf7ec;border-radius:12px;font-size:13px;color:#4c4a3f;margin:0 0 22px}
.last-login .icon{width:16px;height:16px;color:#9a7b30}
.last-login b{font-weight:600}
.last-login .grow{flex:1}
.last-login .last-login-link{background:none;border:0;padding:0;color:#48566F;font-size:12.5px;text-decoration:underline;cursor:pointer}
.auth-modal .rules{margin:12px 0 0;padding:0;list-style:none;font-size:12px;color:#8b98aa;line-height:1.9}
.auth-modal .rules li::before{content:"· ";color:#b7c0cc}
.auth-modal .rules li.ok{color:#2f6b4f}.auth-modal .rules li.ok::before{content:"✓ ";color:#2f6b4f}
.auth-modal .error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fbf1ee;color:#9a3b25;font-size:12.5px;line-height:1.5}
.auth .login-card h1{word-break:keep-all}   /* 좁은 화면에서 제목이 낱말 가운데서 끊기지 않게(시안 3 의 다른 제목과 같게) */
.auth .login-card h1:focus{outline:none}   /* 초점은 화면 읽기용(글이 없는 화면은 제목으로) — 보이는 테두리는 두지 않는다 */