.flatpickr-calendar {
  z-index: 100001 !important; /* ensure above theme */
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.16);
  margin-top: 8px;
}
.flatpickr-months .flatpickr-month {
  background: var(--mw-primary, #007bc4);
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.flatpickr-current-month input.cur-year { color: #fff; }
/* Make the month dropdown readable (white bg, dark text) */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  background: #fff;
  color: #111;
  border-radius: 6px;
  padding: 0 6px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months option { color: #111; }
.flatpickr-current-month .numInputWrapper span { filter: invert(1); }
.flatpickr-weekdays { background: rgba(0,0,0,0.03); }
.flatpickr-day.today { border-color: rgba(0, 123, 196, 0.45); }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
  background: rgba(0, 123, 196, 0.12);
  border-color: rgba(0, 123, 196, 0.35);
}
.flatpickr-day:hover { background: rgba(0, 123, 196, 0.08); }
/* Footer button pane */
.flatpickr-calendar .fp-button-pane {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}
.flatpickr-calendar .fp-button-pane .fp-today-btn {
  background: var(--mw-primary, #007bc4);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
}
.flatpickr-calendar .fp-button-pane .fp-today-btn:hover { filter: brightness(0.95); }