.document-image-list {
    max-width: 50%;
}
.comments-section-wrapper {
    margin-top: 12px;  
}

.comment-btns-wrapper {
    margin-top: 12px;
}

.comments-text-area {
    resize: none;
}

#commentList {
    gap: 8px;
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
}

#commentList .card-body {
    border: 1px solid #ececec;
}

.navbar-header .navbar-brand-box.top-bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo-one-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu {
    display: none;
}

/* Center logo on small devices by targeting parent containers */
@media (max-width: 991.98px) {
    .mobile-menu {
        display: flex;
    }
    
    /* Hide user dropdown on mobile */
    .dropdown.d-inline-block:has(#page-header-user-dropdown) {
        display: none !important;
    }
    
    /* Show mobile user menu only on mobile */
    .nav-item.dropdown.d-lg-none {
        display: block !important;
    }
}

/* Hide mobile user menu on desktop */
@media (min-width: 992px) {
    .nav-item.dropdown.d-lg-none {
        display: none !important;
    }
}