/* DBC / Plotly overrides — kept narrow; base theme lives in styles.css. */

/* Dropdown (dcc.Dropdown uses react-select) */
.Select-control, .Select-menu-outer {
  background-color: var(--bg-elevated) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  border-radius: 8px !important;
}
.Select-placeholder, .Select-value-label { color: var(--text-dim) !important; }
.Select-menu-outer { border-radius: 8px !important; overflow: hidden; }
.Select-option { background: var(--card) !important; color: var(--text) !important; }
.Select-option.is-focused { background: rgba(124,156,255,0.1) !important; }

/* Plotly rangeselector buttons */
.rangeselector .button rect {
  fill: rgba(124,156,255,0.06) !important;
  stroke: rgba(124,156,255,0.2) !important;
}
.rangeselector .button.selected rect {
  fill: rgba(124,156,255,0.2) !important;
  stroke: var(--accent) !important;
}

/* Graph loading spinner blended with card */
.dash-graph { background: transparent !important; }

/* Tabs content padding */
.tab-content { padding-top: 0 !important; }

/* Prevent dbc.Container from adding huge horizontal padding at xxl */
.container-fluid { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }

/* DataTable pagination */
.previous-next-container { color: var(--text-dim) !important; }
.dash-spreadsheet-pagination { padding: 0.5rem !important; }