/* ci/app/Views/auth/forgot_password.php 화면 전용 CSS (2026-09-02 · 뷰 <style> 밖으로 · .login-container 스코프)
   생성 = tools/extract-view-style.py
   ⚠️ 조상/전역 선택자는 «스코프를 안 씌운다» — 씌우면 0개를 맞춰 조용히 죽는다(#C386).
   ⚠️ 뿌리 래퍼의 padding/margin 은 뗀다 — 본문 여백의 주인은 #mainCenter 하나(#C357). */
/* 비밀번호 재설정 전용 — 로그인 화면(login.css) 자산 위에 단계 전환만 얹는다 */
.login-container .fp-step { display: none; }
.login-container .fp-step.on { display: block; }

.login-container .fp-stepper { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 22px; }
.login-container .fp-stepper span {
    width: 26px; height: 26px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700; background: #eef0f3; color: #9aa1ab;
}
.login-container .fp-stepper span.on { background: #2563eb; color: #fff; }
.login-container .fp-stepper span.done { background: #059669; color: #fff; }
.login-container .fp-stepper i { color: #d5d8dd; font-size: 10px; }

.login-container .fp-lead { text-align: center; font-size: 13px; color: #6b7280; line-height: 1.6; margin-bottom: 20px; }

/* 보조 버튼 — 주 동작(확인)과 구분 */
.login-container .fp-ghost { margin-top: 8px; background: #fff; color: #6b7280; border: 1px solid #e5e7eb; }
.login-container .fp-ghost:hover { color: #2563eb; border-color: #93c5fd; }

.login-container .fp-timer { text-align: center; font-size: 12px; font-weight: 700; color: #dc2626; margin-top: 10px; }
.login-container .fp-note { font-size: 11.5px; color: #9aa1ab; text-align: center; margin-top: 12px; line-height: 1.6; }
.login-container .fp-back { display: block; text-align: center; font-size: 12px; color: #2563eb; margin-top: 16px; text-decoration: none; }
.login-container .fp-back:hover { text-decoration: underline; }

.login-container .fp-msg { margin-bottom: 16px; }
.login-container .fp-msg:empty { display: none; }

/* login.css 의 폭 규칙은 `.login-form .btn` 에만 걸려 있다.
   이 화면은 폼 태그가 없어 버튼이 내용폭으로 쪼그라든다 — 같은 폭으로 맞춘다. */
.login-container .fp-step .btn { width: 100%; }