.order-metrics { grid-template-columns: repeat(3, 1fr); margin-bottom: 16px; }
.pricing-metrics { margin-bottom: 16px; }
.pricing-metrics .metric-card { min-width: 0; }
.pricing-metrics .metric-card strong { overflow-wrap: anywhere; }
.pricing-metrics .metric-card__spinner { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.orders-metrics-carousel { margin-bottom: 40px; }
.orders-metrics-carousel + .list-filter-bar { margin-top: 0; }
.orders-metric-progress { position: absolute; right: 12px; bottom: 8px; left: 60px; height: 4px; overflow: hidden; border-radius: var(--radius-round); background: var(--color-surface-hover); }
.orders-metric-progress > span { display: block; height: 100%; border-radius: inherit; background: var(--color-accent); }

.order-filters .search-field, .order-filters .select-field, .order-filters .select-field select { width: 100%; min-width: 0; }
[data-orders-container] > .async-loader,
[data-orders-container] > .async-error,
[data-orders-container] > .empty-state { margin-top: 16px; }
.orders-table-panel:has(tfoot) { --table-overlay-bottom: 44px; --table-overlay-radius: 0; }
.orders-table-panel.table-panel--loading { --table-overlay-bottom: 0; --table-overlay-radius: 0 0 9px 9px; }
.orders-table { min-width: 900px; }
.orders-table tbody tr { cursor: default; }
.orders-table tbody td:first-child strong { font-weight: var(--table-entity-font-weight); }
.orders-table__number { color: var(--table-entity-link-color); text-decoration: none; }
.orders-table__number:hover { text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 3px; }
.orders-table td .status { display: inline-flex; }
.orders-table tfoot td { height: 42px; padding: 0 16px; border-top: 1px solid var(--color-border); background: var(--color-table-heading); color: var(--color-text-primary); }
.orders-table__totals td:nth-child(2), .orders-table__totals td:nth-child(3) { white-space: nowrap; }
.order-detail { display: grid; gap: 16px; }
.order-detail__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; overflow: hidden; padding: 0; background: var(--color-border); }
.order-detail__summary > div { display: grid; min-height: 72px; align-content: center; gap: 4px; padding: 12px 16px; background: var(--color-surface); }
.order-detail__summary > div > span:first-child { color: var(--color-text-secondary); font-size: var(--font-xs); }
.order-detail__summary strong { font-weight: 500; }
.order-detail__summary .status { width: fit-content; }
.order-detail__positions { overflow: hidden; }
.order-detail-table { min-width: 760px; }
.order-detail-table th:nth-child(n+2), .order-detail-table td:nth-child(n+2) { text-align: right; }
.order-detail-table tbody td:first-child strong { font-weight: 500; }
.order-detail-table tfoot td { height: 42px; padding: 0 16px; border-top: 1px solid var(--color-border); background: var(--color-table-heading); }
[data-order-detail-container] > .async-loader,
[data-order-detail-container] > .async-error,
[data-order-detail-container] > .empty-state { margin-top: 16px; }
[data-orders].is-loading { pointer-events: none; }
[data-orders].is-loading .orders-table tfoot { visibility: hidden; }

@media (max-width: 767px) {
  .order-filters .search-field, .order-filters .select-field, .select-field select { width: 100%; min-width: 0; }
  .order-detail__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}