/* Custom styling for select elements - Clean and optimized version */
select.form-control {
    /* Remove default dropdown arrow */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    /* Add custom dropdown arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' viewBox='0 0 8 4'%3E%3Cpolygon fill='%23666666' points='0,0 8,0 4,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px 4px;
    padding-right: 30px !important;
    
    /* Use width auto for flexible dropdowns */
    width: auto !important;
    min-width: 130px !important;

    /* Prevent text overflow */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* Style for dropdown with long text */
.long-text-dropdown {
    max-width: 200px !important;
}