/* StrokeIQ Suite — universal mobile accessibility overrides */
@media (max-width: 1024px) {
  input:not([type="checkbox"]):not([type="radio"]), select, textarea {
    font-size: 16px !important;
    min-height: 44px !important;
  }

  /* Checkboxes & radios keep their real size — the 44px touch target comes
     from their <label> row, never from inflating the control itself. */
  input[type="checkbox"], input[type="radio"] {
    min-height: 0 !important;
    min-width: 0 !important;
  }

  button,
  [role="button"] {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  a {
    min-height: 44px !important;
    min-width: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  label {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }

  .text-\[10px\] {
    font-size: 12px !important;
  }
}