/* Keep the desktop search controls on one row.  The mobile layout remains
   defined by styles.css below 761px. */
@media (min-width: 761px) {
  .searchDock > .controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.37fr) minmax(220px, 0.24fr) !important;
    grid-auto-flow: row;
    align-items: center;
    gap: 12px;
  }

  .searchDock > .controls > #q,
  .searchDock > .controls > #groupFilter,
  .searchDock > .controls > #statusFilter {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
