/* ============================================================
   Business PC V2 — TABLES (PHASE 3)
   Единый источник стилей таблиц.

   Правило подключения: ПОСЛЕ ui/forms.css, но ДО site.css
   и страничных стилей. Значения совпадают с текущими
   (страничные таблицы — admin.css, cart.css/.order-table) —
   подключение НЕ меняет вид.

ВНИМАНИЕ: админка использует класс .table (миграция
   выполнена DESIGN/UI 30.09). Устаревших ссылок нет.

   Компоненты ТЗ: Table. По ТЗ §21 в админке предпочтительны
   таблицы, карточки остаются там, где улучшают UX.
   ============================================================ */

/* ---------- Базовая таблица ----------
   Общий каркас: ширина, схлопывание рамок, размер шрифта. */
.table {
    width: 100%;
    border-collapse: collapse;
}

/* ---------- Заголовок ---------- */
.table th {
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

/* ---------- Ячейка ---------- */
.table td {
    vertical-align: middle;
}

/* Последняя строка без разделителя */
.table tr:last-child td { border-bottom: none; }

/* ---------- Числовые ячейки ---------- */
.table .num {
    text-align: right;
    white-space: nowrap;
}

/* ---------- Основное и вторичное содержимое ячейки ---------- */
.cell-main {
    font-weight: 500;
    color: var(--color-text);
}
.cell-sub {
    display: block;
    margin-top: 2px;
    font-size: 0.75rem;
    color: var(--text-dim);
}

/* ---------- Интерактивные строки ---------- */
.table tbody tr { transition: background-color 0.15s ease; }
.table tbody tr:hover { background: var(--color-surface-hover); }

/* ---------- Обёртка: горизонтальная прокрутка на мобильных ---------- */
.table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}