.product-costs-filter { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; }
.product-costs-filter > *, .product-costs-product { min-width: 0; }
.product-costs-product { grid-column: span 2; }
.product-costs-filter > button { justify-self: start; }
.product-costs-scope { display: flex; flex-direction: column; gap: 7px; padding: 4px 2px 18px; font-size: calc(13px * var(--ui-type-scale, 1)); overflow-wrap: anywhere; }
.product-costs-status { min-width: 130px; max-width: 240px; white-space: normal; }
.product-costs-status details { margin-top: 7px; font-size: calc(11px * var(--ui-type-scale, 1)); }
.product-costs-status summary { cursor: pointer; color: var(--orange); }
.product-costs-status ul { padding-left: 17px; overflow-wrap: anywhere; }
.product-costs-pager { gap: 12px; flex-wrap: wrap; align-items: center; }
.product-costs-pager button:disabled { cursor: default; }
.product-costs-empty { text-align: center; color: var(--muted); padding: 28px; }
.product-costs-table td { vertical-align: top; }
@media (max-width: 760px) {
  .product-costs-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-costs-product { grid-column: 1 / -1; }
  .product-costs-pager { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) { .product-costs-filter { grid-template-columns: minmax(0, 1fr); } }