/* Same four columns in lobby, room and in-match warehouse, including small screens. */
.online-panel .cf-equipment-workspace .cf-warehouse-pane .cf-warehouse-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.online-panel .cf-primary-subtypes {
  display:flex;flex:0 0 auto;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;
  padding:0 0 6px;margin:0;scrollbar-width:thin;
}
.online-panel .cf-primary-subtypes button {
  flex:0 0 auto;padding:5px 9px;border:1px solid #4a6270;border-radius:4px;
  background:#152b38;color:#c7d6df;font-size:11px;line-height:16px;cursor:pointer;
}
.online-panel .cf-primary-subtypes button[aria-pressed=true] {background:#66532b;border-color:#c6a85e;color:#fff0c6;}
.online-panel .cf-primary-subtypes button:focus-visible {outline:2px solid #ffdc83;outline-offset:-2px;}
.cf-card-compact {display:none;}
@media(max-width:700px) {
 .online-panel .cf-equipment-workspace .cf-warehouse-grid {gap:6px 4px;padding-right:0;scrollbar-gutter:auto;}
 .online-panel .cf-warehouse-grid .cf-warehouse-item {padding:4px 3px;}
 .online-panel .cf-warehouse-grid .cf-warehouse-item>div:first-child {display:block;}
 .online-panel .cf-warehouse-grid .cf-warehouse-item>div:first-child>b {display:none;}
 .online-panel .cf-warehouse-grid .cf-warehouse-item strong {font-size:9px;}
 .online-panel .cf-warehouse-grid .cf-card-equip {padding:1px;font-size:9px;}
 .online-panel .cf-warehouse-grid .cf-view-skins {padding:0;font-size:8px;}
 .cf-card-full {display:none;}
 .cf-card-compact {display:inline;}
 .online-panel .cf-primary-subtypes button {padding:4px 6px;font-size:10px;}
}
/* In-match bag picker (B): tabs 1-7, large primary slot, then pistol / knife / grenade. */
.cf-quick-bag-dialog {max-width:min(560px,calc(100% - 2rem)) !important;background:#0f1b23 !important;border:1px solid #4a6270;}
.cf-quick-bags {display:grid;gap:10px;}
.cf-quick-bag-tabs {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;}
.cf-quick-bag-tabs button {height:38px;border:1px solid #4a6270;border-radius:4px;background:#152b38;color:#c7d6df;font-size:15px;font-weight:700;cursor:pointer;}
.cf-quick-bag-tabs button[aria-pressed=true] {background:#66532b;border-color:#c6a85e;color:#fff0c6;}
.cf-quick-bag-tabs button:disabled {opacity:.35;cursor:not-allowed;}
.cf-quick-bag-tabs button:focus-visible {outline:2px solid #ffdc83;outline-offset:1px;}
.cf-quick-slot {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;padding:22px 8px 8px;border:1px solid #3b5261;border-radius:4px;background:#132430;color:#e6eef3;}
.cf-quick-slot small {position:absolute;top:6px;left:8px;color:#8fa6b4;font-size:11px;}
.cf-quick-slot img {max-width:80%;height:44px;object-fit:contain;}
.cf-quick-slot strong {font-size:12px;}
.cf-quick-slot.is-empty strong {color:#6d8391;font-weight:400;}
.cf-quick-primary {min-height:150px;}
.cf-quick-primary img {height:80px;}
.cf-quick-primary strong {font-size:15px;}
.cf-quick-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}