.-mt-80
{
    margin-top: -80px;
}
.cursor-pointer
{
    cursor: pointer;
}
.avatar-xxxl {
    width: 220px !important;
    height: 220px !important;
}

.avatar-xxxl.avatar-raised {
    margin-top: -110px;
}

.search-input {
    width: 100%;
}


.custom-signout {
    display: none;
}

/* On larger screens, show the sign-out button */
@media (min-width: 576px) {
    .custom-signout {
        display: inline;
    }
}

.pagination {
    overflow-x: auto;
    white-space: nowrap;
}

.pagination .page-item {
    display: inline-block;
}

@media (max-width: 576px) {
    .pagination .page-item:nth-child(n+7):not(:last-child):not(:first-child) {
        display: none;
    }
}

/* Mobile Sidebar Fix - Ensure background is solid */
@media (max-width: 1199.98px) {
    .sidenav {
        background-color: #fff !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;
    }
    
    .sidenav .navbar-nav .nav-item .nav-link {
        color: #67748e !important;
    }
    
    .sidenav .navbar-nav .nav-item .nav-link.active {
        background: linear-gradient(310deg, #7928CA 0%, #FF0080 100%) !important;
        color: #fff !important;
    }
}

/* Dark mode support for mobile sidebar */
@media (max-width: 1199.98px) and (prefers-color-scheme: dark) {
    .sidenav {
        background-color: #1a202c !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    .sidenav .navbar-nav .nav-item .nav-link {
        color: #a0aec0 !important;
    }
}