/* Four complete rows; extra items scroll inside the list. No equipment/gameplay changes. */
.online-panel .cf-warehouse-grid {
  --cf-weapon-row-height: clamp(84px, calc((100dvh - 380px) / 4), 112px);
  display: grid;
  grid-auto-rows: var(--cf-weapon-row-height);
  gap: 6px;
  height: calc(var(--cf-weapon-row-height) * 4 + 18px);
  min-height: calc(var(--cf-weapon-row-height) * 4 + 18px);
  max-height: calc(var(--cf-weapon-row-height) * 4 + 18px);
  flex: 0 0 auto;
  padding: 0 4px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  align-content: start;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.online-panel .cf-warehouse-grid .cf-warehouse-item,
.online-panel .cf-warehouse-grid .cf-warehouse-item:has(.cf-view-skins) {
  box-sizing: border-box;
  min-height: 0;
  height: var(--cf-weapon-row-height);
  padding: 4px 6px;
  gap: 1px;
  overflow: hidden;
}
.online-panel .cf-warehouse-grid .cf-warehouse-item > div:first-child {flex: 0 0 auto; line-height: 10px;}
.online-panel .cf-warehouse-grid .cf-warehouse-item img {flex: 1 1 26px; min-height: 14px; max-height: 36px; height: auto; object-fit: contain;}
.online-panel .cf-warehouse-grid .cf-warehouse-item strong {flex: 0 0 auto; font-size: 10px; line-height: 12px;}
.online-panel .cf-warehouse-grid .cf-warehouse-item > small {flex: 0 0 auto; font-size: 9px; line-height: 10px;}
.online-panel .cf-warehouse-grid .cf-view-skins {flex: 0 0 auto; margin: 0; padding: 0 4px; font-size: 9px; line-height: 11px;}
.online-panel .cf-warehouse-grid .cf-card-equip {flex: 0 0 auto; min-height: 18px; margin-top: auto; padding: 1px 4px; font-size: 9px; line-height: 14px;}
/* Per-card equip actions remain visible; the duplicate preview footer need not consume a row. */
.online-panel .cf-warehouse-pane .cf-equip-action {display: none;}
.online-panel .cf-warehouse-pagination {padding: 4px 0;}
.online-panel .cf-equipment-feedback {margin: 3px 0 0; min-height: 14px; font-size: 10px; line-height: 14px;}
.cf-live-warehouse-dialog {padding: 16px !important; gap: 8px !important;}
.cf-live-warehouse-dialog > h2 {margin: 0; font-size: 24px; line-height: 30px;}
.cf-live-warehouse-dialog > p {margin: 0; font-size: 12px; line-height: 17px;}
.cf-live-warehouse-dialog .cf-live-equipment-tabs {margin: 3px 0;}
.cf-live-warehouse-dialog .cf-live-equipment-tabs button {padding: 6px 12px;}
.cf-live-warehouse-dialog .cf-equipment-heading {display: none;}
@media(max-width:700px) {
  .online-panel .cf-warehouse-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .online-panel .cf-warehouse-grid .cf-warehouse-item {padding: 5px;}
}

/* The card already identifies its slot and equip target; hide redundant drag instructions. */
.online-panel .cf-warehouse-grid .cf-warehouse-item > small:last-of-type {display:none;}
.online-panel .cf-backpack-stack{max-height:calc(100dvh - 275px);overflow-y:auto;}