/**
 * Theme-aware UI components — menus, tables, DataTables, pills.
 * Guard uses fallbacks in dgs-premium.css (unchanged default).
 */

body.dgs-premium .dgs-topnav-link {
    color: var(--dgs-topnav-link-color, var(--dgs-p-muted)) !important;
}

body.dgs-premium .dgs-topnav-link:hover {
    color: var(--dgs-accent) !important;
}

body.dgs-premium .dgs-topnav-link.active {
    color: var(--dgs-topnav-link-active-fg, #fff) !important;
}

body.dgs-premium #layout-wrapper .dgs-sidenav .sub-menu li a {
    color: var(--dgs-p-muted) !important;
}

body.dgs-premium #layout-wrapper .dgs-sidenav .sub-menu li a:hover,
body.dgs-premium #layout-wrapper .dgs-sidenav .sub-menu li.active > a {
    color: var(--dgs-accent) !important;
    background: var(--dgs-accent-dim) !important;
}

body.dgs-premium .card .card-title,
body.dgs-premium .card h4,
body.dgs-premium .card h5,
body.dgs-premium .card h6 {
    color: var(--dgs-p-text);
}

body.dgs-premium .text-muted,
body.dgs-premium small.text-muted {
    color: var(--dgs-p-muted) !important;
}

body.dgs-premium .dataTables_wrapper,
body.dgs-premium .dataTables_wrapper .dataTables_info,
body.dgs-premium .dataTables_wrapper .dataTables_length,
body.dgs-premium .dataTables_wrapper .dataTables_filter label {
    color: var(--dgs-p-muted) !important;
}

body.dgs-premium table.dataTable thead th,
body.dgs-premium table.dataTable thead td {
    background: var(--dgs-p-surface-2) !important;
    color: var(--dgs-p-muted) !important;
    border-color: var(--dgs-p-border) !important;
}

body.dgs-premium table.dataTable tbody tr {
    background: transparent !important;
    color: var(--dgs-p-text) !important;
}

body.dgs-premium table.dataTable.stripe tbody tr.odd,
body.dgs-premium table.dataTable.display tbody tr.odd {
    background: var(--dgs-table-stripe-odd, rgba(22, 29, 46, 0.85)) !important;
}

body.dgs-premium table.dataTable.stripe tbody tr.even,
body.dgs-premium table.dataTable.display tbody tr.even {
    background: var(--dgs-table-stripe-even, rgba(18, 24, 38, 0.45)) !important;
}

body.dgs-premium table.dataTable.hover tbody tr:hover,
body.dgs-premium table.dataTable.display tbody tr:hover {
    background: var(--dgs-table-hover, rgba(59, 130, 246, 0.12)) !important;
}

body.dgs-premium .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--dgs-p-surface-2) !important;
    border-color: var(--dgs-p-border) !important;
    color: var(--dgs-p-text) !important;
}

body.dgs-premium .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--dgs-accent) !important;
    border-color: var(--dgs-accent) !important;
    color: #fff !important;
}

body.dgs-premium .dgs-live-chip:hover {
    border-color: var(--dgs-accent-border) !important;
    background: color-mix(in srgb, var(--dgs-strip-chip-bg) 85%, var(--dgs-accent)) !important;
}

body.dgs-premium .dgs-live-chip i {
    color: color-mix(in srgb, var(--dgs-accent) 75%, white) !important;
}

body.dgs-premium .dgs-live-val {
    color: var(--dgs-p-text) !important;
}

body.dgs-premium .dgs-live-clock-val {
    color: var(--dgs-metrics-value, #f8fafc) !important;
}

body.dgs-premium .dgs-tbm-traffic-btn {
    border-color: var(--dgs-accent-border) !important;
    background: var(--dgs-accent-dim) !important;
    color: var(--dgs-p-text) !important;
}

body.dgs-premium .dgs-tbm-pill {
    border-color: var(--dgs-p-border);
    color: var(--dgs-p-muted);
}

body.dgs-premium .dgs-tbm-pill.is-hot {
    border-color: var(--dgs-accent-border);
    color: var(--dgs-accent);
}

body.dgs-premium .list-group-item {
    background: var(--dgs-p-surface) !important;
    border-color: var(--dgs-p-border) !important;
    color: var(--dgs-p-text) !important;
}

body.dgs-premium .modal-content.dgs-modal-dark,
body.dgs-premium .modal.dgs-modal-dark .modal-content {
    background: var(--dgs-p-surface) !important;
    border-color: var(--dgs-p-border) !important;
    color: var(--dgs-p-text) !important;
}

html[data-theme="lumen"] body.dgs-premium .dgs-live-label,
html[data-theme="lumen"] body.dgs-premium .dgs-live-clock-label {
    color: var(--dgs-p-muted) !important;
}

html[data-theme="lumen"] body.dgs-premium .dgs-topnav-link.active {
    background: var(--dgs-accent-dim) !important;
    border-color: var(--dgs-accent-border) !important;
}