/* Inventory only: retain the existing four-card layouts on other pages. */
.inventory-cost-metrics.metrics {
  grid-template-columns: repeat(5, minmax(0, 350px)) !important;
  justify-content: space-between;
  gap: 18px;
}
.inventory-cost-metrics .metric { min-width: 0; width: 100%; }
@media (max-width: 1100px) {
  .inventory-cost-metrics.metrics { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  .inventory-cost-metrics.metrics { grid-template-columns: minmax(0, 1fr) !important; }
}