/* Custom Font Color Overrides */

        /* High-Contrast Table & DataTables Overrides for Dark Mode */
        html.dark-mode table,
        html.dark-mode .table,
        html.dark-mode table.dataTable,
        html.dark-mode .table-responsive,
        html.dark-mode .dataTables_wrapper,
        html.dark-mode div.dataTables_wrapper {
            background-color: var(--dark-bg-secondary) !important;
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode table thead th,
        html.dark-mode .table thead th,
        html.dark-mode table.dataTable thead th,
        html.dark-mode .table-striped thead th,
        html.dark-mode table thead tr,
        html.dark-mode .table thead tr {
            background-color: var(--dark-bg-tertiary) !important;
            color: var(--dark-text-primary) !important;
            border-color: var(--dark-border) !important;
        }
        html.dark-mode table tbody tr,
        html.dark-mode .table tbody tr,
        html.dark-mode table.dataTable tbody tr {
            background-color: var(--dark-bg-secondary) !important;
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode .table-striped tbody tr:nth-of-type(odd),
        html.dark-mode table.dataTable tbody tr:nth-of-type(odd) {
            background-color: rgba(255, 255, 255, 0.03) !important;
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode .table-striped tbody tr:nth-of-type(even),
        html.dark-mode table.dataTable tbody tr:nth-of-type(even) {
            background-color: rgba(0, 0, 0, 0.15) !important;
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode .table td,
        html.dark-mode .table th,
        html.dark-mode table td,
        html.dark-mode table th,
        html.dark-mode table.dataTable td,
        html.dark-mode table.dataTable th {
            border-top: 1px solid var(--dark-border) !important;
            border-bottom: 1px solid var(--dark-border) !important;
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode table td *,
        html.dark-mode table th * {
            color: inherit;
        }
        html.dark-mode table td a,
        html.dark-mode table th a {
            color: #60a5fa !important;
        }
        html.dark-mode table td a:hover,
        html.dark-mode table th a:hover {
            color: #93c5fd !important;
        }

        /* DataTables Controls & Info Text Font Color Fixes */
        html.dark-mode .dataTables_info,
        html.dark-mode .dataTables_length,
        html.dark-mode .dataTables_filter,
        html.dark-mode .dataTables_paginate,
        html.dark-mode .dataTables_wrapper label,
        html.dark-mode div.dataTables_info,
        html.dark-mode div.dataTables_length,
        html.dark-mode div.dataTables_filter {
            color: var(--dark-text-secondary) !important;
        }
        html.dark-mode .dataTables_length select,
        html.dark-mode .dataTables_filter input {
            background-color: var(--dark-bg-tertiary) !important;
            color: var(--dark-text-primary) !important;
            border: 1px solid var(--dark-border) !important;
        }
        html.dark-mode .dataTables_paginate .paginate_button,
        html.dark-mode .pagination .page-link {
            background-color: var(--dark-bg-tertiary) !important;
            border-color: var(--dark-border) !important;
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode .dataTables_paginate .paginate_button.active,
        html.dark-mode .dataTables_paginate .paginate_button.current,
        html.dark-mode .pagination .page-item.active .page-link {
            background-color: #2563eb !important;
            color: #ffffff !important;
            border-color: #2563eb !important;
        }
        html.dark-mode .dataTables_paginate .paginate_button.disabled,
        html.dark-mode .pagination .page-item.disabled .page-link {
            background-color: var(--dark-bg-secondary) !important;
            color: var(--dark-text-muted) !important;
            border-color: var(--dark-border) !important;
        }

        /* Content Catalog & Widget Headers & Tabs Font Color Fixes */
        html.dark-mode .card-header,
        html.dark-mode .card-header *,
        html.dark-mode .card-header i,
        html.dark-mode .panel-heading,
        html.dark-mode .panel-heading *,
        html.dark-mode div[id^="Panel-"] .card-header,
        html.dark-mode div[id^="Panel-"] .card-header *,
        html.dark-mode div[id^="Panel-"] .card-title {
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode .xui-nav-tabs a {
            color: var(--dark-text-secondary) !important;
        }
        html.dark-mode .xui-nav-tabs a.active,
        html.dark-mode .xui-nav-tabs a:hover {
            color: #60a5fa !important;
            border-bottom-color: #60a5fa !important;
        }
        html.dark-mode .xui-search-input {
            background-color: var(--dark-bg-tertiary) !important;
            color: var(--dark-text-primary) !important;
            border: 1px solid var(--dark-border) !important;
        }
        html.dark-mode .xui-search-input::placeholder {
            color: var(--dark-text-muted) !important;
        }

        /* Hooks & Custom Cards Font Color Overrides */
        html.dark-mode #slug-preview,
        html.dark-mode .aff-metrics .m-val,
        html.dark-mode .aff-metrics .m-lbl,
        html.dark-mode .credit-balance,
        html.dark-mode .wallet-balance,
        html.dark-mode .balance-value,
        html.dark-mode .sip-val,
        html.dark-mode .sip-label,
        html.dark-mode #sip-ctr,
        html.dark-mode .sip-accordion-header,
        html.dark-mode .sip-credentials-box {
            color: var(--dark-text-primary) !important;
        }
        html.dark-mode .sip-credentials-box span[style*="color:#8e44ad"] {
            color: #b197fc !important;
        }

        /* Select Dropdowns & Options Font Color Fixes */
        html.dark-mode select.form-control,
        html.dark-mode select.custom-select,
        html.dark-mode .custom-select {
            background-color: var(--dark-bg-tertiary) !important;
            color: var(--dark-text-primary) !important;
            border-color: var(--dark-border) !important;
        }
        html.dark-mode select option {
            background-color: var(--dark-bg-secondary) !important;
            color: var(--dark-text-primary) !important;
        }