/* bootstrap-daterangepicker readability fixes (2026-08-21)
   The library uses `color:inherit` + `font:arial 15px`, so dates/labels render
   faint against the theme. Force readable dark text + the app font. The popup
   background is always #fff, so these dark colors work in every theme.

   NOTE: this file must be loaded AFTER public/vendor/css/daterangepicker.css so
   these rules win on equal specificity (esp. the :hover rule, which the library
   sets to `color:inherit`). It is a standalone file (new URL) so it cache-busts
   automatically on every environment without touching the versioning setting. */
.daterangepicker {
    color: #4b5563;
    font-family: inherit;
    font-size: 13px;
    border: 1px solid #e6e9ef;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
}
.daterangepicker .ranges li {
    color: #4b5563;
    font-size: 13px;
}
.daterangepicker .ranges li.active {
    background-color: #357ebd;
    color: #fff;
}
.daterangepicker th {
    color: #1f2937;
}
/* day cells: target .calendar-table td directly (higher specificity than the
   theme's inherited `td` color, which was washing the numbers out) */
.daterangepicker .calendar-table td {
    color: #1f2937;
}
.daterangepicker .calendar-table td.week {
    color: #c4c4c4;
}
/* hover: library sets `color:inherit` on td.available:hover; override with an
   extra class (.calendar-table) so this wins regardless of load order */
.daterangepicker .calendar-table td.available:hover,
.daterangepicker .calendar-table th.available:hover {
    background-color: #eef2f7;
    color: #1f2937;
}
.daterangepicker .calendar-table td.off,
.daterangepicker .calendar-table td.off.in-range,
.daterangepicker .calendar-table td.off.start-date,
.daterangepicker .calendar-table td.off.end-date {
    color: #cbd2d9;
}
.daterangepicker .calendar-table td.in-range {
    color: #1f2937;
}
.daterangepicker .calendar-table td.active,
.daterangepicker .calendar-table td.active:hover {
    background-color: #357ebd;
    color: #fff;
}
.daterangepicker .drp-selected {
    font-size: 12px;
}
.daterangepicker .drp-buttons .btn {
    font-size: 12px;
    padding: 5px 14px;
}