.inventory-table th[data-column="regional"] { width: 184px; text-align: center; }
.inventory-table th[data-column="market"] { text-align: center; }
.inventory-table td[data-column="regional"] { padding-left: 8px; padding-right: 8px; }
:is(.inventory-table, .disabled-table) .inventory-warehouses {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  max-width: 222px;
  text-align: center;
  vertical-align: middle;
}
.inventory-table .inventory-warehouses > .inventory-warehouses-label {
  grid-column: 1 / -1;
  margin: 0 0 1px;
  color: #8d959d;
  font-size: 10px;
  line-height: 1.35;
  text-align: center;
}
.inventory-warehouse { min-width: 0; }
.inventory-warehouse-stock {
  padding: 7px 2px;
  border-radius: 7px;
  background: #f1f3f6;
  color: #657487;
}
.inventory-warehouse[data-region="CPT"] .inventory-warehouse-stock { background: #e8f8f2; color: #07845f; }
.inventory-warehouse[data-region="JHB"] .inventory-warehouse-stock { background: #eaf2ff; color: #2b6fd3; }
:is(.inventory-table, .disabled-table) .inventory-warehouse-stock > small { margin: 0; font-size: 11px; color: #8d959d; line-height: 1.35; }
.inventory-warehouse-stock > b { display: block; line-height: 1.5; font-variant-numeric: tabular-nums; }
.inventory-table .inventory-warehouse > .inventory-warehouse-replenishment {
  display: block;
  margin-top: 5px;
  color: #8d959d;
  font-size: 10px;
  line-height: 1.35;
  white-space: nowrap;
}
.inventory-table .inventory-warehouse-replenishment > b {
  display: inline;
  font-size: inherit;
  font-weight: 600;
  color: #657487;
  font-variant-numeric: tabular-nums;
}

.inventory-table th[data-column="logistics"] { width: 264px; min-width: 264px; text-align: center; }
.inventory-table th.inventory-logistics-heading-two-row { width: 184px; min-width: 184px; line-height: 1.55; white-space: normal; }
.inventory-table td[data-column="logistics"] { padding-left: 8px; padding-right: 8px; }
.inventory-logistics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; width: 100%; min-width: 248px; text-align: center; }
.inventory-logistics-stock { min-width: 0; padding: 7px 3px; border-radius: 7px; background: #f1f3f6; color: #657487; }
.inventory-table .inventory-logistics { grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 168px; max-width: 168px; margin-inline: auto; }
.inventory-table .inventory-logistics-stock { padding: 4px 3px; }
.inventory-logistics-stock[data-kind="in-transit"] { background: #fff5e7; color: #ae6814; }
.inventory-logistics-stock[data-kind="receiving"] { background: #eaf2ff; color: #2b6fd3; }
.inventory-logistics-stock[data-kind="first-mile"] { background: #f1edff; color: #7351b8; }
.inventory-logistics-stock[data-kind="overseas"] { background: #e8f8f2; color: #07845f; }
.inventory-logistics-stock > small, .inventory-table .inventory-logistics-stock > small { display: block; margin: 0; color: inherit; font-size: 10px; line-height: 1.5; white-space: nowrap; }
.inventory-logistics-stock > b { display: block; color: inherit; line-height: 1.5; font-variant-numeric: tabular-nums; }
.inventory-logistics-detail { padding: 12px 0; }
.inventory-logistics-detail > dt { margin-bottom: 8px; }
.row-detail-list .inventory-logistics-detail > dd { width: 100%; }
.inventory-logistics-detail .inventory-logistics { min-width: 0; }
#inventory-view .inventory-table th[data-column="product"] { width: 260px !important; }
#inventory-view .table-shell { overflow-x: auto; }