/* Фиксы для Google Chrome на мобильных */
@media screen and (max-width: 768px) {
    /* Фикс 100dvh для Chrome */
    .app-container {
        height: 100vh;
        height: -webkit-fill-available;
    }
    
    .sidebar, .main-content {
        height: 100vh;
        height: -webkit-fill-available;
    }
    
    /* Фикс скролла в Chrome */
    .chat-list, .messages-container {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    
    /* Фикс кликов в Chrome */
    .chat-item, .msg-reaction, .icon-btn, .send-btn, .dropdown-item, .ctx-menu-item {
        touch-action: manipulation;
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Фикс ввода в Chrome */
    .input-area textarea, .search-box input {
        font-size: 16px !important; /* Предотвращает зум */
    }
    
    /* Фикс отображения flex в Chrome */
    .main-content.visible {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    
    .chat-header {
        display: -webkit-flex !important;
        display: flex !important;
    }
    
    .input-area {
        display: -webkit-flex !important;
        display: flex !important;
    }
    
    /* Фикс позиционирования */
    .sidebar {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .sidebar.hidden-mobile {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
