/* Flatpickr + AdminLTE dark mode */
.flatpickr-calendar {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

body.dark-mode .flatpickr-calendar {
  background: #343a40;
  border-color: #454d55;
  color: #e9ecef;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
}

body.dark-mode .flatpickr-months .flatpickr-month,
body.dark-mode .flatpickr-current-month .flatpickr-monthDropdown-months,
body.dark-mode .flatpickr-current-month .numInputWrapper input {
  background: #343a40;
  color: #e9ecef;
}

body.dark-mode .flatpickr-weekdays {
  background: #343a40;
}

body.dark-mode span.flatpickr-weekday {
  color: #adb5bd;
}

body.dark-mode .flatpickr-day {
  color: #e9ecef;
}

body.dark-mode .flatpickr-day:hover,
body.dark-mode .flatpickr-day:focus {
  background: #495057;
  border-color: #495057;
}

body.dark-mode .flatpickr-day.selected,
body.dark-mode .flatpickr-day.startRange,
body.dark-mode .flatpickr-day.endRange {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #fff;
}

body.dark-mode .flatpickr-time {
  border-top-color: #454d55;
}

body.dark-mode .flatpickr-time input,
body.dark-mode .flatpickr-time .flatpickr-am-pm {
  color: #e9ecef;
}

body.dark-mode .flatpickr-time .numInputWrapper span.arrowUp:after,
body.dark-mode .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-bottom-color: #e9ecef;
  border-top-color: #e9ecef;
}

/* Time row: flatpickr / browser defaults use white hover — keep text legible */
body.dark-mode .flatpickr-time .numInputWrapper {
  background: #2b3035 !important;
}

body.dark-mode .flatpickr-time .numInputWrapper:hover,
body.dark-mode .flatpickr-time .numInputWrapper:focus-within {
  background: #3d4449 !important;
}

body.dark-mode .flatpickr-time input.flatpickr-hour,
body.dark-mode .flatpickr-time input.flatpickr-minute,
body.dark-mode .flatpickr-time input.flatpickr-second {
  background: transparent !important;
  color: #f8f9fa !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

body.dark-mode .flatpickr-time input.flatpickr-hour:hover,
body.dark-mode .flatpickr-time input.flatpickr-minute:hover,
body.dark-mode .flatpickr-time input.flatpickr-second:hover,
body.dark-mode .flatpickr-time input.flatpickr-hour:focus,
body.dark-mode .flatpickr-time input.flatpickr-minute:focus,
body.dark-mode .flatpickr-time input.flatpickr-second:focus {
  background: transparent !important;
  color: #fff !important;
}

body.dark-mode .flatpickr-time-separator {
  color: #ced4da;
}

body.dark-mode .flatpickr-time .flatpickr-am-pm:hover,
body.dark-mode .flatpickr-time .flatpickr-am-pm:focus {
  background: #3d4449 !important;
  color: #fff !important;
}

body.dark-mode input.fh-datetime-utc::placeholder {
  color: #868e96;
  opacity: 1;
}