/* Dropdown Menu Portal Fix */
/* Ensure dropdown menus render properly using React portals */

.Select__menu-portal {
    z-index: 9999 !important;
}

/* Ensure company dropdown menu is always visible when open */
.company-dropdown .Select__menu {
    z-index: 9999 !important;
    position: absolute !important;
}

/* Ensure navbar doesn't clip dropdowns */
.top-navbar,
.top-navbar .container,
.top-navbar .container-fluid {
    overflow: visible !important;
}

/* ===================================================================== */
/* DROPDOWN TEXT COLOR FIX - Ultra-aggressive white text enforcement    */
/* ===================================================================== */

/* Target the company selector specifically with maximum specificity */
div#company-selector,
div#company-selector *,
div#company-selector > div,
div#company-selector > div *,
div#company-selector > div > div,
div#company-selector > div > div *,
div#company-selector > div > div > div,
div#company-selector > div > div > div *,
div#company-selector > div > div > div > div,
div#company-selector > div > div > div > div * {
    color: #ffffff !important;
}

/* Target React Select single value display */
div[id="company-selector"] div[class*="singleValue"],
div[id="company-selector"] div[class*="single-value"],
div[id="company-selector"] span[class*="singleValue"],
div[id="company-selector"] span[class*="single-value"] {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Target all text-containing elements in the dropdown */
.company-dropdown input,
.company-dropdown span,
.company-dropdown div,
.company-dropdown label,
#company-selector input,
#company-selector span,
#company-selector div,
#company-selector label {
    color: #ffffff !important;
}

/* Nuclear option - force all children to be white */
[class*="company-dropdown"] *,
[id*="company-selector"] * {
    color: #ffffff !important;
}

/* Override any inline styles */
#company-selector div[style*="color"] {
    color: #ffffff !important;
}

/* Target Dash dropdown internal classes */
.company-dropdown .dash-dropdown,
.company-dropdown .dash-dropdown *,
#company-selector div[data-dash-is-loading],
#company-selector div[data-dash-is-loading] *,
#company-selector div[data-dash-is-loading="false"],
#company-selector div[data-dash-is-loading="false"] * {
    color: #ffffff !important;
}

/* ===================================================================== */
/* SWAPS PAGE DROPDOWNS - Company Selector and Status Filter           */
/* ===================================================================== */

/* Swaps Company Selector */
#swaps-company-selector,
#swaps-company-selector *,
#swaps-company-selector div,
#swaps-company-selector span,
#swaps-company-selector input,
#swaps-company-selector label {
    color: #ffffff !important;
    background-color: #252542 !important;
}

/* Swaps Company Selector - React Select classes */
#swaps-company-selector div[class*="singleValue"],
#swaps-company-selector div[class*="single-value"],
#swaps-company-selector span[class*="singleValue"],
#swaps-company-selector span[class*="single-value"] {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Swaps Company Selector - Menu options */
#swaps-company-selector .Select-menu-outer,
#swaps-company-selector .Select-menu-outer *,
#swaps-company-selector .VirtualizedSelectOption,
#swaps-company-selector div[class*="menu"],
#swaps-company-selector div[class*="menu"] *,
#swaps-company-selector div[class*="option"],
#swaps-company-selector div[class*="option"] * {
    color: #ffffff !important;
    background-color: #252542 !important;
}

/* Status Filter Dropdown */
#status-filter,
#status-filter *,
#status-filter div,
#status-filter span,
#status-filter input,
#status-filter label {
    color: #ffffff !important;
}

/* Status Filter - React Select classes */
#status-filter div[class*="singleValue"],
#status-filter div[class*="single-value"],
#status-filter span[class*="singleValue"],
#status-filter span[class*="single-value"] {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Status Filter - Menu options */
#status-filter .Select-menu-outer,
#status-filter .Select-menu-outer *,
#status-filter .VirtualizedSelectOption,
#status-filter div[class*="menu"],
#status-filter div[class*="menu"] *,
#status-filter div[class*="option"],
#status-filter div[class*="option"] * {
    color: #ffffff !important;
    background-color: #252542 !important;
}

/* Hover states for dropdown options */
#swaps-company-selector div[class*="option"]:hover,
#status-filter div[class*="option"]:hover {
    background-color: #3a3a5c !important;
}

