.flatpickr-calendar {
  background: var(--datepicker-bg, #fff) !important;
  border-radius: var(--datepicker-radius, 1rem) !important;
  box-shadow: var(
    --datepicker-shadow,
    0 8px 32px rgba(0, 0, 0, 0.12)
  ) !important;
  border: 1px solid var(--datepicker-border, #e5e5ea) !important;
}

.flatpickr-months {
  background: var(--datepicker-header-bg, #f9f9fa) !important;
  border-bottom: 1px solid var(--datepicker-header-border, #e5e5ea) !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  color: var(--datepicker-arrow-color, #363638) !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--datepicker-selected-bg, #60a5fa) !important;
  color: var(--datepicker-selected-text, #fff) !important;
}

.flatpickr-day:hover {
  background: var(--datepicker-hover-bg, #3b82f6) !important;
  color: var(--datepicker-hover-text, #fff) !important;
}