/* Календарь flatpickr в цветах панели — и в светлой, и в тёмной теме.
   Своё поверх стандартного flatpickr.min.css: токены те же, что у панели
   (base.html), поэтому календарь сам следует за переключателем темы. */
.flatpickr-calendar {
  background: var(--card); color: var(--ink);
  border: 1px solid var(--border); border-radius: 12px;
  box-shadow: 0 10px 30px rgb(0 0 0 / .14);
  font-family: var(--sans);
}
.flatpickr-calendar.arrowTop::before, .flatpickr-calendar.arrowTop::after { border-bottom-color: var(--border); }
.flatpickr-calendar.arrowBottom::before, .flatpickr-calendar.arrowBottom::after { border-top-color: var(--border); }
.flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year, span.flatpickr-weekday,
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  color: var(--ink); fill: var(--ink); background: transparent;
}
.flatpickr-current-month .flatpickr-monthDropdown-months option { background: var(--card); color: var(--ink); }
span.flatpickr-weekday { color: var(--muted); font-weight: 600; }
.flatpickr-day { color: var(--ink); border-radius: 8px; }
.flatpickr-day:hover, .flatpickr-day:focus { background: var(--hover); border-color: var(--hover); }
.flatpickr-day.today { border-color: var(--accent); }
.flatpickr-day.selected, .flatpickr-day.selected:hover {
  background: var(--accent); border-color: var(--accent); color: var(--accent-ink);
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay,
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: var(--dot); }
.flatpickr-time { border-top: 1px solid var(--border) !important; }
.flatpickr-time input, .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  color: var(--ink); background: transparent;
}
.flatpickr-time input:hover, .flatpickr-time input:focus { background: var(--hover); }
.flatpickr-calendar.hasTime .flatpickr-time { border-color: var(--border); }