/* DateRangePicker Dark Theme Support for Filament */

html.dark .daterangepicker,
body.dark .daterangepicker,
.dark .daterangepicker,
.dark-mode.daterangepicker {
    background-color: rgb(23 23 23) !important; /* Cor neutra sem tom azulado */
    border: 1px solid rgb(64 64 64) !important; /* Borda neutra */
    border-radius: 0.5rem !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2) !important;
    color: rgb(243 244 246) !important; /* gray-100 */
    padding: 0.75rem !important;
}

html.dark .daterangepicker .calendar-table,
body.dark .daterangepicker .calendar-table,
.dark .daterangepicker .calendar-table,
.dark-mode.daterangepicker .calendar-table {
    background-color: rgb(23 23 23) !important; /* Cor neutra sem tom azulado */
}

html.dark .daterangepicker .calendar-table th,
body.dark .daterangepicker .calendar-table th,
.dark .daterangepicker .calendar-table th,
.dark-mode.daterangepicker .calendar-table th,
html.dark .daterangepicker .calendar-table td,
body.dark .daterangepicker .calendar-table td,
.dark .daterangepicker .calendar-table td,
.dark-mode.daterangepicker .calendar-table td {
    color: rgb(243 244 246) !important; /* gray-100 */
    transition: all 0.15s ease-in-out !important;
}

/* Estilização do header com dias da semana */
html.dark .daterangepicker .calendar-table thead tr:last-child th,
body.dark .daterangepicker .calendar-table thead tr:last-child th,
.dark .daterangepicker .calendar-table thead tr:last-child th,
.dark-mode.daterangepicker .calendar-table thead tr:last-child th {
    color: rgb(156 163 175) !important; /* gray-400 */
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.5rem 0 !important;
}

html.dark .daterangepicker .calendar-table th.available:hover,
body.dark .daterangepicker .calendar-table th.available:hover,
.dark .daterangepicker .calendar-table th.available:hover,
.dark-mode.daterangepicker .calendar-table th.available:hover,
html.dark .daterangepicker .calendar-table td.available:hover,
body.dark .daterangepicker .calendar-table td.available:hover,
.dark .daterangepicker .calendar-table td.available:hover,
.dark-mode.daterangepicker .calendar-table td.available:hover {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(255 255 255) !important;
    border-radius: 0.375rem !important;
    transform: scale(1.05) !important;
}

html.dark .daterangepicker .calendar-table td.in-range,
body.dark .daterangepicker .calendar-table td.in-range,
.dark .daterangepicker .calendar-table td.in-range,
.dark-mode.daterangepicker .calendar-table td.in-range {
    background-color: rgba(16, 185, 129, 0.15) !important; /* emerald-500 com opacidade */
    color: rgb(243 244 246) !important; /* gray-100 */
    border-radius: 0 !important;
}

html.dark .daterangepicker .calendar-table td.in-range.available:hover,
body.dark .daterangepicker .calendar-table td.in-range.available:hover,
.dark .daterangepicker .calendar-table td.in-range.available:hover,
.dark-mode.daterangepicker .calendar-table td.in-range.available:hover {
    background-color: rgba(16, 185, 129, 0.25) !important;
}

html.dark .daterangepicker .calendar-table td.in-range.available:hover,
body.dark .daterangepicker .calendar-table td.in-range.available:hover,
.dark .daterangepicker .calendar-table td.in-range.available:hover,
.dark-mode.daterangepicker .calendar-table td.in-range.available:hover {
    background-color: rgba(16, 185, 129, 0.25) !important;
}

html.dark .daterangepicker .calendar-table td.start-date,
body.dark .daterangepicker .calendar-table td.start-date,
.dark .daterangepicker .calendar-table td.start-date,
.dark-mode.daterangepicker .calendar-table td.start-date,
html.dark .daterangepicker .calendar-table td.end-date,
body.dark .daterangepicker .calendar-table td.end-date,
.dark .daterangepicker .calendar-table td.end-date,
.dark-mode.daterangepicker .calendar-table td.end-date {
    background-color: rgb(16 185 129) !important; /* emerald-500 */
    color: rgb(255 255 255) !important;
    font-weight: 600 !important;
    border-radius: 0.375rem !important;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3) !important;
}

