/* ============================================
   Dash dcc.Dropdown — truncate + clean rows
   ============================================ */

/* Option rows: one line, uniform, ellipsis if too long */
.VirtualizedSelectOption,
.Select-option {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    padding: 0 12px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

/* Hover/focus highlight */
.VirtualizedSelectFocusedOption,
.Select-option.is-focused,
.Select-option:hover,
.VirtualizedSelectOption:hover {
    background-color: rgba(38, 132, 255, 0.10) !important;
}

/* Menu container */
.Select-menu-outer,
.Select-menu {
    max-height: 320px !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
}

/* Selected value pills (multi-select) */
.Select-value,
.Select--multi .Select-value {
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: 100% !important;
}
/* Force DataTable font to match the rest of the site */
.dash-spreadsheet-container .dash-spreadsheet-inner *,
.dash-cell-value,
.dash-cell div,
.dash-header div,
#summary-table * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}