/* Commercial beta UX polish — test site only. */
#root .quickPlayButton,
#root .mobileQuickPlayButton{
  border:1px solid #c8a3ff!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#7439c7,#542695)!important;
  color:#fff!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#root .lobbyTablesActions .quickPlayButton{
  min-height:34px!important;
  padding:0 9px!important;
}
#root .mobileTableHeadActions .mobileQuickPlayButton{
  flex:1 1 100%!important;
  min-height:38px!important;
  order:-1!important;
}
#root .onlineListFilters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
}
#root .onlineListFilters button{
  flex:1 1 auto!important;
  min-height:30px!important;
  padding:4px 7px!important;
  font-size:10px!important;
}
#root .lobbyBotBadge{
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  padding:2px 4px!important;
  border:1px solid #d8b7ff!important;
  border-radius:6px!important;
  background:#f1e8ff!important;
  color:#56318a!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#root .chatEmptyState{
  display:grid!important;
  justify-items:center!important;
  gap:6px!important;
  max-width:360px!important;
  margin:auto!important;
  padding:18px!important;
  text-align:center!important;
}
#root .chatEmptyState .chatEmpty{
  margin:0!important;
  font-weight:800!important;
}
#root .chatEmptyState small{
  color:#778096!important;
  line-height:1.45!important;
}
#root .lobbyEmpty span{
  max-width:420px!important;
  line-height:1.45!important;
}
@media(max-width:700px){
  #root .mobileTableHeadActions .mobileQuickPlayButton{
    min-width:100%!important;
    order:-1!important;
  }
  #root .onlineListFilters button{
    flex:1 1 calc(50% - 4px)!important;
  }
}