.flatpickr-calendar { box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08); border: 1px solid #e2e8f0; z-index: 99999999 !important; } .flatpickr-day { background: #f1f5f9; color: #1e1e1e; font-weight: 500; border: none; border-radius: 4px; max-width: none; height: 38px; line-height: 38px; margin: 2px 0; } .flatpickr-day:hover, .flatpickr-day:focus { background: #e2e8f0; border: none; } .flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.startRange, .flatpickr-day.selected.endRange { background: #f1f5f9; color: #1e1e1e; border: none; box-shadow: none; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; } .flatpickr-day.today, .flatpickr-day.today:hover, .flatpickr-day.today:focus { border: none; background: #f1f5f9; color: #1e1e1e; } .flatpickr-day.today.selected { text-decoration: underline; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { background: transparent; color: #cbd5e1; cursor: default; } .flatpickr-weekday { color: #94a3b8; font-weight: 400; font-size: 12px; } .flatpickr-months .flatpickr-month { color: #1e1e1e; } .flatpickr-current-month { font-size: 15px; font-weight: 500; } .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-weight: 500; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { fill: #475569; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #1e1e1e; }