/* CSS Mobile Conversations - Fix Définitif */

/* Header mobile avec bouton retour */
@media (max-width: 768px) {
    .mobile-chat-header {
        display: flex;
        align-items: center;
        padding: 15px;
        background: #fff;
        border-bottom: 1px solid #e0e0e0;
        position: sticky;
        top: 0;
        z-index: 100;
    }
    
    .btn-back-to-list {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: #f5f5f5;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-size: 14px;
        color: #333;
    }
    
    .btn-back-to-list:active {
        background: #e0e0e0;
    }
    
    .mobile-chat-title {
        flex: 1;
        text-align: center;
        font-weight: 600;
        margin-right: 100px; /* Compenser la largeur du bouton */
        color: #333 !important; /* Texte en noir */
    }
    
    /* États d'ouverture du chat */
    .conversations-list.chat-open .conversations-sidebar {
        transform: translateX(-100%) !important;
    }
    
    .conversations-list.chat-open .conversation-detail {
        transform: translateX(0) !important;
        display: flex !important;
    }
    
    /* Masquer le FAB quand chat ouvert */
    .conversations-list.chat-open .fab-new-quote {
        display: none !important;
    }
}

/* Desktop - cacher le header mobile */
@media (min-width: 769px) {
    .mobile-chat-header {
        display: none !important;
    }
    
    .btn-back-to-list {
        display: none !important;
    }
}