/** * Hand-written CSS retained alongside the generated Tailwind stylesheet. * * Everything here targets DOM that Tailwind's content-scanner cannot reach * because it isn't part of any Vue template: flatpickr injects its calendar * popup directly into at runtime. These rules recolor its default * accent to match the brand palette in tailwind.config.js. */ .flatpickr-calendar { border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } .flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months { color: #1a1a2e; } .flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus { background: #2563eb; border-color: #2563eb; } .flatpickr-day.today { border-color: #2563eb; } .flatpickr-day:hover { background: #eff6ff; border-color: #eff6ff; } .flatpickr-day.selected:hover { background: #1d4ed8; border-color: #1d4ed8; }