style.css

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

body {
    font-family: 'Tajawal', sans-serif;
}

/* Chat message styles */
.chat-message {
    animation: fadeIn 0.3s ease-in-out;
}

.ai-message .message-content {
    background-color: #f3f4f6;
    border-radius: 0 1rem 1rem 1rem;
}

.user-message .message-content {
    background-color: #3B82F6;
    color: white;
    border-radius: 1rem 0 1rem 1rem;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* RTL specific styles */
[dir="rtl"] .ai-message .message-content {
    border-radius: 1rem 0 1rem 1rem;
}

[dir="rtl"] .user-message .message-content {
    border-radius: 0 1rem 1rem 1rem;
}