/* Native date pickers use the operating system's popup and cannot be
   recolored by page CSS. Tint the date fields and their native accent so the
   calendar trigger and selected day remain easy to identify. */
input[type="date"],
input[type="datetime-local"] {
  color-scheme: light;
  accent-color: #45b82b;
  border-color: #bfe0b6 !important;
  background-color: #f4fbf1 !important;
}

input[type="date"]:focus,
input[type="datetime-local"]:focus {
  border-color: #55c739 !important;
  box-shadow: 0 0 0 3px rgba(85, 199, 57, .16) !important;
}