/* ─────────────────────────────────────────────────────────────────────────────────────────────
   Campo de digitação a 16px no iOS — pedido 2026-08-23.

   O Safari do iPhone/iPad DÁ ZOOM na página inteira ao focar um campo cujo `font-size` é MENOR que
   16px. Não é opção nem preferência: é regra do WebKit. O efeito é o do print que originou este
   arquivo — tocar o "E-mail Corporativo" da porta de admissão ampliava a tela, cortava as margens e
   deixava o formulário maior que a viewport; para ler o campo seguinte era preciso arrastar de lado.

   Até aqui o projeto vinha corrigindo caso a caso (`.pf-campo--grande`, `.crh-mf-busca`,
   `.crh-secullum__campo input`, cada um com o mesmo comentário) e a cada tela nova o defeito voltava.
   Esta folha fecha a questão de UMA vez, para TODA superfície: painéis Filament, portal do
   colaborador, candidatura/admissão, testes públicos, página-ponte e o que vier.

   Três decisões que valem a leitura antes de mexer aqui:

   1. `!important` é NECESSÁRIO. O que precisa ser vencido são regras de elemento e de classe
      espalhadas por 20 folhas (`.admissao input { font-size: 14px }`, o `text-sm` do Filament nos
      `.fi-input`, o `font: inherit` que herda 14px do corpo). Sem `!important` cada uma delas
      ganharia por especificidade e o defeito continuaria de pé.

   2. A regra vale SÓ no iOS, e por isso o desktop não muda de aparência: `@supports
      (-webkit-touch-callout: none)` só casa em WebKit de toque, e o `@media (pointer: coarse)`
      aninhado descarta um eventual Safari de mesa com mouse. Fora do iOS, esta folha é inerte.

   3. NÃO usamos `maximum-scale=1` / `user-scalable=no` na viewport — que também mata o zoom de
      foco, mas junto tira do usuário o zoom por pinça. Acessibilidade não se troca por layout.

   Escapatória: um campo que PRECISE de outro tamanho no iOS marca `.crh-fonte-livre` (nele ou em
   qualquer ancestral). Use com parcimônia e só acima de 16px — abaixo disso, o zoom volta.
   ───────────────────────────────────────────────────────────────────────────────────────────── */

@supports (-webkit-touch-callout: none) {
    @media (pointer: coarse) {
        /* Só o que ABRE TECLADO entra: checkbox, radio, range, color, arquivo e botões não disparam
           o zoom e têm tamanho próprio no design (o botão do `::file-selector-button`, por exemplo). */
        input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']):not([type='file']):not([type='submit']):not([type='button']):not([type='reset']),
        select,
        textarea,
        [contenteditable='true']:not([contenteditable='false']) {
            font-size: 16px !important;
        }

        /* Opt-out explícito e documentado (ver cabeçalho). */
        .crh-fonte-livre input,
        .crh-fonte-livre select,
        .crh-fonte-livre textarea,
        input.crh-fonte-livre,
        select.crh-fonte-livre,
        textarea.crh-fonte-livre {
            font-size: inherit !important;
        }
    }
}
