/* UI/UX Pro Max Pass 1 — numeric entry, validation, focus visibility */
:root{
  --ux-form-error:#b42318;
  --ux-form-error-soft:#fff3f1;
  --ux-form-error-ring:rgba(180,35,24,.12);
}

input[data-ux-numeric="1"]{
  font-variant-numeric:tabular-nums;
}

input,select,textarea{
  scroll-margin-top:88px;
  scroll-margin-bottom:110px;
}

.ux-field-error{
  margin-top:2px;
  color:var(--ux-form-error);
  font-size:.72rem;
  line-height:1.35;
  font-weight:750;
}

.field input[aria-invalid="true"],
.field select[aria-invalid="true"],
.field textarea[aria-invalid="true"],
.sc-field input[aria-invalid="true"],
.bcs-field input[aria-invalid="true"]{
  border-color:rgba(180,35,24,.58)!important;
  box-shadow:0 0 0 3px var(--ux-form-error-ring)!important;
  background:linear-gradient(0deg,var(--ux-form-error-soft),var(--ux-form-error-soft))!important;
}

.modal-head .icon-btn{
  min-width:44px;
  min-height:44px;
  display:inline-grid;
  place-items:center;
}

@media(max-width:760px){
  .field input:not([type="checkbox"]):not([type="radio"]),
  .field select,
  .field textarea,
  .filters input,
  .filters select,
  .inline-form input,
  .inline-form select,
  .restaurant-select,
  .sc-field input,
  .bcs-field input{
    min-height:44px;
  }
}

@media(prefers-reduced-motion:reduce){
  input,select,textarea{scroll-behavior:auto}
}