/* Selected option styling */
#swaps-company-selector div[class*="option"][class*="selected"],
#status-filter div[class*="option"][class*="selected"] {
    background-color: #0066cc !important;
}

/* ===================================================================== */
/* CDS RATING DROPDOWNS - Company and Counterparty                     */
/* ===================================================================== */

/* Company CDS Rating Dropdown */
#company-cds-rating-input,
#company-cds-rating-input *,
#company-cds-rating-input div,
#company-cds-rating-input span,
#company-cds-rating-input input,
#company-cds-rating-input label {
    color: #ffffff !important;
}

/* Company CDS Rating - Dropdown Control (the main visible area) */
#company-cds-rating-input .Select-control,
#company-cds-rating-input div[class*="control"],
#company-cds-rating-input div[class*="Control"] {
    background-color: #252542 !important;
}

/* Company CDS Rating - React Select classes */
#company-cds-rating-input div[class*="singleValue"],
#company-cds-rating-input div[class*="single-value"],
#company-cds-rating-input div[class*="SingleValue"],
#company-cds-rating-input span[class*="singleValue"],
#company-cds-rating-input span[class*="single-value"] {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* Company CDS Rating - Placeholder */
#company-cds-rating-input div[class*="placeholder"],
#company-cds-rating-input div[class*="Placeholder"],
#company-cds-rating-input span[class*="placeholder"] {
    color: #94a3b8 !important;
}

/* Company CDS Rating - Value Container */
#company-cds-rating-input div[class*="ValueContainer"],
#company-cds-rating-input div[class*="valueContainer"] {
    padding: 8px 12px !important;
}

/* Company CDS Rating - Menu options */
#company-cds-rating-input .Select-menu-outer,
#company-cds-rating-input .Select-menu-outer *,
#company-cds-rating-input .VirtualizedSelectOption,
#company-cds-rating-input div[class*="menu"],
#company-cds-rating-input div[class*="menu"] *,
#company-cds-rating-input div[class*="option"],
#company-cds-rating-input div[class*="option"] * {
    color: #ffffff !important;
    background-color: #252542 !important;
}

#company-cds-rating-input div[class*="option"]:hover {
    background-color: #3a3a5c !important;
}

#company-cds-rating-input div[class*="option"][class*="selected"] {
    background-color: #0066cc !important;
}

/* Counterparty CDS Rating Dropdowns (dynamic IDs) */
div[id^="counterparty-cds-rating-input"],
div[id^="counterparty-cds-rating-input"] *,
div[id^="counterparty-cds-rating-input"] div,
div[id^="counterparty-cds-rating-input"] span,
div[id^="counterparty-cds-rating-input"] input,
div[id^="counterparty-cds-rating-input"] label,
div[id*="counterparty-cds-rating-input"],
div[id*="counterparty-cds-rating-input"] * {
    color: #ffffff !important;
}

/* Counterparty CDS Rating - Dropdown Control */
div[id^="counterparty-cds-rating-input"] .Select-control,
div[id^="counterparty-cds-rating-input"] div[class*="control"],
div[id^="counterparty-cds-rating-input"] div[class*="Control"],
div[id*="counterparty-cds-rating-input"] .Select-control,
div[id*="counterparty-cds-rating-input"] div[class*="control"],
div[id*="counterparty-cds-rating-input"] div[class*="Control"] {
    background-color: #252542 !important;
}