html.dark .daterangepicker .calendar-table td.start-date.available:hover,
body.dark .daterangepicker .calendar-table td.start-date.available:hover,
.dark .daterangepicker .calendar-table td.start-date.available:hover,
.dark-mode.daterangepicker .calendar-table td.start-date.available:hover,
html.dark .daterangepicker .calendar-table td.end-date.available:hover,
body.dark .daterangepicker .calendar-table td.end-date.available:hover,
.dark .daterangepicker .calendar-table td.end-date.available:hover,
.dark-mode.daterangepicker .calendar-table td.end-date.available:hover {
    background-color: rgb(5 150 105) !important; /* emerald-600 */
    box-shadow: 0 4px 6px rgba(16, 185, 129, 0.4) !important;
}

html.dark .daterangepicker .calendar-table td.start-date.end-date,
body.dark .daterangepicker .calendar-table td.start-date.end-date,
.dark .daterangepicker .calendar-table td.start-date.end-date,
.dark-mode.daterangepicker .calendar-table td.start-date.end-date {
    background-color: rgb(16 185 129) !important;
    color: rgb(255 255 255) !important;
}

html.dark .daterangepicker .calendar-table td.off,
body.dark .daterangepicker .calendar-table td.off,
.dark .daterangepicker .calendar-table td.off,
.dark-mode.daterangepicker .calendar-table td.off {
    background-color: transparent !important;
    color: rgb(75 85 99) !important; /* gray-600 - mais sutil */
    opacity: 0.5 !important;
}

html.dark .daterangepicker .calendar-table td.off.end-date,
body.dark .daterangepicker .calendar-table td.off.end-date,
.dark .daterangepicker .calendar-table td.off.end-date,
.dark-mode.daterangepicker .calendar-table td.off.end-date,
html.dark .daterangepicker .calendar-table td.off.start-date,
body.dark .daterangepicker .calendar-table td.off.start-date,
.dark .daterangepicker .calendar-table td.off.start-date,
.dark-mode.daterangepicker .calendar-table td.off.start-date {
    background-color: transparent !important;
    color: rgb(75 85 99) !important; /* gray-600 */
    opacity: 0.5 !important;
}

html.dark .daterangepicker .calendar-table td.off.in-range,
body.dark .daterangepicker .calendar-table td.off.in-range,
.dark .daterangepicker .calendar-table td.off.in-range,
.dark-mode.daterangepicker .calendar-table td.off.in-range {
    background-color: rgba(16, 185, 129, 0.1) !important;
    opacity: 0.6 !important;
}

html.dark .daterangepicker .calendar-table td.disabled,
body.dark .daterangepicker .calendar-table td.disabled,
.dark .daterangepicker .calendar-table td.disabled,
.dark-mode.daterangepicker .calendar-table td.disabled,
html.dark .daterangepicker .calendar-table option.disabled,
body.dark .daterangepicker .calendar-table option.disabled,
.dark .daterangepicker .calendar-table option.disabled,
.dark-mode.daterangepicker .calendar-table option.disabled {
    color: rgb(107 114 128) !important; /* gray-500 */
    cursor: not-allowed !important;
}

html.dark .daterangepicker .ranges li,
body.dark .daterangepicker .ranges li,
.dark .daterangepicker .ranges li,
.dark-mode.daterangepicker .ranges li {
    color: rgb(243 244 246) !important; /* gray-100 */
}

html.dark .daterangepicker .ranges li:hover,
body.dark .daterangepicker .ranges li:hover,
.dark .daterangepicker .ranges li:hover,
.dark-mode.daterangepicker .ranges li:hover {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(243 244 246) !important; /* gray-100 */
}

html.dark .daterangepicker .ranges li.active,
body.dark .daterangepicker .ranges li.active,
.dark .daterangepicker .ranges li.active,
.dark-mode.daterangepicker .ranges li.active {
    background-color: rgb(16 185 129) !important; /* emerald-500 */
    color: rgb(255 255 255) !important;
}

html.dark .daterangepicker .drp-buttons,
body.dark .daterangepicker .drp-buttons,
.dark .daterangepicker .drp-buttons,
.dark-mode.daterangepicker .drp-buttons {
    border-top-color: rgb(64 64 64) !important; /* Borda neutra */
}

html.dark .daterangepicker .drp-buttons .btn,
body.dark .daterangepicker .drp-buttons .btn,
.dark .daterangepicker .drp-buttons .btn,
.dark-mode.daterangepicker .drp-buttons .btn {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    border-color: rgb(64 64 64) !important; /* Borda neutra */
    color: rgb(243 244 246) !important; /* gray-100 */
}

