/* Flatpickr — dark / light theme hooks */
.flatpickr-calendar {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  color: var(--text);
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
.flatpickr-weekday {
  background: var(--surface);
  color: var(--text);
}

.flatpickr-day {
  color: var(--text);
}

.flatpickr-day:hover,
.flatpickr-day:focus {
  background: var(--surface-2);
  border-color: var(--surface-2);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.flatpickr-day.today {
  border-color: var(--accent);
}

.flatpickr-day.flatpickr-disabled {
  color: var(--muted);
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  fill: var(--text);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--accent);
}

.flatpickr-input[readonly] {
  cursor: pointer;
  background: var(--surface);
  color: var(--text);
}

html.dark .flatpickr-input[readonly] {
  background: var(--surface-2);
}