/* 아이디·비밀번호 찾기 네 화면 공용 규칙 — 인라인 style 속성 외부화
   (CSP style-src 'self' 대응).

   담는 뷰(전부 뿌리 `#find`):
     app/Views/portal/member/find_id.php           3자리   /member/login/findid          (라이브 200)
     app/Views/portal/member/find_pw.php           4자리   /member/login/findpw          (라이브 200)
     app/Views/portal/member/find_id_complete.php  2자리   /member/login/findidcomplete  (세션 필요 — 실통 주입으로 측정)
     app/Views/portal/member/find_pw_complete.php  5자리   /member/login/findpwcomplete  (세션 필요 — 실통 주입으로 측정)

   ⚠ `#find` 는 **네 뷰가 공유**한다. 규칙 전부가 새 클래스로 잠겨 있어 클래스가 없는
   자리에는 걸리지 않고, URL 이 갈려 한 번에 한 화면만 렌더되므로 미러 한 벌로 안전하다.
   **`#find` 에 클래스 없는 규칙을 절대 두지 않는다**(검증 명령이 지킨다).

   ⚠ `member.css` 의 경쟁 규칙이 세다. 전부 라이브·주입 실측으로 확인했다:
     #find .cont>div.find                        (1,2,1)  height:640px
     #find .cont>div.find input[type=text]       (1,3,2)  width:480px
     #find .cont>div.find input[type=password]   (1,3,2)  width:480px
     #find .btnBox .btn-iteasy                   (1,2,0)  width:20rem
     #find .cont>div.found .input_wrap ul li label (1,3,4) width:calc(100% - 380px); height:20px; text-align:right
   자리 선택자는 **후손으로** 넣었다 — `member.css` 가 `>` 를 쓰지만 이 시트는 깊이 차이에
   빗나가지 않도록 후손으로 두고 클래스 수로 이긴다. */

/* find_pw · find_pw_complete — 통 높이. 두 화면이 **다른 값**이라 클래스를 갈랐다(같은 자리 같은 셀렉터). */
#find .cont div.find.fnd-h-530 { height: 530px; }
#find .cont div.find.fnd-h-480 { height: 480px; }

/* find_id 의 휴대전화번호 · find_pw 의 아이디 입력칸. (1,4,4) 로 (1,3,2) 를 이긴다. */
#find .cont div.find .input_wrap ul li input.fnd-w-375 { width: 375px; }

/* 인증 요청 버튼. 경쟁 0건 — 떼면 내용 폭(94.86px / 81.70px)으로 줄어든다. */
#find .cont div.find .input_wrap ul li button.fnd-w-100 { width: 100px; }

/* ⚠ 무효 선언 — find_pw_complete 의 비밀번호 입력칸 두 자리.
   경쟁 `input[type=password]{width:480px}` (1,3,2) 가 주는 값과 **통 폭이 같아**(div.find 600px − padding 120px
   = 480px) `width:100%` 가 결과적으로 같은 값이 된다. 주입 측정에서 인라인을 떼도 전 프로퍼티 diff 가
   **빈 객체**였고 rect 가 480x42 로 그대로였다.
   **통 폭이 바뀌면 값이 갈리는 종류의 무효**이므로 지우지 않고 가둔다(정리 후보). */
#find .cont div.find .input_wrap ul li input.fnd-w-full { width: 100%; }

/* find_pw_complete 의 비밀번호 규칙 안내. 경쟁 0건 — 떼면 검정으로 돌아간다. */
#find .cont div.find .input_wrap ul li small.fnd-text-white { color: white; }

/* find_id · find_pw · find_pw_complete 의 하단 실행 버튼. (1,6,1) 로 (1,2,0) 을 이긴다. */
#find .cont div.find .input_wrap .btnBox .btn-iteasy.fnd-btn-full { width: 100%; }

/* find_id_complete — 찾은 아이디 한 줄(라디오 + 라벨). 경쟁 0건, 떼면 `flex -> list-item`. */
#find .cont div.found .input_wrap ul li.fnd-row {
	display: flex;
	flex-direction: row;
}

/* 같은 줄의 라벨. (1,4,4) 로 member.css:145 의 (1,3,4) 를 이긴다 —
   그 규칙이 `width:calc(100% - 380px)`·`height:20px`·`text-align:right` 를 주므로 세 프로퍼티 모두 덮어야 한다. */
#find .cont div.found .input_wrap ul li label.fnd-label-full {
	width: 100%;
	height: 100%;
	text-align: left;
}