/* Choices.js (select mejorado) */
.choices,
.select.country-select + .choices { width: 100%; }

.choices .choices__inner {
  background: #0b1220 !important;        /* igual que .rte input/select */
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 8px !important;
  min-height: 36px !important;
}

.choices.is-focused .choices__inner,
.choices.is-open .choices__inner {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px rgba(34,197,94,0.15) !important;
}

.choices .choices__placeholder,
.choices .choices__list--single .choices__item {
  color: var(--muted) !important;
  opacity: 1 !important;
}

.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  color: var(--fg) !important;
}

.choices .choices__list--dropdown .choices__item--selectable {
  color: var(--fg) !important;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: var(--primary) !important;
  color: #0b1220 !important; /* contraste sobre verde */
}

.choices .choices__input {
  background: #0b1220 !important;
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
}

/* Flatpickr (calendario) */
.flatpickr-calendar {
  background: var(--card) !important;
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
}

.flatpickr-months,
.flatpickr-weekdays {
  background: var(--card) !important;
  color: var(--fg) !important;
  border-bottom: 1px solid var(--border) !important;
}

.flatpickr-weekday { color: var(--muted) !important; }

.flatpickr-day {
  color: var(--fg) !important;
  border-radius: 6px !important;
}

.flatpickr-day:hover {
  background: rgba(255,255,255,0.06) !important;
}

.flatpickr-day.today {
  border-color: var(--primary) !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--primary) !important;
  color: #0b1220 !important;
  border-color: var(--primary) !important;
}

.flatpickr-time input,
.flatpickr-time .numInput {
  background: #0b1220 !important;
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
}

.flatpickr-time .flatpickr-time-separator { color: var(--muted) !important; }

/* Flatpickr header (mes/año y flechas) */
.flatpickr-months .flatpickr-month {
  background: var(--card) !important;
  border-bottom: 1px solid var(--border) !important;
}

.flatpickr-current-month { color: var(--fg) !important; }
.flatpickr-current-month .cur-month { color: var(--fg) !important; }
.flatpickr-current-month .numInputWrapper input { color: var(--fg) !important; }

/* Flechas de navegación */
.flatpickr-prev-month svg, .flatpickr-next-month svg { fill: var(--fg) !important; }
.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg { fill: var(--primary) !important; }

/* Dropdown de meses (cuando es select) */
.flatpickr-monthDropdown-months {
  background: #0b1220 !important;
  color: var(--fg) !important;
  border: 1px solid var(--border) !important;
}

/* Flechas del input de año */
.flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-current-month .numInputWrapper span.arrowDown {
  border-top-color: var(--fg) !important;
  border-bottom-color: var(--fg) !important;
}