/* Lobby rooms and warehouse share one screen, under the server/channel row. */
.online-panel.cf-lobby-shell{width:min(1800px,calc(100% - 32px));max-height:calc(100dvh - 104px);overflow:auto}
.cf-lobby-columns{display:grid;grid-template-columns:minmax(350px,36%) minmax(0,1fr);gap:18px;height:max(520px,calc(100dvh - 285px));min-height:0}
.cf-lobby-rooms{min-width:0;min-height:0;overflow-y:auto;padding-right:6px;border-right:1px solid #394b55}
.cf-rooms-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;min-height:42px}
.cf-rooms-toolbar h2{margin:0;color:#e2e9ed;font-size:19px}
.cf-lobby-columns>.cf-equipment-workspace{min-width:0;min-height:0;overflow:hidden}
.cf-lobby-columns .cf-equipment-heading{margin-bottom:10px}
.cf-lobby-columns .cf-equipment-heading h2{font-size:19px}
.cf-lobby-columns .cf-equipment-heading .cf-secondary-button{display:none}
.cf-lobby-columns .cf-drag-layout{grid-template-columns:minmax(230px,31%) minmax(0,1fr);gap:12px}
.cf-lobby-columns .cf-warehouse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1080px){.online-panel.cf-lobby-shell{width:calc(100% - 24px)}.cf-lobby-columns{display:flex;flex-direction:column;height:auto;gap:20px}.cf-lobby-rooms{overflow:visible;padding:0 0 18px;border-right:0;border-bottom:1px solid #394b55}.cf-lobby-columns>.cf-equipment-workspace{overflow:visible;min-height:650px}.cf-lobby-columns .cf-drag-layout{grid-template-columns:minmax(230px,34%) minmax(0,1fr)}.cf-lobby-columns .cf-warehouse-grid{height:400px;flex:none}}
@media(max-width:680px){.cf-lobby-columns>.cf-equipment-workspace{min-height:0}.cf-lobby-columns .cf-drag-layout{grid-template-columns:minmax(0,1fr)}.cf-lobby-columns .cf-warehouse-grid{height:370px}}