/* Mobile Responsiveness */
.mobile-toggle { 
    display: none; 
    position: absolute; 
    top: 15px; 
    left: 15px; 
    z-index: 200; 
    background: var(--bg-secondary); 
    border: 1px solid var(--border-color); 
    padding: 8px; 
    border-radius: var(--radius-md); 
    color: var(--text-primary); 
}

@media (max-width: 768px) {
    .mobile-toggle { 
        display: block; 
    }
    
    #sidebar { 
        position: fixed; 
        height: 100%; 
        transform: translateX(-100%); 
    }
    
    #sidebar.open { 
        transform: translateX(0); 
    }
    
    #main { 
        padding-left: 50px; 
    }
    
    .message { 
        padding: 1rem; 
    }
    
    #input-area { 
        padding: 1rem; 
    }
    
    .message-actions,
    .avatar-actions { 
        opacity: 1; 
        top: 5px; 
        left: 5px; 
        flex-direction: column;
    }
}