/* Keep the existing cabinet depth, colors and three-column grid. */
.cabinet-panel .badge-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cabinet-panel .badge-item {
  min-width: 0;
}
.cabinet-image-frame {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  max-width: 100%;
}
.cabinet-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  image-rendering: pixelated;
}
.cabinet-item-code {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cabinet-image-large {
  width: 120px;
  height: 120px;
}
.furniture-display .cabinet-image-large {
  width: 128px;
  height: 128px;
}
.cabinet-image-missing {
  font-size: 10px;
  text-align: center;
  overflow-wrap: anywhere;
}
.cabinet-skeleton {
  opacity: 0.4;
  pointer-events: none;
}
.cabinet-skeleton .cabinet-image-frame {
  border-radius: 6px;
  background: currentColor;
  opacity: 0.08;
}
.cabinet-detail-code {
  overflow-wrap: anywhere;
}
.cabinet-status {
  line-height: 1.5;
}
.cabinet-retry {
  width: 100%;
}
