.flatpickr-calendar{background:var(--color-surface-lowest);border:1px solid var(--color-border);border-radius:var(--radius-container);box-shadow:var(--shadow-floating);font-family:var(--font-functional)}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{border-bottom-color:var(--color-border)}
.flatpickr-months .flatpickr-month{background:transparent;color:var(--color-text)}
.flatpickr-current-month{font-family:var(--font-editorial);color:var(--color-text)}
.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:var(--color-text);font-family:var(--font-editorial)}
.flatpickr-prev-month,.flatpickr-next-month{color:var(--color-text-muted)}
.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:var(--color-primary)}
.flatpickr-prev-month svg,.flatpickr-next-month svg{fill:var(--color-text-muted)}
span.flatpickr-weekday{color:var(--color-text-muted);font-weight:600}
.flatpickr-day{color:var(--color-text);border-radius:var(--radius-control)}
.flatpickr-day.today{border-color:var(--color-primary)}
.flatpickr-day:hover,.flatpickr-day:focus{background:var(--color-primary-subtle);border-color:var(--color-primary-subtle)}
.flatpickr-day.selected,.flatpickr-day.selected:hover,.flatpickr-day.selected:focus{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}
.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:var(--color-text)}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--color-text-muted);opacity:.5}
.flatpickr-time{border-top:1px solid var(--color-border)}
.flatpickr-time input,.flatpickr-time .flatpickr-am-pm{color:var(--color-text);font-family:var(--font-functional)}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:var(--color-primary-subtle)}
.numInputWrapper span.arrowUp:after{border-bottom-color:var(--color-text-muted)}
.numInputWrapper span.arrowDown:after{border-top-color:var(--color-text-muted)}