/* ===== DATEPICKER PADRÃO - SEGUINDO PROJETO REFERÊNCIA ===== */

/* Fundo do calendário - escuro */
.SingleDatePicker__picker {
    background-color: #1a1a1a !important;
    border: 1px solid #F8A173 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.5) !important;
}

/* Container do mês - escuro */
.CalendarMonth {
    background-color: #1a1a1a !important;
}

/* Cabeçalho do mês - escuro */
.CalendarMonth__caption {
    background-color: #1a1a1a !important;
    color: #D4D4D4 !important;
}

/* Dias do calendário - escuro */
.CalendarDay {
    background-color: #1a1a1a !important;
    color: #D4D4D4 !important;
    border: 1px solid #333 !important;
}

.CalendarDay:hover {
    background-color: #F8A173 !important;
    color: #000 !important;
    border-color: #F8A173 !important;
}

/* Inputs dos datepickers - fundo escuro */
.DateInput input,
#filtro-data-inicio input,
#filtro-data-fim input,
#date-inicio-freq input,
#date-fim-freq input {
    background-color: #2c2c2c !important;
    color: #D4D4D4 !important;
    border: 1px solid #555 !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    padding: 6px 8px !important;
    height: 32px !important;
    text-align: center !important;
}

.DateInput input:hover,
#filtro-data-inicio input:hover,
#filtro-data-fim input:hover,
#date-inicio-freq input:hover,
#date-fim-freq input:hover {
    border-color: #F8A173 !important;
}

.DateInput input:focus,
#filtro-data-inicio input:focus,
#filtro-data-fim input:focus,
#date-inicio-freq input:focus,
#date-fim-freq input:focus {
    border-color: #F8A173 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(248, 161, 115, 0.2) !important;
}

/* Container do calendário - remover margem branca */
.SingleDatePicker__picker {
    background-color: #1a1a1a !important;
    border: 1px solid #F8A173 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.5) !important;
}

/* DayPicker wrapper - fundo escuro */
.DayPicker {
    background-color: #1a1a1a !important;
}

/* Todos os containers do calendário - fundo escuro */
.DayPicker__wrapper {
    background-color: #1a1a1a !important;
}

.DayPicker__month-container {
    background-color: #1a1a1a !important;
}

.DayPicker__horizontal {
    background-color: #1a1a1a !important;
}

/* Container principal do picker - sem margem branca */
.SingleDatePicker__picker .DayPicker {
    background-color: #1a1a1a !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* FORÇA FUNDO ESCURO EM TODOS OS ELEMENTOS DO CALENDÁRIO */
.SingleDatePicker__picker *,
.SingleDatePicker__picker::before,
.SingleDatePicker__picker::after {
    background-color: #1a1a1a !important;
}

/* Exceções para elementos que devem manter suas cores */
.CalendarDay {
    background-color: #1a1a1a !important;
    color: #D4D4D4 !important;
    border: 1px solid #333 !important;
}

.CalendarDay:hover {
    background-color: #F8A173 !important;
    color: #000 !important;
    border-color: #F8A173 !important;
}

/* FORÇA FUNDO ESCURO - ABORDAGEM MAIS ESPECÍFICA */
div[class*="SingleDatePicker__picker"] {
    background-color: #1a1a1a !important;
}

div[class*="DayPicker"] {
    background-color: #1a1a1a !important;
}

div[class*="CalendarMonth"] {
    background-color: #1a1a1a !important;
}

/* Força fundo escuro em qualquer div dentro do picker */
.SingleDatePicker__picker div {
    background-color: #1a1a1a !important;
}

/* Força fundo escuro no container principal */
.SingleDatePicker__picker {
    background-color: #1a1a1a !important;
    border: 1px solid #F8A173 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.5) !important;
    overflow: hidden !important;
}

/* ÚLTIMA TENTATIVA - FORÇA FUNDO ESCURO EM TUDO */
[class*="SingleDatePicker"] *,
[class*="DayPicker"] *,
[class*="CalendarMonth"] * {
    background-color: #1a1a1a !important;
}

/* Remove qualquer fundo branco que possa aparecer */
.SingleDatePicker__picker *:not(.CalendarDay) {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}