/* ── Таблицы под стиль шаблонов PatientsTable / crm data-table ──
   Глобальная .table превращается в «бенто/стекло»-карточку: скруглённая
   обёртка с мягкой тенью и бордером, негромкая шапка с uppercase-капсом,
   тонкие разделители строк (последняя без линии), плавный hover и акцент
   на первой колонке (имя/пациент). Используются токены project-theme. */
.table {
    color: var(--ink);
    font-family: var(--font-ui);
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--r-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

/* если таблица уже лежит в карточке/респонсив-обёртке — не двоим рамку */
.card > .table,
.card .table,
.table-responsive > .table {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.table-responsive {
    border: 1px solid var(--line);
    border-radius: var(--r-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    background: var(--surface);
}

.table thead th {
    background: var(--surface-2);
    border-top: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 12px 20px;
    white-space: nowrap;
}

.table tbody td {
    border-top: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    padding: 14px 20px;
    font-size: 13.5px;
    color: var(--ink-2);
    vertical-align: middle;
}

.table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* первая колонка — акцентная, как имя пациента в шаблоне */
.table tbody td:first-child {
    color: var(--ink);
    font-weight: 600;
}

.table tbody tr {
    transition: background-color var(--motion-fast) var(--ease);
}

.table tbody tr:hover,
.table-hover tbody tr:hover,
.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--surface-2);
}
.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: var(--surface-3);
}