/* Custom overrides for table visibility on dark backgrounds */

.table {
    color: #ffffff !important; /* Force white text for all table content */
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.table > :not(caption) > * > * {
    color: #ffffff !important; /* Ensure all cells have white text */
    background-color: transparent !important;
    box-shadow: none !important;
}

.table thead th {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important; /* Slightly visible header background */
    border-bottom: 2px solid rgba(255, 255, 255, 0.2) !important;
    font-weight: bold;
}

/* Fix for striped rows: 1st row slightly transparent white, 2nd row transparent */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.05) !important; 
    color: #ffffff !important;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* Hover effect for rows */
.table-hover > tbody > tr:hover > * {
    background-color: rgba(111, 66, 193, 0.3) !important; /* Purple highlight on hover */
    color: #ffffff !important;
}

/* DataTables pagination and search info */
.dataTables_info, 
.dataTables_length, 
.dataTables_filter, 
.dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #ffffff !important;
}

/* DataTables input fields and dropdowns */
.dataTables_wrapper .dataTables_length select, 
.dataTables_wrapper .dataTables_filter input {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    padding: 5px;
}

/* Table links (Usernames, etc.) */
.table a {
    color: #00d2ff !important; /* Bright blue for links */
}

.table a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}