/* ── Applied only when Backpack dark mode is active (body.theme-dark) ────── */

/* ── Form inputs / selects / textareas ── */
body.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="hidden"]),
body.theme-dark select,
body.theme-dark textarea {
  background-color: var(--tblr-secondary-bg) !important;
  color: var(--tblr-body-color) !important;
  border-color: var(--tblr-border-color) !important;
}

/* ── Select2 — closed state ── */
body.theme-dark .select2-container .select2-selection,
body.theme-dark .select2-container--default .select2-selection--single,
body.theme-dark .select2-container--default .select2-selection--multiple {
  background-color: var(--tblr-secondary-bg) !important;
  border-color: var(--tblr-border-color) !important;
  color: var(--tblr-body-color) !important;
}
body.theme-dark .select2-selection__rendered,
body.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--tblr-body-color) !important;
}
body.theme-dark .select2-selection__placeholder {
  color: var(--tblr-secondary) !important;
}
body.theme-dark .select2-selection__arrow b {
  border-color: var(--tblr-body-color) transparent transparent transparent !important;
}

/* ── Select2 — dropdown ── */
body.theme-dark .select2-dropdown {
  background-color: var(--tblr-tertiary-bg) !important;
  border-color: var(--tblr-border-color) !important;
  color: var(--tblr-body-color) !important;
}
body.theme-dark .select2-search--dropdown .select2-search__field {
  background-color: var(--tblr-secondary-bg) !important;
  border-color: var(--tblr-border-color) !important;
  color: var(--tblr-body-color) !important;
}
body.theme-dark .select2-results__option {
  color: var(--tblr-body-color) !important;
  background-color: transparent !important;
}
body.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--tblr-primary) !important;
  color: #fff !important;
}
body.theme-dark .select2-results__option[aria-selected="true"] {
  background-color: rgba(100, 108, 255, 0.15) !important;
}
body.theme-dark .select2-selection__choice {
  background-color: var(--tblr-secondary-bg) !important;
  border-color: var(--tblr-border-color) !important;
  color: var(--tblr-body-color) !important;
}

/* ── Repeatable field wrappers ── */
body.theme-dark [data-repeatable-identifier] {
  background-color: var(--tblr-tertiary-bg) !important;
  border-color: var(--tblr-border-color) !important;
}

/* ── Jumbotron (dashboard greeting) ── */
body.theme-dark .jumbotron {
  background-color: var(--tblr-secondary-bg) !important;
  border: 1px solid var(--tblr-border-color);
}

/* ── FullCalendar today cell ── */
body.theme-dark .fc {
  --fc-today-bg-color: rgba(100, 108, 255, 0.12);
}
body.theme-dark .fc .fc-day-today {
  background-color: rgba(100, 108, 255, 0.12) !important;
}
body.theme-dark .fc .fc-day-today .fc-daygrid-day-number {
  color: var(--tblr-primary);
  font-weight: bold;
}

/* ── Geography expandable sub-rows ── */
body.theme-dark tr[data-parent-county] {
  background-color: rgba(255,255,255,0.04) !important;
}

/* ── DatePicker / flatpickr ── */
body.theme-dark .flatpickr-calendar {
  background-color: var(--tblr-tertiary-bg) !important;
  border-color: var(--tblr-border-color) !important;
  color: var(--tblr-body-color) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}
body.theme-dark .flatpickr-day {
  color: var(--tblr-body-color) !important;
}
body.theme-dark .flatpickr-day:hover,
body.theme-dark .flatpickr-day.prevMonthDay:hover,
body.theme-dark .flatpickr-day.nextMonthDay:hover {
  background-color: rgba(100, 108, 255, 0.15) !important;
  border-color: transparent !important;
}
body.theme-dark .flatpickr-day.today {
  border-color: var(--tblr-primary) !important;
}
body.theme-dark .flatpickr-months,
body.theme-dark .flatpickr-weekdays,
body.theme-dark span.flatpickr-weekday {
  background-color: var(--tblr-tertiary-bg) !important;
  color: var(--tblr-body-color) !important;
}
body.theme-dark .flatpickr-current-month,
body.theme-dark .numInputWrapper,
body.theme-dark .flatpickr-current-month input.cur-year {
  color: var(--tblr-body-color) !important;
}
body.theme-dark .flatpickr-prev-month svg,
body.theme-dark .flatpickr-next-month svg {
  fill: var(--tblr-body-color) !important;
}