/* ============================================================
   login.css — 로그인 페이지 전용 (app.css 토큰 사용)
   ============================================================ */
.login-body{
  min-height:100vh; min-height:100dvh;   /* dvh: 모바일 URL바 포함 동적 뷰포트(구형은 100vh 폴백) */
  display:flex; align-items:center; justify-content:center;
  background:var(--bg);   /* 폴백 색상만 — 실제 배경 이미지는 아래 고정 레이어(::before) */
}
/* 전체화면 고정 배경: position:fixed 레이어 → 스크롤해도 안 움직이고(가득 고정), 항상 뷰포트를 꽉 채움.
   iOS 는 background-attachment:fixed 가 버그라 고정 pseudo 로 처리. z-index:-1 로 카드 뒤에 깔림. */
.login-body::before{
  content:''; position:fixed; top:0; left:0; z-index:-1;
  width:100%; height:100vh; height:100lvh;   /* 고정 높이(최대 뷰포트 lvh) → 모바일 URL바 토글·스크롤에도 배경 절대 안 움직임 */
  background:url('/assets/img/bg.webp') center center / cover no-repeat;
}
/* 모바일 세로형(portrait): 세로 전용 배경(bg_p.webp) */
@media (max-width: 768px) and (orientation: portrait){
  .login-body::before{ background-image:url('/assets/img/bg_p.webp'); }
}
.login-wrap{ width:100%; padding:40px 16px; display:flex; justify-content:center; }

.login-card{
  width:100%; max-width:380px;
  /* 뒤 배경이 실제로 비치도록 투명도 강화 + 강한 블러 제거(블러가 배경을 뭉개 안 보이던 문제). 살짝만 흐림 */
  background:rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,.55); border-radius:16px;
  padding:26px 24px 20px;
  box-shadow:0 16px 40px rgba(15,23,42,.22), 0 2px 8px rgba(15,23,42,.10);
}

.login-brand{ display:flex; align-items:center; gap:10px; margin-bottom:22px; }   /* 안내문구 삭제로 브랜드가 입력에 붙던 문제 → 간격 확보 */
.login-brand .brand-mark{ width:30px; height:30px; border-radius:7px; }
.login-brand .brand-word{ color:var(--heading); font-size:18px; font-weight:800; letter-spacing:-.3px; }
.login-sub{ margin:10px 0 18px; font-size:12px; color:var(--muted2); }

.login-error{
  background:var(--danger-soft); border:1px solid var(--danger-border); color:var(--danger-text);
  font-size:12.5px; font-weight:600; border-radius:8px; padding:10px 12px; margin-bottom:14px;
}

.login-card .input{ font-size:16px; }   /* iOS 포커스 시 화면확대 방지(≥16px 필수) — 로그인 입력창 항상 16px */
.login-card .btn-block{ margin-top:6px; height:44px; font-size:14px; }

.login-foot{
  margin-top:16px; padding-top:14px; border-top:1px solid var(--divider);
  text-align:center; font-size:11px; color:var(--muted3);
}