/* showAuthPopup(로그인/등록/직원관리 등)이 이제 site-wide 공용 팝업(showModal, 고정 흰 배경 카드)
   위에 얹히므로, 사이트 테마와 무관하게 항상 밝은 톤으로 고정함(예전 body.light-mode 전용이던
   Fluent 스타일을 기본값으로 승격) */
.auth-field { margin-bottom: 0.75rem; }
.auth-label { display: block; font-size: 10px; color: #8a8a8a; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.3rem; }
.auth-input { width: 100%; background: #f5f5f5; border: 1px solid rgba(0,0,0,0.12); color: #1a1a1a; font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif; font-size: 0.85rem; padding: 0.5rem 0.75rem; border-radius: 6px; outline: none; transition: border-color 0.2s; box-sizing: border-box; }
.auth-input:focus { border-color: #0078d4; box-shadow: 0 0 0 2px rgba(0,120,212,0.15); background: #ffffff; }
.auth-btn-primary { padding: 0.5rem 1.25rem; background: #0078d4; border: none; color: white; font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif; font-size: 0.82rem; font-weight: 500; border-radius: 6px; cursor: pointer; transition: opacity 0.2s, background 0.2s; }
.auth-btn-primary:hover { background: #006cbe; }
.auth-btn-primary:disabled { opacity: 0.4; cursor: not-allowed; }
.auth-btn-cancel { padding: 0.5rem 1rem; background: #f5f5f5; border: 1px solid rgba(0,0,0,0.1); color: #1a1a1a; font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif; font-size: 0.82rem; border-radius: 6px; cursor: pointer; }
.auth-btn-cancel:hover { background: rgba(0,0,0,0.06); }
/* ════════════════════════════════
   라이트모드 — Windows 11 Fluent
   ════════════════════════════════ */
body.light-mode .auth-label { color: #8a8a8a; font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; }
body.light-mode .auth-input {
  background: #f5f5f5;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 6px;
  color: #1a1a1a;
  font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
}
body.light-mode .auth-input:focus {
  border-color: #0078d4;
  box-shadow: 0 0 0 2px rgba(0,120,212,0.15);
  background: #ffffff;
}
body.light-mode .auth-btn-primary {
  background: #0078d4;
  border-radius: 6px;
  font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
  font-weight: 500;
}
body.light-mode .auth-btn-primary:hover { background: #006cbe; }
body.light-mode .auth-btn-cancel {
  background: #f5f5f5;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 6px;
  color: #1a1a1a;
  font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif;
}
body.light-mode .auth-btn-cancel:hover { background: rgba(0,0,0,0.06); }