/* Shared analytics table components. */

/* ========================================
   9. Tables
   ======================================== */
.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead {
    background-color: var(--gray-50);
}

.data-table th {
    padding: var(--spacing-md);
    font-weight: var(--font-weight-semibold);
    color: var(--gray-700);
    text-align: left;
    border-bottom: 2px solid var(--border-color);
    user-select: none;
}

.data-table th:hover {
    background-color: var(--gray-100);
}

.data-table th.sortable:after {
    content: '↕';
    margin-left: var(--spacing-xs);
    opacity: 0.3;
}

.data-table th.sort-asc:after {
    content: '↑';
    opacity: 1;
}

.data-table th.sort-desc:after {
    content: '↓';
    opacity: 1;
}

.data-table td {
    padding: var(--spacing-md);
    border-bottom: 1px solid var(--gray-100);
}

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

.data-table tbody tr:hover {
    background-color: var(--gray-50);
}