/* اضافه کردن این استایل‌ها به انتهای فایل style.css */

/* تبدیل مربع به دایره برای همه آواتارها */
.chat-item img,
.user-avatar,
.search-result-item img,
.message img,
.chat-header img {
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid rgba(108, 92, 231, 0.5);
}

/* شیشه‌ای کردن و حل کردن چت باکس */
.chat-window {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.messages-area {
    background: rgba(0, 0, 0, 0.2) !important;
}

.message.received {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(5px);
}

.message.sent {
    background: rgba(108, 92, 231, 0.8) !important;
    backdrop-filter: blur(5px);
}

/* حذف قسمت اضافی سمت چپ */
.chat-sidebar {
    display: none !important;
}

.chat-area {
    display: block !important;
    width: 100%;
}