/* Scoped overrides for the Material light/dark palettes and column dropdowns. */
.question-finder {
  --dt-html_background: var(--md-default-bg-color);
  --dt-order-arrow_color: var(--md-default-fg-color);
  --dt-order-arrow_color-current: var(--md-default-fg-color);
  --dt-header_border: 1px solid var(--md-default-fg-color--lighter);
  --dt-paging-button_color-disabled: var(--md-default-fg-color--light);
  --dtcc-button-icon_color: var(--md-default-fg-color);
  --dtcc-button_opacity: .7;
  --dtcc-search-icon_color: var(--md-default-fg-color);
  --dtcc-dropdown-button_color: var(--md-default-fg-color);
  --dtcc-dropdown-button_hover-background: var(--md-accent-fg-color--transparent);
  --dtcc-dropdown_width: 18rem;
  --dtcc-list-buttons_background: transparent;
}
.question-finder [hidden] { display: none !important; }
.question-finder .finder-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.question-finder .finder-toolbar label { font-weight: 700; }
.question-finder #finder-search { flex: 1 1 16rem; min-width: 0; }
.question-finder input, .question-finder select {
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--light);
  border-radius: .2rem;
  padding: .35rem;
}
.question-finder button { cursor: pointer; }
.question-finder #finder-clear, .question-finder #finder-retry,
.question-finder #finder-filters button {
  padding: .35rem .6rem;
  border: 1px solid var(--md-default-fg-color--light);
  border-radius: .2rem;
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
}
.question-finder #finder-filters { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .6rem; }
.question-finder .finder-help { font-size: .75rem; color: var(--md-default-fg-color--light); }
.question-finder .finder-scroll { overflow-x: auto; }
.question-finder #finder-table { width: 100%; min-width: 36rem; font-size: .75rem; }
.question-finder #finder-table th { color: var(--md-default-fg-color); background: var(--md-default-bg-color); }
.question-finder #finder-table caption { text-align: left; padding: .35rem 0; }
.question-finder .dt-container { color: var(--md-default-fg-color); }
.question-finder .dtcc-dropdown {
  color: var(--md-default-fg-color);
  background: var(--md-default-bg-color);
  border-color: var(--md-default-fg-color--light);
  max-width: min(22rem, 85vw);
}
.question-finder .dtcc-dropdown-liner { background: var(--md-default-bg-color); }
.question-finder .dtcc-list-buttons { max-height: 15rem; overflow-y: auto; }
.question-finder .dtcc-list-buttons button { white-space: normal; text-align: left; }
.question-finder .dtcc-dropdown .dtcc-button-text { white-space: normal; overflow: visible; }
.question-finder .dtcc-button_active { background: var(--md-accent-fg-color--transparent); }
.question-finder :is(button, input, select, .finder-scroll):focus-visible {
  outline: 2px solid var(--md-accent-fg-color);
  outline-offset: 2px;
}