/* Файл: client/js/Elements/Table.css
   Визуальный стиль виджета Table (см. Elements/Table.js) — карточка с тенью, как и в
   Cerberus/admin (см. Elements/Group.css: .group-card) и в самом Cerberus (.users-db-card,
   client/cerberus.html) — везде один и тот же рецепт padding/radius/shadow, продублирован
   намеренно (каждый виджет отвечает за свой внешний вид сам, без общего базового файла).
   Заголовок таблицы (caption) — жирный, главное на карточке; заголовки колонок —
   вспомогательная информация, поэтому подчёркнуто скромнее (без фона, серым, мельче). */

.canvas-table {
    margin: 5px 0;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background: white;
}

.canvas-table-caption {
    font-weight: 700;
    font-size: 15px;
    color: #1a2a3f;
    margin-bottom: 8px;
}

.canvas-table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.canvas-table th {
    font-weight: normal;
    color: #888;
    background: none;
    font-size: 12px;
    padding: 6px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.canvas-table td {
    padding: 6px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.canvas-table tr.selected,
.canvas-table tr.selected-row {
    background-color: #cce8ff;
}
.canvas-table tr:hover {
    background-color: #f7f7f7;
}

.table-load-sentinel {
    height: 1px;
}

.canvas-table-scroll {
    overflow-y: auto;
}
.canvas-table-scroll table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
}