/* CORRIGIR Z-INDEX DE TODOS OS FILTROS */

/* Filtros de data */
.DateInput_input, 
.DateRangePickerInput,
.DateRangePickerInput_arrow,
.DateRangePicker,
.DayPickerKeyboardShortcuts_panel,
.DayPicker,
.CalendarMonth,
.react-datepicker,
.react-datepicker-popper,
.DateRangePicker_picker {
    z-index: 99999 !important;
    position: relative !important;
}

/* Todos os dropdowns */
.dash-dropdown,
.Select,
.Select-control,
.Select-menu-outer,
.Select-menu,
.Select-option,
.dropdown,
.dropdown-menu,
.dropdown-toggle,
.css-1pahdxg-control,
.css-1hwfws3,
.css-1wa3eu0-placeholder,
.css-1uccc91-singleValue {
    z-index: 99998 !important;
}

/* Container dos filtros */
.dash-dropdown .Select-menu-outer {
    z-index: 99999 !important;
    position: absolute !important;
}

/* Garantir que o card de filtros tenha z-index alto */
.card {
    position: relative !important;
}

.card .card-body {
    position: relative !important;
    z-index: 99997 !important;
}

/* Forçar todos os elementos com classe dash-dropdown */
div[class*="dash-dropdown"] {
    z-index: 99998 !important;
}

/* Elementos específicos do Dash */
._dash-undo-redo,
.dash-table-container,
.Select--single > .Select-control .Select-value,
.Select-placeholder,
.Select-input > input {
    z-index: 99996 !important;
}

/* Overlay geral para garantir */
.Select-menu-outer {
    z-index: 99999 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
}