.purchase-dashboard {
  width: min(1500px, calc(100vw - var(--sb-w) - 48px));
}

.purchase-kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
}

.purchase-signal-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.purchase-shortcuts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.purchase-shortcuts .sales-shortcut {
  min-height: 46px;
}

.purchase-dashboard .sales-content-grid-3 {
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.35fr);
}

.purchase-dashboard .sales-content-grid-3 > :nth-child(3) {
  grid-column: 1 / -1;
}

.purchase-dashboard #purchaseOpenOrdersTable,
.purchase-dashboard #purchaseReceiptTable,
.purchase-dashboard #purchaseRecentOrdersTable {
  min-width: 820px;
}

.purchase-dashboard #purchaseOpenOrdersTable th:first-child,
.purchase-dashboard #purchaseOpenOrdersTable td:first-child,
.purchase-dashboard #purchaseReceiptTable th:first-child,
.purchase-dashboard #purchaseReceiptTable td:first-child,
.purchase-dashboard #purchaseRecentOrdersTable th:first-child,
.purchase-dashboard #purchaseRecentOrdersTable td:first-child {
  min-width: 220px;
}

.purchase-dashboard #purchaseOpenOrdersTable th:nth-child(2),
.purchase-dashboard #purchaseOpenOrdersTable td:nth-child(2),
.purchase-dashboard #purchaseReceiptTable th:nth-child(2),
.purchase-dashboard #purchaseReceiptTable td:nth-child(2),
.purchase-dashboard #purchaseRecentOrdersTable th:nth-child(2),
.purchase-dashboard #purchaseRecentOrdersTable td:nth-child(2) {
  min-width: 132px;
}

.purchase-dashboard #purchaseOpenOrdersTable th:nth-child(3),
.purchase-dashboard #purchaseOpenOrdersTable td:nth-child(3),
.purchase-dashboard #purchaseReceiptTable th:nth-child(3),
.purchase-dashboard #purchaseReceiptTable td:nth-child(3),
.purchase-dashboard #purchaseRecentOrdersTable th:nth-child(3),
.purchase-dashboard #purchaseRecentOrdersTable td:nth-child(3) {
  min-width: 108px;
  white-space: nowrap;
}

.purchase-dashboard #purchaseOpenOrdersTable th:nth-child(2),
.purchase-dashboard #purchaseOpenOrdersTable td:nth-child(2),
.purchase-dashboard #purchaseReceiptTable th:nth-child(2),
.purchase-dashboard #purchaseReceiptTable td:nth-child(2),
.purchase-dashboard #purchaseRecentOrdersTable th:nth-child(2),
.purchase-dashboard #purchaseRecentOrdersTable td:nth-child(2),
.purchase-dashboard #purchaseOpenOrdersTable th:nth-child(4),
.purchase-dashboard #purchaseOpenOrdersTable td:nth-child(4),
.purchase-dashboard #purchaseOpenOrdersTable th:nth-child(5),
.purchase-dashboard #purchaseOpenOrdersTable td:nth-child(5),
.purchase-dashboard #purchaseOpenOrdersTable th:nth-child(6),
.purchase-dashboard #purchaseOpenOrdersTable td:nth-child(6) {
  white-space: nowrap;
}

.purchase-panel .sales-panel-head h3 {
  font-size: 18px;
}

#purchaseTrendChart {
  height: 320px;
}

@media (max-width: 1600px) {
  .purchase-signal-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .purchase-shortcuts,
  .purchase-signal-strip,
  .purchase-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .purchase-shortcuts,
  .purchase-signal-strip,
  .purchase-kpi-grid {
    grid-template-columns: 1fr;
  }
}