/* Flatpickr month-picker fixes
   Targets only the month picker generated by the Month Select plugin
   HTML path: .flatpickr-innerContainer > .flatpickr-rContainer > .flatpickr-monthSelect-months
*/

.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-months {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 8px;
  max-width: 100%;
  box-sizing: border-box;
}

.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-month {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  min-height: 36px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #e6eaee;
  color: #333;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  transition: background 150ms ease, transform 120ms ease, box-shadow 120ms ease;
  user-select: none;
}

.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-month:hover {
  background: #e9f5ff;
  border-color: #bfe6ff;
  color: #007cba;
  transform: translateY(-1px);
}

.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-month.selected,
.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-month.today.selected {
  background: #007cba;
  color: #fff;
  border-color: #005a87;
  box-shadow: 0 6px 18px rgba(0, 124, 186, 0.16);
}

.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-month:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.12);
}

/* Ensure keyboard-only month elements don't show native outline */
.flatpickr-innerContainer .flatpickr-rContainer .flatpickr-monthSelect-month[tabindex="-1"] {
  outline: none;
}