/* Status Dropdown Color Styling */

/* Style the select element */
#header-sales-status {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    min-width: 200px;
}

/* Style for dropdown options - works in some browsers */
#header-sales-status option[data-color] {
    font-weight: 500;
}

/* Individual option styling - browser support varies */
#header-sales-status option[value="uncontacted_no_response"] {
    background-color: #ffffff;
    color: #333;
}

#header-sales-status option[value="undecided"] {
    background-color: #f2d600;
    color: #333;
}

#header-sales-status option[value="verbal_confirmation"] {
    background-color: #61bd4f;
    color: #fff;
}

#header-sales-status option[value="stand_selected"] {
    background-color: #61bd4f;
    color: #fff;
}

#header-sales-status option[value="contract_proforma_sent"] {
    background-color: #00b3d7;
    color: #fff;
}

#header-sales-status option[value="paid"] {
    background-color: #00b3d7;
    color: #fff;
}

#header-sales-status option[value="refusal"] {
    background-color: #eb5a46;
    color: #fff;
}

#header-sales-status option[value="prohibition"] {
    background-color: #eb5a46;
    color: #fff;
}

#header-sales-status option[value="non_compliant"] {
    background-color: #eb5a46;
    color: #fff;
}

/* Dark mode adjustments */
body.dark-mode #header-sales-status {
    border-width: 2px;
}

body.dark-mode #header-sales-status option {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}