/* Origem: pi-services shared/web/campos.css @ c4d5e9c7 (copia congelada). */
/*!
 * campos.css — os campos de formulário param de dar zoom no celular.
 *
 * O Safari do iOS dá zoom na página sempre que o campo focado tem
 * `font-size` menor que 16px. Não é configurável, não tem evento, e o zoom
 * não desfaz sozinho: a pessoa toca num campo, a tela salta, e o resto da
 * navegação fica torto até ela pinçar de volta. É o detalhe que faz um PWA
 * parecer um site aberto no navegador em vez de um app.
 *
 * Medido em 19/08/2026 nos quatro apps do Pi: os campos estavam em 15px
 * (cultivo e painel) e 13px (o widget de ticket) — todos abaixo da linha,
 * todos dando zoom.
 *
 * ## Por que 16px e não `maximum-scale=1` no viewport
 *
 * A outra saída conhecida é `<meta name="viewport" maximum-scale=1>`, que
 * desliga o zoom da página inteira. Ela resolve o sintoma e cobra caro:
 * desliga também o zoom por pinça, que é recurso de acessibilidade para
 * quem enxerga pouco. Aumentar a fonte do campo resolve a causa e não tira
 * nada de ninguém.
 *
 * ## Só no celular, de propósito
 *
 * No desktop 16px em todo campo engordaria formulários densos sem motivo —
 * lá não existe o zoom que se quer evitar. A regra vale abaixo de 768px,
 * que é onde o problema existe.
 */
@media (max-width: 768px) {
  input,
  select,
  textarea,
  button {
    /* `16px` e não `1rem`: se o app mexer no font-size da raiz, `1rem` deixa
       de valer 16px e o zoom volta sem ninguém entender por quê. */
    font-size: 16px;
  }

  /* Estes três não têm texto para dar zoom, e 16px só os deformaria: o
     range vira uma barra alta demais, e caixa e rádio ganham altura de
     linha que desalinha o rótulo ao lado. */
  input[type="range"],
  input[type="checkbox"],
  input[type="radio"] {
    font-size: inherit;
  }
}