:root {
    --aside-width-collapsed: 64px;
}

/* Плавность */
.aside,
.main {
    transition: all .2s ease-in-out;
}

/* Сжимаем левую колонку
   Bootstrap даёт col-xxl-2 через flex-basis / max-width,
   поэтому переопределяем именно их. */
.aside-collapsed .aside {
    flex: 0 0 var(--aside-width-collapsed) !important;
    max-width: var(--aside-width-collapsed) !important;
    width: var(--aside-width-collapsed) !important;
    overflow: hidden;
}

/* Прячем текст, оставляем только иконки */
.aside-collapsed .aside-collapse .nav-link span,
.aside-collapsed .aside-collapse small,
.aside-collapsed .aside-collapse .sub-menu,
.aside-collapsed .aside-collapse .vr,
.aside-collapsed .aside-collapse .to-top,
.aside-collapsed .aside-collapse footer,
.aside-collapsed .aside-collapse .profile-container small {
    display: none !important;
}

/* Центруем иконки в ссылках меню */
.aside-collapsed .aside-collapse .nav-link {
    justify-content: center;
}

/* Сужаем профиль пользователя до одного аватара */
.aside-collapsed .aside-collapse .profile-container {
    justify-content: center;
}

/* На маленьких экранах оставляем стандартное поведение Orchid */
@media (max-width: 991.98px) {
    .aside-collapsed .aside {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100% !important;
        overflow: visible;
    }
}