/*
 * 인증 화면 입력칸 (.ord-auth-input) — 로그인 / 회원가입 / 비밀번호 재설정 / 이메일 인증
 *
 * ⭐브라우저 다크모드(Chrome·Edge 강제 다크)에서 **입력한 글자가 안 보이던 원인**이
 *   "인라인 스타일에 색 지정이 없어 글자색을 브라우저가 정한 것"이었다(2026-07-25).
 *   → 배경·글자색을 명시하고, 6개 뷰에 복붙돼 있던 인라인 스타일을 이 클래스로 모았다.
 * ⚠이 화면들은 **라이트 전용**이다(ORDARS 자체 다크모드 토글이 붙지 않는 레이아웃) → 색 고정 OK.
 */
.ord-auth-input {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 16px;
  font-family: inherit;
  outline: none;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #111827;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.ord-auth-input::placeholder { color: #9ca3af; }
.ord-auth-input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12); }
.ord-auth-input:disabled { background-color: #f3f4f6; color: #9ca3af; }

/* 자동완성 — Chrome 은 배경·글자색을 자체 값으로 덮으므로 이 두 속성으로만 되돌릴 수 있다 */
.ord-auth-input:-webkit-autofill,
.ord-auth-input:-webkit-autofill:hover,
.ord-auth-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #111827;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  caret-color: #111827;
}

/* 2차 인증 코드 입력 — 숫자 6자리 */
.ord-auth-otp {
  font-size: 20px;
  letter-spacing: 6px;
  text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}