/* Search controls keep their own contrast in the optional dark theme. */
html[data-theme="dark"] .showcase-page .boc-header-search,
html[data-theme="dark"] .showcase-page .boc-keyword-row input,
html[data-theme="dark"] .showcase-page .filters input,
html[data-theme="dark"] .showcase-page .filters select {
  background: #1c2d43;
  color: #f4f7fc;
  border-color: #758ba6;
}

html[data-theme="dark"] .showcase-page .boc-header-search input,
html[data-theme="dark"] .showcase-page .boc-header-search .boc-search-scope,
html[data-theme="dark"] .showcase-page .boc-search-icon,
html[data-theme="dark"] .showcase-page .boc-keyword-search label,
html[data-theme="dark"] .showcase-page .agenda-keyword-search > span {
  color: #f4f7fc;
}

html[data-theme="dark"] .showcase-page .boc-header-search .boc-search-scope {
  color-scheme: dark;
}

html[data-theme="dark"] .showcase-page .boc-header-search input::placeholder,
html[data-theme="dark"] .showcase-page .boc-keyword-row input::placeholder,
html[data-theme="dark"] .showcase-page .filters input::placeholder {
  color: #c3d0e0;
  opacity: 1;
}

html[data-theme="dark"] .showcase-page .boc-header-search option,
html[data-theme="dark"] .showcase-page .filters option,
html[data-theme="dark"] .boc-filter-dialog option {
  background: #1c2d43;
  color: #f4f7fc;
}

html[data-theme="dark"] .showcase-page .boc-header-search option:checked {
  background: #8ebeff;
  color: #10243e;
}

html[data-theme="dark"] .showcase-page :is(.boc-header-search, .boc-keyword-row) button {
  background: #8ebeff;
  color: #10243e;
}

html[data-theme="dark"] .showcase-page :is(.boc-header-search, .boc-keyword-row) button:hover {
  background: #b4d4ff;
}

html[data-theme="dark"] .showcase-page :is(.boc-header-search input, .boc-header-search select, .boc-keyword-row input, .boc-keyword-row button):focus-visible {
  outline: 3px solid #ffad83;
  outline-offset: 2px;
}