/* Counterparty CDS Rating - React Select classes */
div[id^="counterparty-cds-rating-input"] div[class*="singleValue"],
div[id^="counterparty-cds-rating-input"] div[class*="single-value"],
div[id^="counterparty-cds-rating-input"] div[class*="SingleValue"],
div[id^="counterparty-cds-rating-input"] span[class*="singleValue"],
div[id^="counterparty-cds-rating-input"] span[class*="single-value"],
div[id*="counterparty-cds-rating-input"] div[class*="singleValue"],
div[id*="counterparty-cds-rating-input"] div[class*="SingleValue"],
div[id*="counterparty-cds-rating-input"] span[class*="singleValue"] {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* Counterparty CDS Rating - Placeholder */
div[id^="counterparty-cds-rating-input"] div[class*="placeholder"],
div[id^="counterparty-cds-rating-input"] div[class*="Placeholder"],
div[id^="counterparty-cds-rating-input"] span[class*="placeholder"],
div[id*="counterparty-cds-rating-input"] div[class*="placeholder"],
div[id*="counterparty-cds-rating-input"] div[class*="Placeholder"] {
    color: #94a3b8 !important;
}

/* Counterparty CDS Rating - Value Container */
div[id^="counterparty-cds-rating-input"] div[class*="ValueContainer"],
div[id^="counterparty-cds-rating-input"] div[class*="valueContainer"],
div[id*="counterparty-cds-rating-input"] div[class*="ValueContainer"],
div[id*="counterparty-cds-rating-input"] div[class*="valueContainer"] {
    padding: 8px 12px !important;
}

/* Counterparty CDS Rating - Menu options */
div[id^="counterparty-cds-rating-input"] .Select-menu-outer,
div[id^="counterparty-cds-rating-input"] .Select-menu-outer *,
div[id^="counterparty-cds-rating-input"] .VirtualizedSelectOption,
div[id^="counterparty-cds-rating-input"] div[class*="menu"],
div[id^="counterparty-cds-rating-input"] div[class*="menu"] *,
div[id^="counterparty-cds-rating-input"] div[class*="option"],
div[id^="counterparty-cds-rating-input"] div[class*="option"] * {
    color: #ffffff !important;
    background-color: #252542 !important;
}

div[id^="counterparty-cds-rating-input"] div[class*="option"]:hover {
    background-color: #3a3a5c !important;
}

div[id^="counterparty-cds-rating-input"] div[class*="option"][class*="selected"],
div[id*="counterparty-cds-rating-input"] div[class*="option"][class*="selected"] {
    background-color: #0066cc !important;
}

/* ===================================================================== */
/* ULTRA-AGGRESSIVE FIX FOR ALL CDS DROPDOWNS                           */
/* ===================================================================== */

/* Force white text on ALL elements inside CDS dropdowns */
#company-cds-rating-input *,
div[id^="counterparty-cds-rating-input"] *,
div[id*="counterparty-cds-rating-input"] * {
    color: #ffffff !important;
}

/* Specifically target the visible selected value with maximum specificity */
#company-cds-rating-input > div > div > div > div[class*="Value"],
#company-cds-rating-input > div > div > div > div[class*="value"],
#company-cds-rating-input > div > div > div[class*="Value"],
#company-cds-rating-input > div > div[class*="Value"],
div[id^="counterparty-cds-rating-input"] > div > div > div > div[class*="Value"],
div[id^="counterparty-cds-rating-input"] > div > div > div[class*="value"],
div[id*="counterparty-cds-rating-input"] > div > div > div > div[class*="Value"],
div[id*="counterparty-cds-rating-input"] > div > div > div[class*="value"] {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Override any potential inline styles */
#company-cds-rating-input [style*="color"],
div[id^="counterparty-cds-rating-input"] [style*="color"],
div[id*="counterparty-cds-rating-input"] [style*="color"] {
    color: #ffffff !important;
}

/* ===================================================================== */
/* COUNTERPARTY DROPDOWN MENU BACKGROUND FIX                            */
/* ===================================================================== */

/* Fix for counterparty dropdown menus - ensure dark background */
.counterparty-dropdown div[class*="menu"],
.counterparty-dropdown div[class*="Menu"],
.counterparty-dropdown .Select-menu,
.counterparty-dropdown .Select-menu-outer {
    background-color: #252542 !important;
}

/* Ensure all menu items have dark background */
.counterparty-dropdown div[class*="menu"] div,
.counterparty-dropdown div[class*="Menu"] div,
.counterparty-dropdown div[class*="option"],
.counterparty-dropdown div[class*="Option"] {
    background-color: #252542 !important;
    color: #ffffff !important;
}

/* Hover states for counterparty dropdown */
.counterparty-dropdown div[class*="option"]:hover,
.counterparty-dropdown div[class*="Option"]:hover {
    background-color: #3a3a5c !important;
    color: #ffffff !important;
}

/* Selected option in counterparty dropdown */
.counterparty-dropdown div[class*="option"][class*="selected"],
.counterparty-dropdown div[class*="Option"][class*="selected"] {
    background-color: #0066cc !important;
    color: #ffffff !important;
}

/* Control (main visible box) for counterparty dropdown */
.counterparty-dropdown div[class*="control"],
.counterparty-dropdown div[class*="Control"] {
    background-color: #252542 !important;
    border-color: rgba(255,255,255,0.05) !important;
}