/* ============================================================
   Заказы: шапка раздела, фильтры, таблица, статусы
   ============================================================ */

.page-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); margin-bottom: var(--sp-6); flex-wrap: wrap; }
.page-head .page-title { margin: 0; }

.btn-icon { /* «Массовое добавление в корзину» */
  display: inline-flex; align-items: center; gap: var(--sp-2);
  height: 44px; padding: 0 var(--sp-5);
  background: var(--c-primary); color: #fff; border: none; border-radius: var(--r-sm);
  font-size: var(--fz-14); font-weight: var(--fw-medium);
}
.btn-icon:hover { background: var(--c-primary-dark); text-decoration: none; }

/* --- Панель фильтров --- */
.filters {
  display: flex; align-items: flex-end; gap: var(--sp-5); flex-wrap: wrap;
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: var(--r-md); padding: var(--sp-5); margin-bottom: var(--sp-6);
}
.filters .field { margin: 0; }
.filters .checkbox { align-self: center; }

/* --- Таблица заказов --- */
.orders-table { width: 100%; border-collapse: collapse; font-size: var(--fz-14); }
.orders-table thead th {
  text-align: left; font-weight: var(--fw-regular); color: var(--c-text-2);
  font-size: var(--fz-13); padding: var(--sp-3) var(--sp-4);
  border-bottom: 1px solid var(--c-border);
}
.orders-table tbody td { padding: var(--sp-4); border-bottom: 1px solid var(--c-border); vertical-align: top; }
.orders-table tbody tr:nth-child(even) { background: #fafbfc; }
.order-num { font-weight: var(--fw-bold); }
.order-date { font-size: var(--fz-12); color: var(--c-muted); }
.order-sum { font-weight: var(--fw-bold); }
.order-positions { font-size: var(--fz-12); color: var(--c-link); }

/* Бейдж статуса */
.status { display: inline-block; font-size: var(--fz-13); color: var(--c-text); }

/* Действия с заказом */
.order-actions { display: flex; gap: var(--sp-3); color: var(--c-primary); }
.order-actions a { color: var(--c-primary); line-height: 0; }

/* Подсказка-«?» у заголовка действий */
.th-hint { display: inline-flex; align-items: center; gap: 4px; }
.th-hint svg { color: var(--c-muted); }

/* --- Адаптив: таблица → карточки на мобиле --- */
@media (max-width: 768px) {
  .orders-table thead { display: none; }
  .orders-table, .orders-table tbody, .orders-table tr, .orders-table td { display: block; width: 100%; }
  .orders-table tr {
    border: 1px solid var(--c-border); border-radius: var(--r-md);
    margin-bottom: var(--sp-4); padding: var(--sp-2) var(--sp-4); background: var(--c-surface);
  }
  .orders-table tbody tr:nth-child(even) { background: var(--c-surface); }
  .orders-table td { border: none; padding: var(--sp-2) 0; display: flex; justify-content: space-between; gap: var(--sp-4); }
  .orders-table td::before { content: attr(data-label); color: var(--c-muted); font-size: var(--fz-12); flex: 0 0 auto; }
}