/* Responsive Chat Container */
@media (max-width: 768px) {
    .chat-container {
        height: 350px;
        padding: 12px;
    }

    .message-bubble {
        max-width: 85%;
    }

    .chat-message {
        margin-bottom: 10px;
    }

    .message-info {
        gap: 6px;
    }

    .message-sender {
        font-size: 12px;
    }

    .message-time {
        font-size: 11px;
    }
}

@media (max-width: 576px) {
    .chat-container {
        height: 300px;
        padding: 10px;
        border-radius: 6px;
    }

    .message-bubble {
        max-width: 90%;
        padding: 8px 12px;
    }

    .chat-message {
        margin-bottom: 8px;
    }

    .message-sender {
        font-size: 11px;
    }

    .message-time {
        font-size: 10px;
    }

    .chat-input-group textarea {
        font-size: 14px;
    }

    .chat-input-group .btn {
        padding: 8px 16px;
    }
}