/* Corrections pour la sidebar mobile */
@media (max-width: 768px) {
    /* S'assurer que la sidebar prend toute la hauteur */
    .sidebar {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: -100%;
        width: 85%;
        max-width: 320px;
        height: 100% !important;
        height: 100vh !important;
        background: var(--bg-secondary);
        z-index: 1000;
        transition: left 0.3s ease;
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.3);
        border-right: 1px solid var(--border);
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }
    
    .sidebar.mobile-open {
        left: 0;
    }
    
    /* Structure interne de la sidebar */
    .sidebar-header {
        flex-shrink: 0;
    }
    
    .folders-section {
        flex-shrink: 0;
        overflow: visible;
    }
    
    .no-folder-section {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .sidebar-footer {
        flex-shrink: 0;
        margin-top: auto;
    }
    
    /* S'assurer que les conversations sont scrollables */
    .conversations-list {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}