/* Custom styles for sidebar collapse functionality */
.sidebar-collapsed {
    transition: width 0.3s ease-in-out;
    width: 4rem !important; /* Force width when collapsed */
}

/* Center icons when sidebar is collapsed */
.sidebar-collapsed li a, 
.sidebar-collapsed a {
    justify-content: center !important;
}

/* Adjust spacing in collapsed mode */
.sidebar-collapsed {
    padding: 2rem 0.5rem !important;
}

/* Ensure toggle button is visible */
#toggle-sidebar {
    transition: all 0.3s ease-in-out;
}

/* Ensure toggle button container is properly sized in collapsed mode */
.sidebar-collapsed .flex.justify-end.w-full {
    margin-bottom: 1rem;
}

/* Explicitly hide text in collapsed mode */
.sidebar-collapsed .sidebar-text {
    display: none !important;
    opacity: 0;
    width: 0;
    overflow: hidden;
}