/* Brand theme overrides for flatpickr — uses the portal CSS vars so the calendar
   re-skins per tenant (orange for BE Verify, green for SMCC). Loaded after
   flatpickr.min.css so these win. */
/* On a type=date input flatpickr keeps the native calendar indicator; hide it so
   only flatpickr's calendar opens (no dual native popup). */
.flatpickr-input::-webkit-calendar-picker-indicator { display: none; }
.flatpickr-calendar {
  font-family: var(--font, 'Open Sans', system-ui, sans-serif);
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
  background: var(--brand-highlight, #76bd43);
  border-color: var(--brand-highlight, #76bd43);
  color: #fff;
}
.flatpickr-day.today {
  border-color: var(--brand-highlight, #76bd43);
}
.flatpickr-day.today:hover {
  background: var(--brand-highlight, #76bd43);
  color: #fff;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
  background: rgba(0, 0, 0, .06);
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months,
span.flatpickr-weekday {
  color: var(--brand-primary, #033436);
  fill: var(--brand-primary, #033436);
}
.flatpickr-monthDropdown-months { font-family: var(--font, system-ui); }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--brand-highlight, #76bd43);
}