/* iOS zooms focused form controls when their font is smaller than 16px.
   Keep this shared across login, forms and lazily loaded screens.
   Layered !important declarations outrank unlayered theme overrides,
   regardless of their selector specificity or when a screen loads. */
@layer mobile-inputs {
 @media (max-width: 900px), (pointer: coarse) {
  :root input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']):not([type='hidden']),
  :root textarea,
  :root select,
  :root [contenteditable='true'],
  :root [contenteditable='plaintext-only'] {
    font-size: 16px !important;
  }
 }
}