[data-page="orders"] .table-toolbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: center; }
[data-page="orders"] .table-toolbar .search-field { grid-column: 1 / -1; max-width: none; }
[data-page="orders"] .table-toolbar > label { min-width: 0; }
[data-page="orders"] .table-toolbar select { width: 100%; max-width: none; font-size: 11px; text-overflow: ellipsis; }
.orders-pagination { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 24px; border-top: 1px solid var(--line); }
.orders-pagination p { margin: 0; font-size: 11px; color: var(--muted); line-height: 1.7; }
.orders-pagination > div { display: flex; gap: 8px; flex-shrink: 0; }
.orders-pagination .button { min-height: 34px; padding: 7px 11px; font-size: 11px; }
@container orders (max-width: 760px) {
  [data-page="orders"] .table-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  [data-page="orders"] .table-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .orders-pagination { align-items: stretch; flex-direction: column; padding: 16px 18px; gap: 10px; }
  .orders-pagination > div { justify-content: space-between; }
  .orders-pagination .button { flex: 1; }
}