/* Phase 149 — mobile input polish.
   iOS Safari auto-zooms the page when a focused input's font-size is under
   16px. Bump ONLY focused-typing surfaces (modals + auth + contact editor)
   to 16px on phones; dense grids (budget cells, stripboard, tables) are
   deliberately untouched so their layouts stay compact. */
@media (max-width: 760px) {
  #modal-root .modal input,
  #modal-root .modal select,
  #modal-root .modal textarea,
  .modal-backdrop .modal input,
  .modal-backdrop .modal select,
  .modal-backdrop .modal textarea,
  #auth-overlay input,
  .contact-modal-input,
  [id^="_cs_prompt_"],
  #new-project-name {
    font-size: 16px !important;
  }

  /* comfortable tap targets in the same surfaces */
  #modal-root .modal input,
  #modal-root .modal select,
  .modal-backdrop .modal input,
  .modal-backdrop .modal select,
  #auth-overlay input {
    min-height: 44px;
  }
}