/* ============================================================
   아이폰 자동확대 차단 — 반드시 모든 스타일시트 중 '마지막'에 불러온다.

   왜 필요한가
     iOS 사파리는 입력칸의 계산된 글자 크기가 16px 보다 작으면, 그 칸을 누르는
     순간 화면 전체를 확대한다. 사용자가 되돌리기 전까지 화면이 커진 채로 남아
     가입 같은 여러 단계 입력이 매우 불편해진다. (안드로이드 크롬은 확대 안 함)
     확대를 막는 다른 방법으로 viewport 에 user-scalable=no / maximum-scale=1 을
     넣는 방식이 있지만, 이는 저시력 사용자의 확대 자체를 막아 접근성 위반이므로
     쓰지 않는다. 글자 크기를 16px 로 올리는 것이 정공법이다.

   어떻게 동작하나
     아래 선택자들은 '실제로 16px 미만을 만들고 있던 규칙'과 똑같은 선택자다.
     명시도가 같고 이 파일이 마지막에 로드되므로 소스 순서로 이긴다.
     원래부터 16px 이상이던 규칙(예: .ob-business-number input 21px)은
     여기에 없으므로 그대로 유지된다.

   범위
     터치 기기 전부(hover:none + pointer:coarse) 와 폭 820px 이하.
     폭 조건은 데스크톱 브라우저 창을 줄여서 검증할 수 있게 하려고 같이 둔다.
     데스크톱 넓은 화면의 촘촘한 관리자 표는 종전 크기를 그대로 쓴다.

   점검
     tools/ios_zoom_audit.py 를 실행하면 남은 위반이 0건인지 확인할 수 있다.
     새 입력칸을 추가한 뒤에도 이 스크립트를 돌려 보는 것이 안전하다.
   ============================================================ */

@media (hover: none) and (pointer: coarse), (max-width: 820px) {
  /* 자기 규칙 없이 조상에서 물려받던 입력칸 (font: inherit) */
  input,
  select,
  textarea { font-size: 16px; }

  /* 명시적으로 16px 미만을 지정하던 규칙들 */
  .mail-editor textarea,
  .modal-form input,
  .modal-form select,
  .question-editor-form input,
  .question-editor-form select,
  .question-editor-form textarea,
  .question-filter-row input,
  .question-filter-row select,
  .sa-analytics-toolbar select,
  .super-modal-filter-row input,
  .super-modal-filter-row select,
  .wf-account-form input,
  .wf-att-matrix-toolbar input[type="search"],
  .wf-att-matrix-toolbar select,
  .wf-attendance-correction-card input,
  .wf-attendance-correction-card textarea,
  .wf-attendance-filters input,
  .wf-audit-tools select,
  .wf-authority-form input,
  .wf-authority-form select,
  .wf-contract-form input,
  .wf-contract-form select,
  .wf-directory-search input,
  .wf-document-review-dialog textarea,
  .wf-leave-date-field input[type="date"],
  .wf-leave-decision input,
  .wf-leave-decision textarea,
  .wf-leave-form-body input,
  .wf-leave-type-quota input,
  .wf-notification-policy input[type="time"],
  .wf-notification-policy select,
  .wf-owner-business-actions select,
  .wf-password-admin-dialog input,
  .wf-ask-reason input,
  .wf-payroll-field input,
  .wf-payroll-field select,
  .wf-payroll-toolbar input,
  .wf-policy-fields input,
  .wf-policy-fields textarea,
  .wf-resignation-review-dialog input,
  .wf-resignation-review-dialog textarea,
  .wf-search-box input,
  .wf-table-tools select,
  .wf-termination-date-field input,
  .wf-termination-reason-field textarea,
  .wf-employee-card-section .wf-edit-grid input,
  .wf-employee-card-section .wf-edit-grid select,
  .wf-contracts-page .wf-contract-directory .wf-directory-search input,
  .wf-contracts-page .wf-contract-editor-dialog .wf-admin-field-grid input,
  .wf-contracts-page .wf-contract-editor-dialog .wf-admin-field-grid select,
  .wf-contracts-page .wf-contract-editor-dialog .wf-admin-field-grid textarea,
  .wf-easy-step > label input,
  .wf-notification-admin-page .wf-notification-settings-body > label > input,
  .wf-notification-admin-page .wf-notification-smtp-body > label > input { font-size: 16px; }

  /* 나중에 발견분 — 같은 블록에 `font: inherit` 과 `font-size` 가 함께 있어
     감사 도구가 뒤에 온 font-size 를 놓치고 있던 칸들.
     계산기(월급계산기)와 최고관리자 필터, 급여 명세 월 선택이 여기 해당한다. */
  .field input[type="date"],
  .field input[type="number"],
  .field input[type="text"],
  .field select,
  .sa-filter-row input,
  .sa-filter-row select,
  .wf-pay-month select { font-size: 16px; }

  /* 16px 칸 안의 10px 안내문구는 깨져 보인다. 칸 크기를 따라가게 한다. */
  .wf-leave-type-quota input::placeholder { font-size: inherit; }

  /* 최고관리자 요금제 선택칸 */
  .sa-plan-select { font-size: 16px; }
}