/* iOS/Safari fix: inputs losing focus when tapped on Apple devices
   - font-size 16px prevents auto-zoom which causes layout shift and focus loss
   - transform creates stacking context for fixed elements
   - touch-action removes 300ms delay
   - applies to touch devices (iPhone, iPad, Mac trackpad) */
@media (hover: none) and (pointer: coarse) {
  input[type="text"], input[type="number"], input[type="tel"], input[type="search"], input[type="email"], input[type="password"], textarea {
    font-size: 16px !important;
  }
  .barcode-input-wrap input, .barcode-footer input, .scan-barcode-bar input,
  .order-card-scan input, .scan-input, .scan-section input,
  #barcodeInput, #scanBarcodeInput, #orderCardBarcodeInput, #scanInput,
  .form-input, .api-card input { font-size: 16px !important; }
}
.barcode-footer, .scan-barcode-bar, .barcode-input-wrap, .scan-section {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
input[type="text"], input[type="number"], input[type="tel"], input[type="search"], input[type="email"], input[type="password"], textarea {
  touch-action: manipulation;
  -webkit-user-select: text;
  user-select: text;
}