/* Прозрачные тонкие скроллбары (4px) без стрелочек во всем мессенджере */
*, *::before, *::after {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
*::-webkit-scrollbar { width: 4px; height: 4px; background: transparent; }
*::-webkit-scrollbar-track { background: transparent !important; }
*::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 999px; }
*::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }

/* Мобильная адаптация мессенджера (логика переключения экранов как в Telegram Mobile) */
@media (max-width: 768px) {
    .messenger-workspace {
        display: block !important;
        position: relative;
    }

    /* По умолчанию на телефоне виден только левый сайдбар со списком чатов */
    .msg-sidebar-left {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        inset: 0;
        z-index: 20;
    }

    /* Центральное окно чата скрыто, пока пользователь не кликнет по чату */
    .msg-chat-center {
        display: none !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        inset: 0;
        z-index: 30;
    }

    /* Когда чат активен, показываем центр и скрываем сайдбар */
    body.mobile-chat-active .msg-sidebar-left {
        display: none !important;
    }
    body.mobile-chat-active .msg-chat-center {
        display: flex !important;
    }

    /* Правая панель информации открывается на весь экран поверх чата */
    .msg-sidebar-right {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 50 !important;
    }
}