.tf-table-wrapper {
    width: 100%;
    overflow-x: auto;
    background: var(--tf-surface-glass);
    backdrop-filter: blur(var(--tf-blur));
    border: 1px solid var(--tf-border-color);
    border-radius: var(--tf-radius-lg);
    padding: 1.5rem;
    box-shadow: var(--tf-shadow);
}

.tf-table,
.tf-table-data {
    width: 100%;
    border-collapse: collapse;
    color: var(--tf-text-main);
}

.tf-table-data th,
.tf-table-data td {
    padding: 0.75rem 0.9rem !important;
}

.tf-table-data th {
    font-size: var(--tf-font-size-sm);
}

.tf-table-data td {
    font-size: var(--tf-font-size-base);
}

.tf-table-compact th,
.tf-table-compact td {
    padding: 0.45rem 0.6rem !important;
    font-size: var(--tf-font-size-sm);
}

.tf-table-striped tbody tr:nth-child(even) {
    background: var(--tf-color-gray-50);
}

.tf-table tbody tr:hover,
.tf-table-data tbody tr:hover {
    background: var(--tf-table-row-hover-bg);
}

.tf-table-actions {
    display: inline-flex;
    align-items: center;
    gap: var(--tf-space-2);
    white-space: nowrap;
}