/* flatpickr inside the Filament panels: sit above modals and follow dark mode. */
.flatpickr-calendar {
    z-index: 100000 !important;
    border-radius: 0.75rem;
    box-shadow: 0 10px 30px rgb(15 23 42 / 0.15);
    font-family: inherit;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: rgb(79 70 229);
    border-color: rgb(79 70 229);
}

.flatpickr-day.today:not(.selected) {
    border-color: rgb(79 70 229);
}

input.flatpickr-input {
    cursor: pointer;
}

.dark .flatpickr-calendar {
    background: rgb(31 41 55);
    border: 1px solid rgb(255 255 255 / 0.1);
    box-shadow: 0 10px 30px rgb(0 0 0 / 0.5);
}

.dark .flatpickr-months .flatpickr-month,
.dark .flatpickr-current-month .flatpickr-monthDropdown-months,
.dark .flatpickr-current-month input.cur-year,
.dark span.flatpickr-weekday,
.dark .flatpickr-day,
.dark .flatpickr-time input,
.dark .flatpickr-time .flatpickr-am-pm {
    color: rgb(226 232 240);
    fill: rgb(226 232 240);
    background: transparent;
}

.dark .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background: rgb(31 41 55);
}

.dark .flatpickr-day:hover,
.dark .flatpickr-day.flatpickr-disabled,
.dark .flatpickr-day.prevMonthDay,
.dark .flatpickr-day.nextMonthDay {
    background: rgb(255 255 255 / 0.06);
    border-color: transparent;
}

.dark .flatpickr-day.prevMonthDay,
.dark .flatpickr-day.nextMonthDay {
    color: rgb(100 116 139);
}

.dark .flatpickr-day.selected {
    background: rgb(99 102 241);
    color: #fff;
}

.dark .flatpickr-months .flatpickr-prev-month svg,
.dark .flatpickr-months .flatpickr-next-month svg {
    fill: rgb(226 232 240);
}