/* Таблицы как на странице проектов siamtaskmanager: без рамок, заголовок прилипает под фильтрами */
.table {
    width: 100%;
    background: var(--color-grey-white);
}

.table thead th {
    position: sticky;
    top: var(--page-header-height);
    z-index: 5;
    padding: 20px 16px 12px 0;
    background-color: var(--color-grey-white);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.375rem;
    text-align: left;
    white-space: nowrap;
}

.table tbody td {
    padding: 12px 16px 12px 0;
    font-size: 1rem;
    line-height: 1.375rem;
    vertical-align: middle;
}

.table .col-primary {
    font-weight: var(--font-weight-bold);
}

.table .col-muted {
    color: var(--color-grey-48);
}

.table .col-number {
    width: 64px;
}

/* Кнопки действий в строке появляются при наведении */
.table .col-actions {
    width: 1%;
    padding-right: 0;
    text-align: right;
    white-space: nowrap;
}

.table tbody .col-actions .button-icon {
    opacity: 0;
    transition: opacity 0.15s ease;
}

.table tbody tr:hover .col-actions .button-icon,
.table tbody .col-actions .button-icon:focus-visible {
    opacity: 1;
}

.table tbody tr:hover {
    background-color: var(--color-grey-96);
}

/* Неактивная запись (например, пользователь с закрытым доступом) */
.table tbody tr.row-muted td {
    color: var(--color-grey-52);
}

.table .empty-row td {
    color: var(--color-grey-48);
}

/* Таблица внутри карточки: заголовок не прилипает, без подсветки строк */
.table-plain thead th {
    position: static;
    padding-top: 8px;
}

.table-plain tbody tr:hover {
    background-color: transparent;
}

/* Если над таблицей есть строка фильтров, заголовок прилипает под ней */
.filter-row + .table-wrapper .table thead th {
    top: calc(var(--page-header-height) + var(--filter-row-height));
}