.tb-data-list .tb-dl-col-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.tb-data-list .tb-dl-col-title {
    font-weight: 600;
    color: var(--admin-table-head-text, #374151);
}

.tb-data-list .tb-dl-col-actions {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.tb-data-list .tb-dl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    background: transparent;
    color: var(--admin-muted, #9ca3af);
    cursor: pointer;
    padding: 0;
    transition: color 0.15s, background 0.15s, border-color 0.15s;
}

.tb-data-list .tb-dl-btn:hover {
    color: var(--admin-accent, #6d28d9);
    background: var(--admin-accent-soft, #f5f3ff);
    border-color: var(--admin-border, #ede9fe);
}

.tb-data-list .tb-dl-btn.is-active {
    color: var(--admin-accent, #6d28d9);
    background: var(--admin-accent-soft, #ede9fe);
    border-color: var(--admin-border, #c4b5fd);
}

.tb-data-list .tb-dl-sort-toggle .tb-dl-sort-up,
.tb-data-list .tb-dl-sort-toggle .tb-dl-sort-down {
    opacity: 0.35;
    transition: opacity 0.15s;
}

.tb-data-list .tb-dl-sort-toggle.is-sorted {
    color: var(--admin-accent, #6d28d9);
    background: var(--admin-accent-soft, #ede9fe);
    border-color: var(--admin-border, #c4b5fd);
}

.tb-data-list .tb-dl-sort-toggle.is-sorted-asc .tb-dl-sort-up {
    opacity: 1;
}

.tb-data-list .tb-dl-sort-toggle.is-sorted-desc .tb-dl-sort-down {
    opacity: 1;
}

.tb-dl-filter-popover {
    position: fixed;
    z-index: 60;
}

.tb-dl-filter-popover.hidden {
    display: none;
}

.tb-dl-filter-panel {
    background: var(--admin-popover-bg, #fff);
    border: 1px solid var(--admin-popover-border, #e5e7eb);
    border-radius: 0.75rem;
    box-shadow: var(--admin-popover-shadow, 0 10px 25px rgba(0, 0, 0, 0.12));
    padding: 0.75rem;
    min-width: 220px;
    color: var(--admin-text, #0f172a);
}

.tb-dl-filter-panel label {
    color: var(--admin-muted, #64748b);
}

.tb-dl-filter-panel input,
.tb-dl-filter-panel select {
    background: var(--admin-surface, #fff);
    color: var(--admin-text, #0f172a);
    border-color: var(--admin-border, #e5e7eb);
}

.tb-dl-filter-panel input::placeholder {
    color: var(--admin-muted, #64748b);
}

.tb-dl-filter-panel button[data-dl-popover-clear] {
    background: var(--admin-surface, #fff);
    color: var(--admin-text, #374151);
    border-color: var(--admin-border, #e5e7eb);
}

.tb-dl-filter-panel button[data-dl-popover-clear]:hover {
    background: var(--admin-surface-muted, #f9fafb);
}

.tb-dl-pagination button:not(.btn-brand):hover {
    background: var(--admin-table-row-hover, #f9fafb);
}

.tb-dl-toolbar {
    background: var(--admin-surface, #fff);
    border-color: var(--admin-border, #e2e8f0);
    color: var(--admin-text, #0f172a);
}