/* Customer UI: no decorative focus border on taps. Keyboard navigation uses a
   two-tone bottom marker, visible on both white and dark/red controls. */
html :is(button, a, input, textarea, select, [tabindex]):focus {
  outline: none !important;
}

html:not([data-focus-input="pointer"]) :is(button, a, input, textarea, select, [tabindex]):focus-visible {
  box-shadow: inset 0 -3px #fff, inset 0 -6px #262626 !important;
}

html :is(button, a, input, textarea, select, [tabindex]) {
  -webkit-tap-highlight-color: transparent;
}

/* OS high-contrast mode removes shadows. Preserve its native keyboard cue. */
@media (forced-colors: active) {
  html:not([data-focus-input="pointer"]) :is(button, a, input, textarea, select, [tabindex]):focus-visible {
    outline: 2px solid CanvasText !important;
    outline-offset: -3px;
  }
}