html.dark .daterangepicker .drp-buttons .btn:hover,
body.dark .daterangepicker .drp-buttons .btn:hover,
.dark .daterangepicker .drp-buttons .btn:hover,
.dark-mode.daterangepicker .drp-buttons .btn:hover {
    background-color: rgb(64 64 64) !important; /* Cor neutra no hover */
    color: rgb(255 255 255) !important;
}

html.dark .daterangepicker .drp-buttons .btn.btn-primary,
body.dark .daterangepicker .drp-buttons .btn.btn-primary,
.dark .daterangepicker .drp-buttons .btn.btn-primary,
.dark-mode.daterangepicker .drp-buttons .btn.btn-primary {
    background-color: rgb(16 185 129) !important; /* emerald-500 */
    border-color: rgb(16 185 129) !important;
    color: rgb(255 255 255) !important;
}

html.dark .daterangepicker .drp-buttons .btn.btn-primary:hover,
body.dark .daterangepicker .drp-buttons .btn.btn-primary:hover,
.dark .daterangepicker .drp-buttons .btn.btn-primary:hover,
.dark-mode.daterangepicker .drp-buttons .btn.btn-primary:hover {
    background-color: rgb(5 150 105) !important; /* emerald-600 */
    border-color: rgb(5 150 105) !important;
}

html.dark .daterangepicker select.monthselect,
body.dark .daterangepicker select.monthselect,
.dark .daterangepicker select.monthselect,
.dark-mode.daterangepicker select.monthselect,
html.dark .daterangepicker select.yearselect,
body.dark .daterangepicker select.yearselect,
.dark .daterangepicker select.yearselect,
.dark-mode.daterangepicker select.yearselect {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    border: 1px solid rgb(64 64 64) !important; /* Borda neutra */
    border-radius: 0.375rem !important;
    color: rgb(243 244 246) !important; /* gray-100 */
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    transition: all 0.15s ease-in-out !important;
}

html.dark .daterangepicker select.monthselect:hover,
body.dark .daterangepicker select.monthselect:hover,
.dark .daterangepicker select.monthselect:hover,
.dark-mode.daterangepicker select.monthselect:hover,
html.dark .daterangepicker select.yearselect:hover,
body.dark .daterangepicker select.yearselect:hover,
.dark .daterangepicker select.yearselect:hover,
.dark-mode.daterangepicker select.yearselect:hover {
    background-color: rgb(64 64 64) !important; /* Cor neutra no hover */
    border-color: rgb(82 82 82) !important; /* Borda neutra mais clara */
}

