/* Native date fields need an isolated LTR value inside the RTL dashboard. */
.admin-modal input[type="date"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: center;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  min-height: 48px;
  padding-inline: 12px 10px;
  border-color: #bfd5e6;
  background: #fbfdff;
  color: #102c45;
  color-scheme: light;
}

.admin-modal input[type="date"]::-webkit-date-and-time-value {
  text-align: center;
  min-height: 1.4em;
}

.admin-modal input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  width: 18px;
  height: 18px;
  padding: 7px;
  margin: 0;
  border-radius: 9px;
  background-color: #eaf4ff;
  opacity: .9;
}

.admin-modal input[type="date"]:hover {
  border-color: #75a9d7;
  background: #fff;
}

.admin-modal input[type="date"]:focus {
  border-color: #2b83e6;
  box-shadow: 0 0 0 3px rgba(43, 131, 230, .13);
  background: #fff;
}

.admin-modal input[type="date"]:focus::-webkit-calendar-picker-indicator {
  background-color: #d9ecff;
  opacity: 1;
}