/*
body {
    background-color: #0C0C0C !important;
    overflow: hidden;
}
*/
#accusations-table {
    margin-bottom: 8px !important;
}

/* Compact table cell styling */
#accusations-table td {
    padding: 4px 8px !important;
    line-height: 1.2 !important;
}

#accusations-table th {
    padding: 8px !important;
}

/* Ensure proper table header styling */
#accusations-table thead tr {
    border-bottom: 2px solid #dee2e6;
}

#accusations-table thead th {
    vertical-align: bottom;
    border-bottom: none;
}

/* Ensure program text is compact */
#accusations-table td div {
    margin: 2px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

tr[aria-expanded=true] .fa-plus {
    display: none;
}

tr[aria-expanded=false] .fa-minus {
    display: none;
}
/*
tr {
    background-color: #212529 !important; 
}
*/
label,
.dt-info {
    font-size: 0.9rem;
}

.hidden-row {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
/*
.shown-row {
    background-color: #0C0C0C !important;
}
*/
.extra-info {
    margin: 5px 0;
}

.non-sort-header {
    content: "" !important;
}

@media screen and (max-width: 768px) {
    .dt-length {
        display: none;
    }
}

/* Mobile responsive styles for tighter layout */
@media (max-width: 480px) {
    #accusations-table {
        font-size: 14px;
        line-height: 1.2;
    }
    
    #accusations-table td {
        padding: 2px 4px !important;
    }
    
    #accusations-table th {
        padding: 4px 6px !important;
        font-size: 14px;
    }
    
    /* Ensure program text stays compact on mobile */
    #accusations-table td div {
        margin: 1px 0 !important;
        line-height: 1.15 !important;
    }
}

/* Custom pagination styling */
.page-link {
    background-color: white !important;
    border-color: #ddd !important;
    color: #144AA8 !important;
}

.page-link:hover {
    background-color: #f8f9fa !important;
    border-color: #ddd !important;
    color: #144AA8 !important;
}

.page-item.active .page-link {
    background-color: #144AA8 !important;
    border-color: #144AA8 !important;
    color: white !important;
}

.page-item.disabled .page-link {
    background-color: white !important;
    border-color: #ddd !important;
    color: #6c757d !important;
}

.page-item.disabled .page-link:hover {
    background-color: white !important;
    border-color: #ddd !important;
    color: #6c757d !important;
}

/* Target DataTables specific pagination buttons */
.dt-paging-button .page-link {
    background-color: white !important;
    border-color: #ddd !important;
    color: #144AA8 !important;
}

.dt-paging-button:hover .page-link {
    background-color: #f8f9fa !important;
    border-color: #ddd !important;
    color: #144AA8 !important;
}

.dt-paging-button.disabled .page-link {
    background-color: white !important;
    border-color: #ddd !important;
    color: #144AA8 !important;
}

.dt-paging-button.disabled:hover .page-link {
    background-color: white !important;
    border-color: #ddd !important;
    color: #144AA8 !important;
}

/* Style the "Show X entries" dropdown */
.form-select.form-select-sm {
    color: #144AA8 !important;
    background-color: #fff !important;
    border: 1px solid #144AA8 !important;
}

.form-select.form-select-sm:focus {
    border-color: #144AA8 !important;
    box-shadow: 0 0 0 0.2rem rgba(235, 86, 75, 0.25) !important;
}

.form-select.form-select-sm option {
    color: #144AA8 !important;
    background-color: #fff !important;
}

/* Style the label text around the dropdown */
.dataTables_length label {
    color: #144AA8 !important;
}

/* Fix DataTables dropdown styling */
.dataTables_length select {
    color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.dataTables_length select option {
    color: #000 !important;
    background-color: #fff !important;
}