css
/* --- تعديلات المحادثة (المربع البنفسجي الشفاف المريح للعين) --- */
.msg {
    background: rgba(103, 58, 183, 0.08) !important; /* بنفسجي خفيف جداً شفاف */
    border-right: 4px solid #7e57c2 !important; /* خط جانبي بنفسجي لإعطاء لمسة جمالية */
    border-radius: 12px !important;
    margin: 8px 5px !important;
    padding: 10px !important;
    backdrop-filter: blur(3px); /* تأثير الضبابية خلف الرسالة */
    -webkit-backdrop-filter: blur(3px);
    border-top: 1px solid rgba(126, 87, 194, 0.1) !important;
    border-bottom: 1px solid rgba(126, 87, 194, 0.1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

/* خلفية منطقة المحادثة بالكامل بلون مريح */
#chat_content {
    background-color: rgba(245, 240, 255, 0.5) !important;
}

/* --- الكود الأصلي بعد التنسيق والدمج --- */

#av_menu {
    width: 230px!important;
    box-shadow: 0 10px 30px rgb(0 0 0 / .2)!important;
    border-radius: 15px!important
}

.avother.card_menu,.avself.card_menu,.avstaff.card_menu,.avroomstaff.card_menu,.avbot.card_menu {
    display: grid!important;
    grid-template-columns: repeat(2,1fr)!important;
    gap: 6px!important;
    padding: 8px!important;
    width: 100%;
    box-sizing: border-box;
    height: auto!important;
    overflow: visible!important
}

.card_menu .avitem {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 4px!important;
    border-radius: 6px!important;
    padding: 6px 8px!important;
    font-size: 12px!important;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
    background-color: rgb(128 128 128 / .1)!important;
    border: 1px solid rgb(128 128 128 / .2)!important;
    backdrop-filter: blur(4px)!important;
    -webkit-backdrop-filter: blur(4px)!important;
    box-shadow: 0 2px 4px rgb(0 0 0 / .05)!important
}

.card_menu .avitem i {
    font-size: 12px!important;
    margin: 0!important;
    padding: 0!important
}

img[class*="emo"],img[data-src*="emoticon"] {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.emocc {
    pointer-events: none
}

.cdate {
    font-family: 'Merienda',Sans-Serif
}

#content,#message_content {
    border-radius: 8px
}

.emo_select {
    height: 30px;
    width: auto;
    vertical-align: middle;
    display: inline-block
}

.outpriv .prdate #not_seen {
    margin-left: 5px
}

.icon-label {
    font-family: 'Noto Kufi Arabic',sans-serif
}

.favorite_icon_svg {
    width: 28px;
    height: 28px;
    vertical-align: middle
}

#chat_head {
    position: relative
}

#treasure_icon {
    position: relative!important;
    height: 0!important;
    padding: 0!important;
    margin: 0!important;
    overflow: visible!important;
    width: 40px!important
}

#treasure_icon .treasure_icon_image {
    position: absolute!important;
    top: 9px!important;
    left: 50%!important;
    margin-left: -15px!important;
    height: 30px!important
}

.level_mlogs {
    color: #fff!important;
    position: absolute!important;
    top: -4px!important;
    left: -4px!important;
    bottom: auto!important;
    right: auto!important;
    font-size: 8px!important;
    font-weight: 700!important;
    padding: 1px 4px!important;
    border-radius: 0 8px 8px 8px!important;
    text-align: center!important;
    z-index: 3!important;
    white-space: nowrap!important;
    border: 1px solid rgb(0 0 0 / .2)!important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / .4)!important
}

.level_ulist {
    font-size: 10px!important;
    color: #fff!important;
    font-weight: 700!important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / .4)!important;
    padding: 1px 4px!important;
    border-radius: 5px!important
}

.left_menu_item[onclick="getNewsmera();"] .fa-newspaper:before {
    content: "\f57d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.panel_bar_item {
    width: 35px!important
}

.panel_option {
    width: 35px!important
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-display: swap
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-display: swap
}

.reply_content .btable .bcell_top.maxflow {
    overflow: visible!important
}

#mprofilemenu {
    font-family: 'Merienda',Sans-Serif
}

.modal_menu_item {
    font-family: 'Noto Kufi Arabic',serif;
    font-size: 10px;
    font-weight: 500
}

.podium_box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 0 15px 0;
    margin-top: -10px;
    text-align: center
}

.pod_item {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.pod_avatar img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    padding: 2px;
    background: #fff0;
    box-shadow: 0 2px 6px rgb(0 0 0 / .3)
}

.pod_gold .pod_avatar img {
    border: 3px solid gold
}

.pod_silver .pod_avatar img {
    border: 3px solid silver
}

.pod_bronze .pod_avatar img {
    border: 3px solid #CD7F32
}

