/* Field focus follows the existing border, without an external ring or layout shift. */
body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]), textarea, select, .form-select-trigger, .warehouse-trigger):focus {
  outline: none;
  outline-offset: 0;
  border-color: var(--green, #285d48);
  box-shadow: inset 0 0 0 1px var(--green, #285d48);
}
body :is(input, textarea, select, .form-select-trigger)[aria-invalid="true"]:focus {
  border-color: var(--danger, #a94137);
  box-shadow: inset 0 0 0 1px var(--danger, #a94137);
}
@media (forced-colors: active) {
  body :is(input, textarea, select, .form-select-trigger, .warehouse-trigger):focus {
    outline: 2px solid Highlight;
    outline-offset: -2px;
  }
}