/* Shared search controls, including existing server filters and autocomplete. */
.search-controls {
  gap: 12px; padding: 14px 18px; align-items: end;
  box-sizing: border-box; font-size: 13px;
}
.list-search, .queue-search.search-controls { display: flex; flex-wrap: wrap; }
.search-controls > label { display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 0; font-size: 13px; font-weight: 600; }
.list-search > .grow, .queue-search.search-controls > label:first-child { flex: 1 1 320px; max-width: none; }
.search-controls input:not([type=hidden]):not([type=checkbox]), .search-controls select {
  box-sizing: border-box; width: 100%; max-width: none; min-height: 44px;
  padding: 10px 12px; border: 1px solid #e5d7cd; border-radius: 10px;
  background: #fffdfb; color: #4c3d36; font-family: inherit; font-size: 13px; line-height: 1.4;
}
.search-controls input::placeholder { color: #81766f; font-weight: 400; opacity: 1; }
.search-controls button, .search-controls .button-link { flex-shrink: 0; white-space: nowrap; }
.search-count { min-width: 100px; padding-bottom: 12px; color: #695b52; }
.search-empty, .search-scope { flex-basis: 100%; margin: 0; color: #695b52; }
.search-empty[hidden], .search-hidden { display: none !important; }
@media(max-width: 600px) {
  .search-controls { padding: 12px; gap: 10px; }
  .list-search > label, .queue-search.search-controls > label { flex-basis: 100%; }
  .search-count { flex-basis: 100%; padding-bottom: 0; }
}