/* 벤더 aurora.css가 화면마다 다른 조상 클래스(.order-confirm__btn-group .btn,
   .cash-receipt__btn-wrap .btn 등)에 height/border-radius/color를 이미 정의해둔 경우가
   많아(명시도 0,2,0), 전역 단일 클래스(.btn--dark/.btn--caution, 명시도 0,1,0)로는
   화면마다 우연히 그 조상 클래스명과 겹칠 때마다 계속 밀렸다(주문완료/결제실패/
   현금영수증 모달에서 실제로 발생, 매번 화면별로 재정의해야 했음) — 이 컴포넌트
   자신의 클래스를 두 번 걸어(.eoshin-btn.eoshin-btn) 명시도를 0,2,0으로 맞춰서
   어떤 화면의 어떤 wrapper 클래스에서도 더 이상 안 깨지게 한다(로드 순서상 이
   파일이 벤더 CSS보다 항상 나중에 로드되므로 동률이면 이 파일이 이긴다) */
.eoshin-btn.eoshin-btn {
  height: 52px;
  border: 0;
  border-radius: 8px;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
}

.eoshin-btn.eoshin-btn--dark {
  background-color: #f0f4fe;
  color: #3c56d6;
  font-weight: 500;
}

.eoshin-btn.eoshin-btn--caution {
  background-color: #4a69ea;
  color: #ffffff;
  font-weight: 600;
}

.eoshin-btn.eoshin-btn:disabled {
  background-color: #e6e6e6;
  color: #ababab;
  cursor: default;
}

.form-button-group {
  display: flex;
  gap: 8px;
}

.form-button-group .btn {
  flex: 1;
  width: auto;
  height: 52px;
  border-radius: 8px;
}

.form-input-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-input-field__label {
  font-family: Pretendard, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}

/* 벤더 TextField는 <span class="text-field"><input/></span>를 렌더링 — 테두리/radius는
   이 box에서 잡고 안쪽 span/input은 테두리 없이 폭만 채운다 */
.form-input-field__box {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}

.form-input-field__box:focus-within {
  border-color: #201f1f;
}

.form-input-field__box.is-filled {
  border-color: #201f1f;
}

.form-input-field__box.is-error {
  border-color: #ff9698;
}

.form-input-field__box .text-field {
  flex: 1;
  border: none;
}

.form-input-field__box input {
  width: 100%;
  border: none;
  font-family: Pretendard, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}

.form-input-field__box input::placeholder {
  color: #9a9a9a;
}

.form-input-field__box input:disabled {
  color: #404040;
  -webkit-text-fill-color: #404040;
  opacity: 1;
}

.form-input-field__eye-btn {
  flex-shrink: 0;
  display: flex;
  border: none;
  background: none;
  padding: 0;
}

.form-input-field__help-text {
  margin: 0;
  font-family: Pretendard, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}

.form-input-field__error-text {
  margin: 0;
  font-family: Pretendard, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #ff9698;
}

/* 회원정보 수정 진입 전 재입력 화면 — Figma MY-019_회원정보수정 인증(6930:39058).
   입력창(라벨+테두리+눈아이콘+헬프텍스트) 자체 스타일은 공용 FormInputField.css를
   그대로 쓰고, 여기선 이 화면 레이아웃(안내문구/필드 사이 간격/버튼 배치)만 지정 */
.password-authentication {
  padding: 0;
}

.password-authentication__info-text {
  margin: 0;
  padding: 20px 16px;
  font-family: Pretendard, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #1a1a1a;
  text-align: left;
}

.password-authentication-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 16px;
}

/* 버튼 배치(가로배치·간격·높이·radius)는 @shared/FormButtonGroup 공용 컴포넌트로 이전 —
   여기선 이 화면 전용 여백만 지정 */
.password-authentication__button-wrap {
  margin-top: 12px;
}

/* 간편로그인(OpenID) 회원용 재인증 화면 — 별도 Figma 프레임은 못 찾았지만 안내 문구는
   CheckMemberPassword(비밀번호 재입력)와 같은 톤으로 맞춤 */
.open-id-authentication {
  padding: 0;
}

.open-id-authentication__info-text {
  margin: 0;
  padding: 20px 16px;
  font-family: Pretendard, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #1a1a1a;
  text-align: left;
}

.open-id-authentication__link {
  padding: 0 16px;
}