/* ============ FPLMan redesign · Players directory ============
   Layout only for /players. The table itself is the shared .ptable from
   redesign-club.css, and the toolbar reuses .searchbar and .segrow/.seg
   from redesign.css — this file just puts the two side by side. */

/* One column by default. Both children carry their own margins from the shared
   styles; the grid owns the spacing here so they sit on one baseline. `min-width:0`
   lets each track shrink below its content — without it the five filter buttons set
   the grid's floor and push a 320px phone sideways. */
.players-toolbar { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; margin-bottom: 16px; }
.players-toolbar .searchbar,
.players-toolbar .segrow { margin: 0; min-width: 0; }
/* Narrower than the shared .seg so all five positions hold one line on a phone; four
   across with FWD alone underneath reads as a broken row rather than a filter set. */
.players-toolbar .seg { padding-left: 8px; padding-right: 8px; min-width: 0; }

/* Side by side once there is room. The filters become a content-sized group beside
   the search box, so they stop stretching (.seg is flex:1 for a full-width row) and
   stay on one line; below this they wrap instead. */
@media (min-width: 761px) {
  .players-toolbar { grid-template-columns: minmax(0, 1fr) auto; }
  .players-toolbar .segrow { flex-wrap: nowrap; }
  .players-toolbar .seg { flex: 0 0 auto; min-width: 56px; padding-left: 18px; padding-right: 18px; }
}