.user-position-fixed-wrapper {
    position: fixed; /* Фиксированное положение */
    bottom: 0; /* Прикрепляем к нижнему краю */
    left: 0;
    width: 100%; /* Полная ширина */
    background-color: rgba(255, 255, 255, 0.95); /* Полупрозрачный фон */
    padding: 10px 15px; /* Отступы внутри блока */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* Тень сверху */
    display: none; /* Изначально скрыт */
    align-items: center; /* Выравнивание по центру */
    gap: 10px; /* Отступ между элементами */
    z-index: 1000; /* Убедитесь, что он поверх других элементов */
    justify-content: center; /* Центрируем содержимое, если оно не растягивается */
}

/* Стили для элемента списка, если он является текущим пользователем */
.top-list li.current-user-item {
    background-color: rgba(200, 200, 255, 0.3); /* Легкий фон для текущего пользователя */
    border-radius: 8px; /* Скругление углов */
    margin-bottom: 0; /* Убираем нижний отступ, так как он будет внизу */
    padding: 8px 10px; /* Отступы внутри элемента */
}

/* Стили для самого блока позиции пользователя (если он отличается от li) */
.user-position-fixed-wrapper .user-position-item {
    /* Можно использовать те же стили, что и для .top-list li */
    display: flex;
    width: auto; /* Авто ширина, чтобы не растягиваться на всю страницу */
    padding: 8px 15px; /* Больше отступов */
    background-color: rgba(200, 200, 255, 0.3); /* Или другой фон */
    border-radius: 10px;
    align-items: center;
    gap: 10px;
}


/*  СКРОЛЛ ПАНЕЛЬ НЕ ТРОГАТЬ!!!! */

.quick-actions-shelf {
    width: 100%;
    display: flex;
    overflow-x: auto; /* Позволяет прокручивать по горизонтали */
    -webkit-overflow-scrolling: touch; /* Улучшает прокрутку на iOS */
    padding: 10px 0;
    gap: 10px; /* Расстояние между кнопками */
    flex-shrink: 0; /* Запрещает сжиматься */
    margin-bottom: 2px; /* Отступ снизу */
}
/* Скрываем скроллбар для quick-actions-shelf */
.quick-actions-shelf::-webkit-scrollbar {
    display: none;
}
.quick-action-item-modified {
    border: 1px solid #a8a8a85c;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    flex: 0 0 auto;
    background-color: #00000063;
    display: flex; /* Используем flexbox для внутреннего расположения */
    align-items: center; /* Выравниваем элементы по центру по вертикали */
    justify-content: space-between; /* Распределяем пространство между изображением и текстом */
    width: 250px;
    height: 75px; /* Ваша заданная высота */
    box-sizing: border-box; /* Учитываем padding и border в общей ширине/высоте */
    position: relative; /* Добавляем позиционирование для возможного абсолютного позиционирования, если потребуется */
}

.image-container {
    flex-shrink: 0; /* Запрещаем изображению сжиматься */
    width: 40px; /* Примерная ширина для иконки */
    height: 40px; /* Примерная высота для иконки */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 15px; /* Отступ справа от изображения */
    box-sizing: border-box;
}

.quick-action-item-modified img {
    max-width: 100%;
    max-height: 100%; /* Убедимся, что изображение не выходит за границы контейнера */
    display: block;
    border-radius: 5px;
}

.item-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Выравниваем текст по левому краю */
    flex-grow: 1; /* Позволяем текстовому блоку занять доступное пространство */
    gap: 3px; /* Меньше расстояние между названием и кнопкой */
    overflow: hidden; /* Обрезаем, если текст слишком длинный */
}

.item-text span {
    font-size: 14px; /* Чуть уменьшим размер шрифта, чтобы поместилось */
    font-weight: bold;
    color: #929292;
    white-space: nowrap; /* Предотвращаем перенос названия */
    overflow: hidden;
    text-overflow: ellipsis; /* Добавляем многоточие, если название длинное */
}

.small-rounded-button {
    background-color: #4F83BF;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 3px 8px; /* Меньше padding для маленькой кнопки */
    font-size: 15px; /* Меньше шрифт для маленькой кнопки */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.small-rounded-button:hover {
    background-color: #0056b3;
}

/* Дополнительные стили для родительского контейнера shelf, если он должен быть прокручиваемым */
.quick-actions-shelf {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory; /* Для плавной прокрутки, если нужно */
    -webkit-overflow-scrolling: touch; /* Для лучшей прокрутки на iOS */
}

.quick-action-item-modified {
    scroll-snap-align: start; /* Для прокрутки */
    /* ... остальные стили ... */
}