/* ── Sector Scanner performance grid table tweaks ──────────────────────
   Goals:
   - Sort arrow sits NEXT TO the column name, not floating across columns
   - Numeric column headers right-align so the arrow aligns with the data
   - Hide the broken native filter row (we use our own search box instead)
*/

/* Hide native filter row across all perf grids — we render a custom search
   input above each table. */
.dash-table-container .dash-filter,
.dash-table-container .row-1 .dash-filter,
.dash-table-container input.dash-filter--input {
    display: none !important;
}
.dash-table-container .dash-filter input,
.dash-table-container .filter-cell input {
    display: none !important;
}

/* Ensure the sort indicator renders next to the column name with consistent
   spacing — works for both left and right aligned columns. */
.dash-table-container .dash-spreadsheet-inner th .column-header--sort {
    display: inline-block !important;
    margin-left: 4px;
    margin-right: 0 !important;
    color: #888 !important;
    cursor: pointer;
    font-size: 12px;
    user-select: none;
}
.dash-table-container .dash-spreadsheet-inner th .column-header--sort:hover,
.dash-table-container .dash-spreadsheet-inner th.dash-sort .column-header--sort {
    color: #ff2e97 !important;  /* PINK */
}

/* Header cells: ensure sort arrow stays inside the cell and doesn't bleed
   into neighbouring columns. */
.dash-table-container .dash-spreadsheet-inner th {
    overflow: visible !important;
}

/* Selected/active cell highlight */
.dash-table-container td.dash-cell.focused,
.dash-table-container td.dash-cell--selected {
    background-color: #1a1a1a !important;
    border: 1px solid #ff2e97 !important;
}

/* Truncate long cell text with ellipsis instead of wrapping. Keeps rows
   compact; full name still visible via the browser tooltip on hover. */
.dash-table-container td.dash-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}