/* One task at a time: room overview first, loadout behind an explicit tab. */
.cf-room-tabs{display:flex;gap:8px;margin:10px 0 18px;padding:5px;border:1px solid #334d56;border-radius:10px;background:#0d2029}
.cf-room-tabs button{flex:1;min-height:44px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c6d6d9;font-weight:700;cursor:pointer}
.cf-room-tabs button:hover{background:#17313c;color:#fff}
.cf-room-tabs button[aria-current=page]{border-color:#d2b66a;background:#3b3727;color:#fff4ce;box-shadow:inset 0 0 0 1px #a48d52}
.cf-lobby-room-view:has(.cf-lobby-columns.has-equipment)>.online-subtitle{display:none}
.cf-lobby-columns.has-equipment.cf-room-tab-overview,.cf-lobby-columns.has-equipment.cf-room-tab-loadout{display:block!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;overflow:visible!important}
.cf-lobby-columns.has-equipment.cf-room-tab-overview>.cf-equipment-workspace{display:none!important}
.cf-lobby-columns.has-equipment.cf-room-tab-loadout>.cf-lobby-rooms{display:none!important}
.cf-lobby-columns.has-equipment>.cf-lobby-rooms,.cf-lobby-columns.has-equipment>.cf-equipment-workspace{width:100%!important;max-width:none!important;box-sizing:border-box;grid-column:auto!important;grid-row:auto!important;order:0!important;border:0!important;padding:0!important;overflow:visible!important}
.cf-room-tab-overview .online-toolbar:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#102631;border:1px solid #31515f;border-radius:10px}
.cf-room-tab-overview .online-toolbar:first-child .online-primary{min-width:150px;min-height:44px;font-weight:700}
.cf-room-quickfacts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.cf-room-quickfacts span{display:inline-flex;align-items:center;min-height:28px;padding:2px 11px;border:1px solid #34505d;border-radius:999px;background:#152a35;color:#cbd9dc;font-size:12px;font-weight:650}
.cf-room-tab-overview .room-presence{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:12px 0 18px;padding:8px 4px;color:#b5c9cd}
.cf-room-tab-overview .room-presence>span:last-child{display:none}
.cf-room-tab-overview .online-teams{margin:0 0 20px;gap:16px}
.cf-room-tab-overview .online-team{min-height:150px;border-radius:9px}
.cf-room-settings{margin:18px 0 12px;border:1px solid #33505c;border-radius:9px;background:#10232e;overflow:hidden}
.cf-room-settings>summary{padding:14px 18px;cursor:pointer;font-weight:700;color:#dce8e9;list-style:none}
.cf-room-settings>summary::-webkit-details-marker{display:none}
.cf-room-settings>summary:after{content:'展开';float:right;color:#cbb57b;font-size:13px}
.cf-room-settings[open]>summary:after{content:'收起'}
.cf-room-settings[open]>summary{border-bottom:1px solid #33505c}
.cf-room-settings>.online-rules{margin:14px!important}
@media(max-width:640px){
 .cf-room-tabs{margin:8px 0 14px;position:sticky;top:0;z-index:20}
 .cf-room-tab-overview .online-toolbar:first-child{align-items:stretch;flex-direction:column;gap:10px}
 .cf-room-tab-overview .online-toolbar:first-child .online-primary{width:100%}
 .cf-room-tab-overview .online-teams{grid-template-columns:1fr!important}
 .cf-room-tab-overview .room-presence{gap:10px;font-size:12px}
}