#sidenav-main{
    border-radius: 0;
    max-width: 11.25rem !important;
}
#sidenav-main ul li a.nav-link{
    font-size: 16px ;
    font-weight: 500;
    font-family:'Nunito';
    line-height: 19.1px;
    color: var(--Gray-Gray-500);
}
#sidenav-main ul li a.nav-link .caret{
    font-size: 14px;
    color: var(--Gray-Gray-400);
}
#sidenav-main ul li:hover::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    right: 0;
    top: 0;
    background-color: var(--Primary-Blue-500);
}
#sidenav-main ul li ul li a.nav-link{
    font-size: 14px ;
    font-weight: 500;
    font-family:'Nunito';
    line-height: 21.82px;
    color: #FFC000 !important; /* Yellow */
    padding-left: 3ch !important; /* ~3 spaces indentation */
}
.dark-page #sidenav-main ul li a.nav-link{
    font-size: 16px ;
    font-weight: 500;
    font-family:'Nunito';
    line-height: 19.1px;
    color: var(--Gray-Gray-500);
}
.dark-page #sidenav-main ul li ul li a.nav-link{
    font-size: 14px ;
    font-weight: 500;
    font-family:'Nunito';
    line-height: 21.82px;
    color: #FFC000 !important; /* Keep yellow in dark mode */
}

#sidenav-main ul li a:hover{
    background-color: var(--Primary-Blue-50);
}
#sidenav-main ul li:hover{
    color:  var(--Primary-Blue-500);
}
.darkpage #sidenav-main ul li:hover{
    color:  var(--Primary-Blue-400);
}
#sidenav-main ul li:hover::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    right:0;
    top: 0;
    transition: all 0.3s;
    background-color: var(--Primary-Blue-500);
}
#sidenav-main ul li.active::after{
    content: "";
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    left: 10px;
    top: 23px;
    background-color: var(--Primary-Blue-500);
}
#sidenav-main ul li.active a{
    color: var(--Primary-Blue-500);
}
.dark-page #sidenav-main ul li.active a{
    color: var(--Primary-Blue-400) !important;
}

/* Remove hover-triggered expand/collapse for better UX */
#sidenav-main .collapse {
    transition: all 0.2s ease-in-out;
}
#sidenav-main.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after{
    display: none;
}

/* Ensure Django admin tables render properly */
.admin .module table {
    display: table !important;
}

.admin #changelist-search table,
.admin .results table {
    display: table !important;
    width: 100% !important;
}
/* body.dark-page .navbar-nav .nav-item .nav-link{
    color: transparent;
} */


.numbers-span{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Gray-Gray-400);
    border-radius: 1rem;
    width: 15px;
    height: 15px;
    font-size: 12px;
    font-weight: 700;
    color: var(--Gray-Not-White);
}
.dark-page .numbers-span{
    background-color: var(--Gray-Gray-200);
}
.txt-sub-menu{
    color: #1D70B7;
}
.txt-sub-sub-menu{
    color: #FFC000 !important;
}

/* Style for sub-sub menu items (third level) */
#sidenav-main ul li ul li ul li a.nav-link,
#sidenav-main ul li ul li a.nav-link .txt-sub-sub-menu {
    color: #FFC000 !important;
    font-size: 13px;
    padding-left: 4ch !important; /* More indentation for sub-sub items */
}