* {
    font-family: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.message-sent {
    background: linear-gradient(135deg, #3390ec0d 0%, #2b7cd63b 100%);
    border-radius: 12px 12px 4px 12px;
    margin-right: 0;
    margin-left: auto;
    animation: slideInRight 0.3s ease-out;
}

.message-received {
    background: #ffffff;
    border-radius: 12px 12px 12px 4px;
    margin-left: 0;
    margin-right: auto;
    animation: slideInLeft 0.3s ease-out;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.message-system {
    background: rgba(51, 144, 236, 0.1);
    border-radius: 8px;
    margin: 8px auto;
    max-width: 80%;
    animation: fadeIn 0.3s ease-out;
}

@keyframes slideInRight {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.chat-container {
    background: linear-gradient(180deg, #e5f4ff 0%, #ffffff 100%);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.contact-item:hover {
    background-color: #f3f4f6;
}

.contact-item.active {
    background-color: #dbeafe;
    border-right: 3px solid #3390ec;
}

/* SweetAlert2 RTL Support */
.swal2-popup {
    font-family: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    direction: rtl;
}

.swal2-title {
    font-family: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.swal2-content {
    font-family: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.swal2-confirm {
    font-family: 'Vazirmatn', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}