/* ==========================================================================
   1. DEFAULT LIGHT MODE STYLES (Applies to all DataTables)
   ========================================================================== */
table.dataTable tbody td a {
    color: #0066cc !important; /* Standard crisp blue for light backgrounds */
    text-decoration: none;
    font-weight: 600;
    transition: color 0.15s ease-in-out;
}

/* Light Mode Hover: Deep navy text over #2ece7c row highlight */
table.dataTable tbody tr:hover td a {
    color: #0b3c5d !important;
}

/* ==========================================================================
   2. DARK MODE OVERRIDES (Supports both Bootstrap theme & body.dark)
   ========================================================================== */
[data-bs-theme="dark"] table.dataTable tbody td a,
body.dark table.dataTable tbody td a {
    color: #0066cc !important; /* High-contrast off-white for dark mode #f8f9fa */
}

/* Dark Mode Hover: Deep navy text over #2ece7c row highlight */
[data-bs-theme="dark"] table.dataTable tbody tr:hover td a,
body.dark table.dataTable tbody tr:hover td a {
    color: #0b3c5d !important;
}