body {
    background-color: #7d7d7c !important; 
    color: #212529 !important;
    padding-bottom: 45px !important; 
}

.form-select option {
    background-color: #212529 !important;
    color: #ffffff !important;
}

.navbar .btn-group .btn-outline-light.dropdown-toggle {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.navbar .btn-group .btn-outline-light.dropdown-toggle:hover,
.navbar .btn-group .btn-outline-light.dropdown-toggle:focus,
.navbar .btn-group .btn-outline-light.dropdown-toggle:active,
.navbar .btn-group .show > .btn-outline-light.dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.08) !important; 
    color: #0dcaf0 !important; 
    border-color: transparent !important;
}
/* Forces your pagination items to render as a unified dark control group */
.bs-pagination-dark-override .page-link {
    background-color: #212529 !important; /* bg-dark */
    border-color: rgba(108, 117, 125, 0.25) !important; /* border-secondary opacity-25 */
}
.bs-pagination-dark-override .page-item.disabled .page-link {
    background-color: #1a1d20 !important;
    opacity: 0.4;
}
.bs-pagination-dark-override .page-item.active .page-link {
    background-color: #0dcaf0 !important; /* bg-info */
    border-color: #0dcaf0 !important;
}

/* ==========================================
   DEVTOOLS PANEL LAYOUT FIXES
   ========================================== */
   
#devtools-body details summary::-webkit-details-marker { 
    display: none; 
}

#devtools-body details[open] summary { 
    border-bottom: 1px solid var(--bs-border-color-translucent); 
}