/* Celular e tablet: o navegador amplia a tela ao tocar num campo com letra menor que 16px
   (e só volta com pinça). Em telas de toque os campos usam 16px reais — divididos pelo zoom
   da página (--bz, definido junto do zoom do body) — e o ícone de mostrar senha fica do
   tamanho do dedo. :not(#_) só eleva a prioridade sobre as regras com !important das páginas. */
@media (pointer: coarse) {
  html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select, textarea):not(#_) {
    font-size: max(16px, calc(16px / var(--bz, 1))) !important;
  }
  html body :is(.lg-eye, [data-ds-reveal]):not(#_) { min-width: 44px; min-height: 44px; }
  html body :is(.lg-eye, [data-ds-reveal]):not(#_) svg { width: 22px !important; height: 22px !important; }
}
