/* Test: mobile lobby table controls use clear rows instead of one cramped strip. */
@media(max-width:700px){
  html body #root .lobbyTablesBar{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:minmax(32px,auto)!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:7px 8px!important;
    box-sizing:border-box!important;
  }
  html body #root .lobbyTablesTitle{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:auto!important;
    white-space:nowrap!important;
  }
  html body #root .lobbyTablesActions{display:contents!important}
  html body #root .lobbyTablesActions .tableTypeFilter{
    grid-column:2/5!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  html body #root .lobbyTablesActions>:nth-child(2){grid-row:2!important;grid-column:1!important}
  html body #root .lobbyTablesActions>:nth-child(3){grid-row:2!important;grid-column:2!important}
  html body #root .lobbyTablesActions>:nth-child(4){grid-row:2!important;grid-column:3!important}
  html body #root .lobbyTablesActions>:nth-child(7){grid-row:2!important;grid-column:4!important}
  html body #root .lobbyTablesActions .quickPlayButton{grid-row:3!important;grid-column:1/3!important}
  html body #root .lobbyTablesActions .darkUnifiedButton{grid-row:3!important;grid-column:3/5!important}
  html body #root .lobbyTablesActions>:is(button,a){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  html body #root .lobbyTablesActions .collapseTables,
  html body #root .lobbyTablesActions .primary{display:none!important}
}