.pod_gold {
    margin-bottom: 15px;
    z-index: 2
}

.pod_rank {
    margin-top: -15px;
    z-index: 3;
    position: relative;
    filter: drop-shadow(0 2px 3px rgb(0 0 0 / .3))
}

.pod_rank img {
    width: 35px;
    height: 35px;
    display: block
}

.pod_crown {
    font-size: 24px;
    margin-bottom: -10px;
    z-index: 3;
    animation: float 2s infinite ease-in-out;
    filter: drop-shadow(0 2px 2px rgb(0 0 0 / .5))
}

.pod_name {
    font-size: 13px;
    font-weight: 700;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%
}

.pod_xp {
    font-size: 11px;
    opacity: .8
}

@keyframes float {
    0% { transform: translateY(0) }
    50% { transform: translateY(-5px) }
    100% { transform: translateY(0) }
}

/* ألوان الموود (تم الحفاظ عليها) */
.list_mood[class*="bcolor"] { color: inherit; font-weight: 700; font-family: 'Amiri',sans-serif }
.list_mood.bcolor1 { color: #ff3333!important }
.list_mood.bcolor2 { color: #ff6633!important }
.list_mood.bcolor3 { color: #ff9933!important }
.list_mood.bcolor4 { color: #ffcc33!important }
.list_mood.bcolor5 { color: #cccc00!important }
.list_mood.bcolor6 { color: #99cc00!important }
.list_mood.bcolor7 { color: #59b300!important }
.list_mood.bcolor8 { color: #829356!important }
.list_mood.bcolor9 { color: #008000!important }
.list_mood.bcolor10 { color: #00e639!important }
.list_mood.bcolor11 { color: #00e673!important }
.list_mood.bcolor12 { color: #00e6ac!important }
.list_mood.bcolor13 { color: #00cccc!important }
.list_mood.bcolor14 { color: #03add8!important }
.list_mood.bcolor15 { color: #3366ff!important }
.list_mood.bcolor16 { color: #107896!important }
.list_mood.bcolor17 { color: #004d99!important }
.list_mood.bcolor18 { color: #6633ff!important }
.list_mood.bcolor19 { color: #9933ff!important }
.list_mood.bcolor20 { color: #cc33ff!important }
.list_mood.bcolor21 { color: #ff33ff!important }
.list_mood.bcolor22 { color: #ff33cc!important }
.list_mood.bcolor23 { color: #ff3399!important }
.list_mood.bcolor24 { color: #ff3366!important }
.list_mood.bcolor25 { color: #604439!important }
.list_mood.bcolor26 { color: #795548!important }
.list_mood.bcolor27 { color: #a97f70!important }
.list_mood.bcolor28 { color: #bc9b8f!important }
.list_mood.bcolor29 { color: #9E9E9E!important }
.list_mood.bcolor30 { color: #879fab!important }
.list_mood.bcolor31 { color: #698796!important }
.list_mood.bcolor32 { color: #495f69!important }

.img_preview_overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgb(0 0 0 / .85);
    z-index: 20000;
    display: none
}

.img_preview_box {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 500px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px rgb(0 0 0 / .5);
    border: 1px solid currentColor!important
}

.fieldset.user_group_box {
    border: 1.5px solid color-mix(in srgb,currentColor 40%,transparent)!important;
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 8px 3px;
    background: linear-gradient(180deg,color-mix(in srgb,currentColor 3%,transparent) 0%,transparent 100%)
}

legend.user_group_legend {
    border: 1px solid color-mix(in srgb,currentColor 40%,transparent)!important;
    border-radius: 20px;
    padding: 4px 18px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    background-color: color-mix(in srgb,currentColor 20%,transparent);
    color: inherit!important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}

#left_menu {
    width: 50px!important;
    z-index: 500!important;
    transition: width 0.2s ease;
    box-sizing: border-box
}

#left_menu.sidebar-expanded {
    width: 73px!important
}

.animated-text {
    background: linear-gradient(90deg,#ff005e,#ff8800,#ffee00,#00ff66,#00c3ff,#7a00ff,#ff00aa);
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    animation: rainbow 5s linear infinite;
    font-weight: 700;
    text-shadow: none!important;
    filter: none!important
}

@keyframes rainbow {
    0% { background-position: 0% }
    100% { background-position: 400% }
}

#notify_private,#notify_friends,#report_notify,#notify_notify {
    animation: badgeHeartbeat 2.5s infinite ease-in-out!important;
    will-change: transform
}

@keyframes badgeHeartbeat {
    0% { transform: scale(1) }
    10% { transform: scale(1.25) }
    20% { transform: scale(1) }
    30% { transform: scale(1.15) }
    40% { transform: scale(1) }
    100% { transform: scale(1) }
}