.online-panel.cf-lobby-shell{width:min(1280px,calc(100% - 40px));padding:20px 24px;top:86px;max-height:calc(100dvh - 104px)}
.cf-lobby-navigation{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid #384b57}.online-panel .cf-lobby-navigation button{padding:11px 23px;background:transparent;border:0;border-bottom:2px solid transparent;color:#92a3af;font-size:16px;font-weight:700}.online-panel .cf-lobby-navigation button[aria-current=page]{color:#eed092;border-bottom-color:#dab86f;background:#b4a3770a}.cf-lobby-navigation>small{margin-left:auto;color:#8ea0aa}.cf-lobby-room-view[hidden]{display:none!important}
.online-panel.cf-lobby-shell.is-warehouse{height:calc(100dvh - 104px);display:flex;flex-direction:column;overflow:hidden}.is-warehouse .cf-lobby-navigation{flex-shrink:0}.cf-equipment-workspace{display:flex;flex-direction:column;flex:1;min-height:0;color:#e1e8ec}.cf-equipment-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;flex-shrink:0}.cf-equipment-heading h2{font-size:25px;line-height:1.3;margin:0 0 6px}.cf-equipment-heading p{font-size:12px;line-height:1.6;color:#91a5b2;margin:0}.online-panel .cf-secondary-button{white-space:nowrap;flex-shrink:0;background:transparent;border-color:#526777;color:#b8c7cf;font-size:12px}
.cf-drag-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:20px;flex:1;min-height:0}.cf-backpacks-pane,.cf-warehouse-pane{min-width:0;min-height:0;display:flex;flex-direction:column}.cf-backpacks-pane{border:1px solid #354955;background:#0d1922;padding:13px}.cf-backpacks-pane>header{flex-shrink:0;margin-bottom:12px}.cf-backpacks-pane h3,.cf-warehouse-pane h3{color:#e2e9ed!important;font-size:17px!important;margin:0 0 5px!important}.cf-backpacks-pane h3 small{font-size:11px;color:#bca86b}.cf-backpacks-pane p,.cf-warehouse-pane header p{font-size:11px;line-height:1.5;color:#91a7b4;margin:0}.cf-backpack-stack{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding-right:3px}.cf-loadout-bag{background:#14232d;border:1px solid #3a4e5a;flex-shrink:0}.cf-loadout-bag.is-editing{border-color:#c4ac6a;background:#242a25}.online-panel .cf-bag-heading{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;text-align:left;background:transparent;border:0;min-height:41px;color:#dce6eb}.cf-bag-heading b{font-size:13px}.cf-bag-heading span{font-size:10px;margin-left:auto;color:#a6b5bb}.cf-bag-heading i{font-size:14px;font-style:normal;color:#c8b277}.cf-bag-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 8px 9px}.cf-drop-slot{min-width:0;min-height:76px;display:flex;flex-direction:column;gap:3px;padding:7px 8px;position:relative;background:#13232b;border:1px solid #4e5b50;cursor:grab}.cf-drop-slot:focus-visible{outline:2px solid #e5c779;outline-offset:2px}.cf-drop-slot small{font-size:10px;color:#91a6b2;line-height:1.1}.cf-drop-slot img{width:100%;height:30px;object-fit:contain}.cf-drop-slot strong{font-size:11px;line-height:1.3;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.online-panel .cf-drop-slot>button{position:absolute;top:3px;right:3px;padding:0;width:20px;height:18px;line-height:1;background:#0d171c;border:0;color:#a0b4bf}.cf-drop-slot.is-empty{border:1px dashed #455864;background:#11202a;cursor:default}.cf-drop-slot.is-empty strong{color:#718994;font-weight:400;text-align:center}.cf-empty-slot-symbol{display:block;text-align:center;font-size:24px;line-height:30px;color:#607784}.cf-bag-equipment .cf-use-loadout{grid-column:1/-1;min-height:31px;padding:7px;font-size:11px}
.cf-warehouse-pane{border:1px solid transparent;padding:0 1px}.cf-warehouse-pane.is-return-target{outline:2px dashed #e3bc6c;outline-offset:-2px;background:#c9b0700c}.cf-warehouse-pane>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;margin-bottom:11px}.online-panel .cf-warehouse-pane>header input{width:220px;max-width:45%;font-size:12px;padding:8px;background:#0f1c26;border-color:#364f5f}.cf-warehouse-filters{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;margin-bottom:11px}.cf-warehouse-filters nav{display:flex;gap:5px;flex-wrap:wrap}.online-panel .cf-warehouse-filters button{background:#192b35;border:1px solid #3b5260;font-size:12px;padding:7px 12px;color:#adc1cb}.online-panel .cf-warehouse-filters button[aria-pressed=true]{background:#363429;border-color:#bfa46a;color:#efce85}.online-panel .cf-warehouse-filters select{font-size:11px;padding:6px;background:#11212b;max-width:142px}
.cf-warehouse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;flex:1;overflow-y:auto;align-content:start;padding:0 4px 3px 0}.online-panel .cf-warehouse-item{min-width:0;display:flex;flex-direction:column;text-align:left;gap:5px;padding:10px;background:#13222d;border:1px solid #354c5b;color:#e2eaed;cursor:grab}.cf-warehouse-item>div:first-child{display:flex;justify-content:space-between;gap:5px;font-size:9px}.cf-warehouse-item b{font-size:9px;color:#d0c088;font-weight:500}.cf-warehouse-item img,.cf-pending-weapon-icon{height:52px;width:100%;object-fit:contain}.cf-warehouse-item strong{font-size:12px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cf-warehouse-item small{font-size:9px;line-height:1.5;color:#829ba9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-panel .cf-warehouse-item.is-previewed{border-color:#d3b775;background:#30342b}.online-panel .cf-warehouse-item.is-pending{border-style:dashed;background:#111d26;cursor:pointer}.cf-warehouse-item.is-pending strong{color:#839aa7;font-size:11px}.cf-pending-weapon-icon{display:grid;place-items:center;color:#4a6473;font-size:36px}.cf-warehouse-pagination{display:flex;justify-content:flex-end;gap:8px;align-items:center;padding:7px 0;flex-shrink:0}.cf-warehouse-pagination span{margin-right:auto;font-size:10px;color:#8fa5b2}.online-panel .cf-warehouse-pagination button{padding:5px 9px;font-size:10px;background:#162630;border-color:#3e5664}.online-panel .cf-equip-action{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:12px 13px;background:#282e23;border:1px solid #667050}.cf-equip-action>div{display:flex;flex-direction:column;gap:4px;min-width:0}.cf-equip-action small{font-size:10px;color:#afbbab}.cf-equip-action strong{font-size:15px;color:#efdfb5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-equip-action span{font-size:10px;color:#a1b2aa}
.online-panel .cf-primary-button,.cf-bag-switcher .cf-primary-button{background:#d1b575;color:#18242b;border:1px solid #d1b575;padding:10px 16px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.online-panel .cf-primary-button:hover{background:#e6c786}.online-panel .cf-primary-button:disabled,.cf-bag-switcher .cf-primary-button:disabled{opacity:.45;cursor:default}.cf-equipment-feedback{flex-shrink:0;font-size:10px;line-height:1.5;color:#b2aa7b;margin:8px 0 0;min-height:15px}.cf-equipment-warning{background:#45372266;color:#e7c785;border:1px solid #7f6e44;padding:10px;line-height:1.6;font-size:12px;flex-shrink:0}.cf-equipment-empty{padding:16px;border:1px dashed #465d6b;color:#8da3b0;font-size:12px}
.cf-bag-switcher{width:min(940px,94vw)!important;max-width:940px!important;max-height:88dvh;overflow:auto;background:#13212c;color:#e4e9ea;border:1px solid #536976;padding:24px}.cf-prepared-bags>p{font-size:12px;line-height:1.6;color:#9fb2bf}.cf-prepared-bag-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:18px 0}.cf-prepared-bag-list button{display:flex;flex-direction:column;gap:7px;text-align:left;padding:12px;background:#172b37;color:#dce6eb;border:1px solid #455c6c;cursor:pointer;min-width:0}.cf-prepared-bag-list button[aria-pressed=true]{border-color:#d6ba75;background:#373a2b}.cf-prepared-bag-list button:disabled{opacity:.4;cursor:not-allowed}.cf-prepared-bag-list header{display:flex;flex-direction:column;gap:4px}.cf-prepared-bag-list header span,.cf-prepared-bag-list small{font-size:10px;line-height:1.6;color:#94aaba}.cf-prepared-bag-list img{height:62px;width:100%;object-fit:contain}.cf-prepared-bag-list strong{font-size:13px}
@media(max-width:1000px){.cf-drag-layout{grid-template-columns:270px minmax(0,1fr);gap:13px}.cf-warehouse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-warehouse-filters{align-items:start;flex-direction:column}.online-panel .cf-warehouse-pane>header input{width:150px}.cf-equip-action{align-items:stretch!important;flex-direction:column;gap:9px!important}.cf-equip-action button{width:100%}}
@media(max-width:680px){.online-panel.cf-lobby-shell{top:70px;width:calc(100% - 16px);padding:14px;max-height:calc(100dvh - 80px)}.online-panel.cf-lobby-shell.is-warehouse{height:auto;display:block;overflow:auto}.cf-lobby-navigation{margin-bottom:16px}.online-panel .cf-lobby-navigation button{padding:9px 15px;font-size:15px}.cf-lobby-navigation small{display:none}.cf-equipment-workspace{display:block}.cf-equipment-heading{align-items:start;gap:10px}.cf-equipment-heading h2{font-size:22px}.cf-equipment-heading p{font-size:11px}.cf-equipment-heading .cf-secondary-button{padding:7px}.cf-drag-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.cf-backpack-stack{overflow:visible}.cf-warehouse-grid{height:370px;flex:none;grid-template-columns:repeat(2,minmax(0,1fr))}.cf-warehouse-filters{flex-direction:row;align-items:center}.cf-warehouse-filters nav{gap:4px}.online-panel .cf-warehouse-filters button{font-size:11px;padding:6px 7px}.online-panel .cf-warehouse-filters select{max-width:100px}.cf-warehouse-pane>header{align-items:start}.online-panel .cf-warehouse-pane>header input{width:135px}.cf-warehouse-pane header p{max-width:175px}.cf-prepared-bag-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-bag-switcher{padding:18px}}
@media(min-width:681px){.cf-backpacks-pane>header{margin-bottom:8px}.cf-drop-slot{min-height:64px;padding:6px 7px;gap:2px}.cf-drop-slot img{height:24px}.cf-drop-slot small{font-size:9px}.cf-drop-slot strong{font-size:10px}.cf-empty-slot-symbol{line-height:24px;font-size:21px}}

.online-panel .cf-warehouse-item .cf-card-equip{display:block;width:100%;margin-top:auto;padding:7px 8px;border:1px solid #b59b5f;border-radius:4px;background:#65552e;color:#fff2ce;font-size:11px;font-weight:700;text-align:center;cursor:pointer}.online-panel .cf-warehouse-item .cf-card-equip:hover:not(:disabled){background:#8b7136}.online-panel .cf-warehouse-item .cf-card-equip:disabled{opacity:.6;cursor:default;background:#34434a;border-color:#52606a}.online-panel .cf-warehouse-item:focus-visible,.online-panel .cf-warehouse-item .cf-card-equip:focus-visible{outline:2px solid #ffdc83;outline-offset:2px}