/* ============================================================
   Debt Tom Select — Searchable Indicator Filter
============================================================ */

.public-dashboard-page.debt-dashboard-page .ts-wrapper {
    width: 100% !important;
}

.public-dashboard-page.debt-dashboard-page .ts-control {
    min-height: 36px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(226, 177, 44, 0.24) !important;
    background: rgba(7, 15, 34, 0.96) !important;
    color: #f8fbff !important;
    box-shadow: none !important;
}

.public-dashboard-page.debt-dashboard-page .ts-control input {
    color: #f8fbff !important;
}

.public-dashboard-page.debt-dashboard-page .ts-control:focus,
.public-dashboard-page.debt-dashboard-page .ts-wrapper.focus .ts-control {
    border-color: rgba(226, 177, 44, 0.70) !important;
    box-shadow: 0 0 0 3px rgba(226, 177, 44, 0.14) !important;
}

.public-dashboard-page.debt-dashboard-page .ts-dropdown {
    max-height: 280px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    border: 1px solid rgba(226, 177, 44, 0.24) !important;
    background: #071426 !important;
    color: #f8fbff !important;
    z-index: 500 !important;
}

.public-dashboard-page.debt-dashboard-page .ts-dropdown .ts-dropdown-content {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.public-dashboard-page.debt-dashboard-page .ts-dropdown .option {
    padding: 8px 12px !important;
    line-height: 1.25 !important;
    color: #f8fbff !important;
    background: transparent !important;
}

.public-dashboard-page.debt-dashboard-page .ts-dropdown .option.active,
.public-dashboard-page.debt-dashboard-page .ts-dropdown .option:hover {
    background: rgba(226, 177, 44, 0.16) !important;
    color: #f6d36b !important;
}

.public-dashboard-page.debt-dashboard-page .ts-dropdown .no-results {
    padding: 10px 12px !important;
    color: #aab8d3 !important;
}

/* Light mode Debt Tom Select */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-control {
    background: #ffffff !important;
    color: #0f2747 !important;
    border: 1px solid rgba(15, 39, 71, 0.22) !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-control input {
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-wrapper.focus .ts-control {
    border-color: rgba(226, 177, 44, 0.65) !important;
    box-shadow:
        0 0 0 3px rgba(226, 177, 44, 0.10),
        0 6px 14px rgba(15, 23, 42, 0.055) !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-dropdown {
    background: #ffffff !important;
    color: #0f2747 !important;
    border: 1px solid rgba(15, 39, 71, 0.22) !important;
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.13),
        0 4px 12px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-dropdown .option {
    color: #0f2747 !important;
    background: #ffffff !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-dropdown .option.active,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-dropdown .option:hover {
    background: rgba(226, 177, 44, 0.12) !important;
    color: #8a6200 !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .ts-dropdown .no-results {
    color: #4f6690 !important;
}

/* ============================================================
   Debt Fix — Keep Searchable Indicator Dropdown Visible
============================================================ */

.public-dashboard-page.debt-dashboard-page .filter-bar-card,
.public-dashboard-page.debt-dashboard-page .filter-bar-card.dashboard-card,
.public-dashboard-page.debt-dashboard-page .filter-bar-card .filters-grid,
.public-dashboard-page.debt-dashboard-page .filter-bar-card .filter-box {
    overflow: visible !important;
}

.public-dashboard-page.debt-dashboard-page .filter-bar-card {
    position: relative !important;
    z-index: 100 !important;
}

/* Keep Tom Select above KPI/cards below */
.public-dashboard-page.debt-dashboard-page .filter-bar-card .ts-wrapper {
    position: relative !important;
    z-index: 1 !important;
}

.public-dashboard-page.debt-dashboard-page .filter-bar-card .ts-dropdown,
.public-dashboard-page.debt-dashboard-page .ts-dropdown {
    z-index: 500 !important;
}

/* When dropdown is open, force parents to allow it */
.public-dashboard-page.debt-dashboard-page .filter-box:has(.ts-wrapper.dropdown-active),
.public-dashboard-page.debt-dashboard-page .filter-bar-card:has(.ts-wrapper.dropdown-active),
.public-dashboard-page.debt-dashboard-page .filters-grid:has(.ts-wrapper.dropdown-active) {
    overflow: visible !important;
    z-index: 1600 !important;
}

/* Prevent KPI/cards below from covering the dropdown */
.public-dashboard-page.debt-dashboard-page .debt-kpi-grid,
.public-dashboard-page.debt-dashboard-page .kpi-grid,
.public-dashboard-page.debt-dashboard-page .chart-panel-card,
.public-dashboard-page.debt-dashboard-page .downloads-card,
.public-dashboard-page.debt-dashboard-page .collapsible-card {
    position: relative !important;
    z-index: 1 !important;
}

/* Light mode safety: filter card must not clip dropdown */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .filter-bar-card,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .filter-bar-card.dashboard-card {
    overflow: visible !important;
}

/* Remove only the decorative shade on the filter card */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .filter-bar-card::after {
    content: none !important;
    display: none !important;
}

/* ============================================================
   Debt Tom Select must stay below top tab dropdown
============================================================ */

.public-dashboard-page.debt-dashboard-page
.ts-dropdown {

    z-index: 500 !important;

}