.neuralstack-sidebar.mini {
    width: 60px;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-profile {
    padding: var(--io-space-md) var(--io-space-xs);
    gap: 0;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-username {
    opacity: 0;
    max-height: 0;
    transition: opacity 200ms ease, max-height 200ms ease;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-avatar {
    width: 40px;
    height: 40px;
    border-width: 1px;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-appname {
    opacity: 0;
    max-height: 0;
    transition: opacity 200ms ease, max-height 200ms ease;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-divider {
    margin: 0 var(--io-space-sm);
}

.neuralstack-sidebar.mini .neuralstack-sidebar-nav {
    padding: var(--io-space-sm);
}

.neuralstack-sidebar.mini .neuralstack-sidebar-item {
    padding: var(--io-space-md) 0;
    justify-content: center;
    gap: 0;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-item-label {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity 200ms ease;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-toggle {
    padding: var(--io-space-lg) 0;
    justify-content: center;
    gap: 0;
}

.neuralstack-sidebar.mini .neuralstack-sidebar-toggle i {
    transform: rotate(180deg);
}

.neuralstack-sidebar.mini .neuralstack-sidebar-toggle:hover i {
    transform: rotate(180deg) translateX(4px);
}

.neuralstack-sidebar.mini .neuralstack-sidebar-toggle-label {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: opacity 200ms ease;
}