html.dark .daterangepicker select.monthselect:focus,
body.dark .daterangepicker select.monthselect:focus,
.dark .daterangepicker select.monthselect:focus,
.dark-mode.daterangepicker select.monthselect:focus,
html.dark .daterangepicker select.yearselect:focus,
body.dark .daterangepicker select.yearselect:focus,
.dark .daterangepicker select.yearselect:focus,
.dark-mode.daterangepicker select.yearselect:focus {
    outline: none !important;
    border-color: rgb(16 185 129) !important; /* emerald-500 */
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

html.dark .daterangepicker select.monthselect option,
body.dark .daterangepicker select.monthselect option,
.dark .daterangepicker select.monthselect option,
.dark-mode.daterangepicker select.monthselect option,
html.dark .daterangepicker select.yearselect option,
body.dark .daterangepicker select.yearselect option,
.dark .daterangepicker select.yearselect option,
.dark-mode.daterangepicker select.yearselect option {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(243 244 246) !important; /* gray-100 */
}

html.dark .daterangepicker .calendar-table .prev,
html.dark .daterangepicker .calendar-table .prev.available,
body.dark .daterangepicker .calendar-table .prev,
body.dark .daterangepicker .calendar-table .prev.available,
.dark .daterangepicker .calendar-table .prev,
.dark .daterangepicker .calendar-table .prev.available,
.dark-mode.daterangepicker .calendar-table .prev,
.dark-mode.daterangepicker .calendar-table .prev.available,
html.dark .daterangepicker .calendar-table .next,
html.dark .daterangepicker .calendar-table .next.available,
body.dark .daterangepicker .calendar-table .next,
body.dark .daterangepicker .calendar-table .next.available,
.dark .daterangepicker .calendar-table .next,
.dark .daterangepicker .calendar-table .next.available,
.dark-mode.daterangepicker .calendar-table .next,
.dark-mode.daterangepicker .calendar-table .next.available {
    color: rgb(243 244 246) !important; /* gray-100 */
    background-color: transparent !important;
}

html.dark .daterangepicker .calendar-table .prev:hover,
body.dark .daterangepicker .calendar-table .prev:hover,
.dark .daterangepicker .calendar-table .prev:hover,
.dark-mode.daterangepicker .calendar-table .prev:hover,
html.dark .daterangepicker .calendar-table .next:hover,
body.dark .daterangepicker .calendar-table .next:hover,
.dark .daterangepicker .calendar-table .next:hover,
.dark-mode.daterangepicker .calendar-table .next:hover {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(255 255 255) !important;
}

/* Estilos específicos para as setas prev/next - com maior especificidade */
html.dark .daterangepicker .calendar-table th.prev,
html.dark .daterangepicker .calendar-table th.prev.available,
body.dark .daterangepicker .calendar-table th.prev,
body.dark .daterangepicker .calendar-table th.prev.available,
.dark .daterangepicker .calendar-table th.prev,
.dark .daterangepicker .calendar-table th.prev.available,
.dark-mode.daterangepicker .calendar-table th.prev,
.dark-mode.daterangepicker .calendar-table th.prev.available,
html.dark .daterangepicker .calendar-table th.next,
html.dark .daterangepicker .calendar-table th.next.available,
body.dark .daterangepicker .calendar-table th.next,
body.dark .daterangepicker .calendar-table th.next.available,
.dark .daterangepicker .calendar-table th.next,
.dark .daterangepicker .calendar-table th.next.available,
.dark-mode.daterangepicker .calendar-table th.next,
.dark-mode.daterangepicker .calendar-table th.next.available {
    color: rgb(243 244 246) !important; /* gray-100 */
    background-color: transparent !important;
    border-color: transparent !important;
}

html.dark .daterangepicker .calendar-table th.prev:hover,
html.dark .daterangepicker .calendar-table th.prev.available:hover,
body.dark .daterangepicker .calendar-table th.prev:hover,
body.dark .daterangepicker .calendar-table th.prev.available:hover,
.dark .daterangepicker .calendar-table th.prev:hover,
.dark .daterangepicker .calendar-table th.prev.available:hover,
.dark-mode.daterangepicker .calendar-table th.prev:hover,
.dark-mode.daterangepicker .calendar-table th.prev.available:hover,
html.dark .daterangepicker .calendar-table th.next:hover,
html.dark .daterangepicker .calendar-table th.next.available:hover,
body.dark .daterangepicker .calendar-table th.next:hover,
body.dark .daterangepicker .calendar-table th.next.available:hover,
.dark .daterangepicker .calendar-table th.next:hover,
.dark .daterangepicker .calendar-table th.next.available:hover,
.dark-mode.daterangepicker .calendar-table th.next:hover,
.dark-mode.daterangepicker .calendar-table th.next.available:hover {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(255 255 255) !important;
    border-radius: 0.25rem;
    border-color: rgb(64 64 64) !important; /* Borda neutra */
}

/* Forçar cor dos ícones das setas usando pseudo-elementos se necessário */
html.dark .daterangepicker .calendar-table th.prev::before,
html.dark .daterangepicker .calendar-table th.prev.available::before,
body.dark .daterangepicker .calendar-table th.prev::before,
body.dark .daterangepicker .calendar-table th.prev.available::before,
.dark .daterangepicker .calendar-table th.prev::before,
.dark .daterangepicker .calendar-table th.prev.available::before,
.dark-mode.daterangepicker .calendar-table th.prev::before,
.dark-mode.daterangepicker .calendar-table th.prev.available::before,
html.dark .daterangepicker .calendar-table th.next::before,
html.dark .daterangepicker .calendar-table th.next.available::before,
body.dark .daterangepicker .calendar-table th.next::before,
body.dark .daterangepicker .calendar-table th.next.available::before,
.dark .daterangepicker .calendar-table th.next::before,
.dark .daterangepicker .calendar-table th.next.available::before,
.dark-mode.daterangepicker .calendar-table th.next::before,
.dark-mode.daterangepicker .calendar-table th.next.available::before {
    color: rgb(243 244 246) !important; /* gray-100 */
}

html.dark .daterangepicker .calendar-table th.prev::after,
html.dark .daterangepicker .calendar-table th.prev.available::after,
body.dark .daterangepicker .calendar-table th.prev::after,
body.dark .daterangepicker .calendar-table th.prev.available::after,
.dark .daterangepicker .calendar-table th.prev::after,
.dark .daterangepicker .calendar-table th.prev.available::after,
.dark-mode.daterangepicker .calendar-table th.prev::after,
.dark-mode.daterangepicker .calendar-table th.prev.available::after,
html.dark .daterangepicker .calendar-table th.next::after,
html.dark .daterangepicker .calendar-table th.next.available::after,
body.dark .daterangepicker .calendar-table th.next::after,
body.dark .daterangepicker .calendar-table th.next.available::after,
.dark .daterangepicker .calendar-table th.next::after,
.dark .daterangepicker .calendar-table th.next.available::after,
.dark-mode.daterangepicker .calendar-table th.next::after,
.dark-mode.daterangepicker .calendar-table th.next.available::after {
    color: rgb(243 244 246) !important; /* gray-100 */
}

html.dark .daterangepicker .calendar-table .month,
body.dark .daterangepicker .calendar-table .month,
.dark .daterangepicker .calendar-table .month,
.dark-mode.daterangepicker .calendar-table .month {
    color: rgb(243 244 246) !important; /* gray-100 */
}

/* Estilo adicional para setas com classe dark-arrow */
.daterangepicker .calendar-table th.dark-arrow,
.daterangepicker .calendar-table th.prev.dark-arrow,
.daterangepicker .calendar-table th.next.dark-arrow,
.daterangepicker .calendar-table th.prev.available.dark-arrow,
.daterangepicker .calendar-table th.next.available.dark-arrow {
    color: rgb(243 244 246) !important; /* gray-100 */
    background-color: transparent !important;
}

.daterangepicker .calendar-table th.dark-arrow span,
.daterangepicker .calendar-table th.prev.dark-arrow span,
.daterangepicker .calendar-table th.next.dark-arrow span,
.daterangepicker .calendar-table th.prev.available.dark-arrow span,
.daterangepicker .calendar-table th.next.available.dark-arrow span {
    color: rgb(243 244 246) !important; /* gray-100 */
    border-color: rgb(243 244 246) !important; /* gray-100 */
}

.daterangepicker .calendar-table th.dark-arrow:hover,
.daterangepicker .calendar-table th.prev.dark-arrow:hover,
.daterangepicker .calendar-table th.next.dark-arrow:hover,
.daterangepicker .calendar-table th.prev.available.dark-arrow:hover,
.daterangepicker .calendar-table th.next.available.dark-arrow:hover {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(255 255 255) !important;
    border-radius: 0.25rem !important;
}

.daterangepicker .calendar-table th.dark-arrow:hover span,
.daterangepicker .calendar-table th.prev.dark-arrow:hover span,
.daterangepicker .calendar-table th.next.dark-arrow:hover span,
.daterangepicker .calendar-table th.prev.available.dark-arrow:hover span,
.daterangepicker .calendar-table th.next.available.dark-arrow:hover span {
    color: rgb(255 255 255) !important;
    border-color: rgb(255 255 255) !important;
}

/* Melhorias gerais de espaçamento e bordas */
html.dark .daterangepicker .calendar-table,
body.dark .daterangepicker .calendar-table,
.dark .daterangepicker .calendar-table,
.dark-mode.daterangepicker .calendar-table {
    border-spacing: 0.25rem !important;
    border-collapse: separate !important;
}

html.dark .daterangepicker .calendar-table td,
body.dark .daterangepicker .calendar-table td,
.dark .daterangepicker .calendar-table td,
.dark-mode.daterangepicker .calendar-table td {
    padding: 0.5rem !important;
    text-align: center !important;
    cursor: pointer !important;
    border-radius: 0.375rem !important;
    min-width: 2.5rem !important;
    height: 2.5rem !important;
}

html.dark .daterangepicker .calendar-table th.month,
body.dark .daterangepicker .calendar-table th.month,
.dark .daterangepicker .calendar-table th.month,
.dark-mode.daterangepicker .calendar-table th.month {
    padding: 0.5rem !important;
}

/* Melhorar a aparência dos dias de fim de semana */
html.dark .daterangepicker .calendar-table td.weekend,
body.dark .daterangepicker .calendar-table td.weekend,
.dark .daterangepicker .calendar-table td.weekend,
.dark-mode.daterangepicker .calendar-table td.weekend {
    color: rgb(209 213 219) !important; /* gray-300 - ligeiramente mais claro */
}

html.dark .daterangepicker .calendar-table td.weekend.available:hover,
body.dark .daterangepicker .calendar-table td.weekend.available:hover,
.dark .daterangepicker .calendar-table td.weekend.available:hover,
.dark-mode.daterangepicker .calendar-table td.weekend.available:hover {
    background-color: rgb(38 38 38) !important; /* Cor neutra mais clara */
    color: rgb(255 255 255) !important;
}