/* Navigation toggle styles */
#main-wrapper {
    transition: all 0.3s ease-in-out;
}

#main-wrapper.toggled .navbar-vertical {
    margin-left: -16.25rem;
}

#main-wrapper.toggled #app-content {
    margin-left: 0;
}

/* Mobile styles */
@media (max-width: 768px) {
    #main-wrapper.toggled .navbar-vertical {
        margin-left: 0;
    }
    
    #main-wrapper.toggled #app-content {
        margin-left: 16.25rem;
    }
}

/* Hover effect for toggle button */
#nav-toggle:hover {
    opacity: 0.8;
    cursor: pointer;
}