/* 1. Sidebar Logo - Centering & Styling */
.unfold-sidebar .navigation_header {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.unfold-sidebar .navigation_header > div {
    width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.unfold-sidebar .navigation_header img {
    margin: 10px auto !important;
    border-radius: 12px !important;
}

/* 2. Fix Gap/Blank Space when Sidebar is Hidden */
#page {
    display: flex !important;
}

#main {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    transition: none !important; /* Disable transition during troubleshooting */
}

/* Ensure hidden sidebar is truly display: none */
.xl\:hidden\! {
    display: none !important;
}

/* Mobile adjustments */
@media (max-width: 1024px) {
    .navigation_header {
        justify-content: space-between !important;
        padding-left: 1rem !important;
    }
}