/* More specific than the integrator's scoped formGrid input sizing rule. */
#customsScreen #customsForm .customsDatePresentation[hidden] { display: none !important; }
#customsScreen #customsForm .customsDatePresentation {
  display: flex; position: relative; align-items: center;
  box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; height: 29px;
}
#customsScreen #customsForm .formGrid .customsDatePresentation input.customsDatePresentationText {
  flex: 1 1 0%; box-sizing: border-box; width: 0; min-width: 0; max-width: 100%; height: 29px;
  margin: 0; padding: 3px 6px; border: 1px solid #bfc4ca; border-right: 0;
  border-radius: 2px 0 0 2px; background: #fff; font: inherit;
}
#customsScreen #customsForm .customsDatePresentation .customsDatePresentationCalendar {
  display: flex; align-items: center; justify-content: center; flex: 0 0 27px;
  box-sizing: border-box; width: 27px; min-width: 27px; max-width: 27px; height: 29px;
  margin: 0; padding: 0; border: 1px solid #007ad9; border-radius: 0 2px 2px 0;
  background: #007ad9; color: #fff; cursor: pointer;
}
#customsScreen #customsForm .customsDatePresentationCalendar svg { width: 16px; height: 16px; }
#customsScreen #customsForm .customsDatePresentationCalendar:focus-visible { outline: 2px solid #183a67; outline-offset: 2px; }
#customsScreen #customsForm .customsDatePresentationCalendar:disabled { cursor: not-allowed; opacity: .6; }
#customsScreen #customsForm .formGrid .customsDatePresentation input.customsDatePresentationNative {
  position: absolute; inset: 0; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; height: 29px;
  margin: 0; opacity: 0; pointer-events: none;
}
#customsScreen #customsForm .formGrid .customsDatePresentation input.customsDatePresentationNative.customsDatePresentationFallback {
  opacity: 1; pointer-events: auto; z-index: 2; background: #fff;
}