/* Estilos Responsivos */

/* Tablets */
@media (max-width: 992px) {
    .message {
        max-width: 90%;
    }
}

/* Dispositivos Móveis */
@media (max-width: 768px) {
    .sidebar {
        position: fixed;
        left: -100%;
        width: 80%;
        max-width: 320px;
        transition: left var(--transition-speed);
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    }
    
    .sidebar.show {
        left: 0;
    }
    
    .mobile-menu-toggle {
        display: block;
    }
    
    .chat-container {
        width: 100%;
    }
    
    .message {
        max-width: 100%;
    }
}

/* Dispositivos Muito Pequenos */
@media (max-width: 480px) {
    .chat-header {
        padding: 0 10px;
    }
    
    .chat-title {
        font-size: 1rem;
    }
    
    .messages-container {
        padding: 10px;
    }
    
    .message-avatar {
        width: 32px;
        height: 32px;
    }
    
    .chat-input-container {
        padding: 10px;
    }
    
    .modal {
        width: 95%;
    }
}

/* Altura Pequena */
@media (max-height: 500px) {
    .sidebar-header, .chat-header {
        height: 50px;
        padding: 5px 15px;
    }
    
    .sidebar-footer {
        padding: 10px;
    }
    
    .chat-input-container {
        padding: 5px 10px;
    }
    
    .messages-container {
        padding: 10px;
    }
}