/**
 * Table Component System
 */

.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: 0.75rem;
    border-bottom: 1px solid var(--color-neutral-200, #e9ecef);
}

.table th {
    background: var(--color-neutral-50, #f8f9fa);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-primary-800, #0f4c4c);
    text-align: left;
}

.table-striped tbody tr:nth-child(odd) {
    background: var(--color-neutral-50, #f8f9fa);
}

.table-hover tbody tr:hover {
    background: var(--color-primary-50, #e6f7f6);
}

.table-compact th,
.table-compact td {
    padding: 0.5rem;
    font-size: var(--font-size-sm, 0.875rem);
}

@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}