.sales-dashboard-stack > *,
.dashboard-metric-grid,
.dashboard-metric-grid-compact,
.dashboard-row,
.dashboard-rank-grid {
  min-width: 0;
  max-width: 100%;
}

.dashboard-metric-grid,
.dashboard-metric-grid-compact,
.dashboard-row {
  width: 100%;
}

@media (min-width: 1180px) and (max-width: 1439px) {
  .dashboard-metric-grid,
  .dashboard-metric-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-row-trend,
  .dashboard-row-balanced {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-rank-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .expense-list-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .expense-entry-grid,
  .expense-line-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
  }
}

.consumable-sku-image .consumable-image-placeholder {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.consumable-sku-image .consumable-image-placeholder > img,
.consumable-sku-image .consumable-image-placeholder > .consumable-fit-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}