/* PPA Dropdown - Pill-shaped styling */
.ppa-dropdown-pill .Select-control {
    border-radius: 50px !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: none !important;
}

.ppa-dropdown-pill .Select-value-label {
    color: #252C29 !important;
}

.ppa-dropdown-pill .Select-placeholder {
    color: #252C29 !important;
}

.ppa-dropdown-pill .Select-arrow-zone {
    padding-right: 15px;
}

/* Dash Dropdown specific styling */
.ppa-dropdown-pill .Select--single > .Select-control {
    border-radius: 50px !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.ppa-dropdown-pill .Select-menu-outer {
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    margin-top: 4px !important;
}

/* Modern dcc.Dropdown styling (newer versions) */
.ppa-dropdown-pill > div {
    border-radius: 50px !important;
    border: none !important;
}

.ppa-dropdown-pill input {
    font-size: inherit !important;
}

/* DatePickerRange - Pill-shaped styling */
.pill-datepicker .DateInput {
    border-radius: 50px !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    overflow: hidden;
}

.pill-datepicker .DateInput_input {
    border-radius: 50px !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #252C29 !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    font-size: 0.875rem !important;
}

.pill-datepicker .DateInput_input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.pill-datepicker .DateRangePickerInput {
    border-radius: 50px !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    display: inline-flex !important;
    align-items: center !important;
}

.pill-datepicker .DateRangePickerInput__withBorder {
    border: none !important;
}

.pill-datepicker .DateRangePickerInput_arrow {
    color: #252C29 !important;
    padding: 0 4px !important;
}

.pill-datepicker .DateRangePickerInput_calendarIcon {
    padding: 8px 12px !important;
}

.pill-datepicker .CalendarDay__selected,
.pill-datepicker .CalendarDay__selected:hover {
    background: #CBFB00 !important;
    color: #252C29 !important;
    border: none !important;
}

.pill-datepicker .CalendarDay__selected_span {
    background: rgba(203, 251, 0, 0.3) !important;
    color: #252C29 !important;
}