.top_level::before {
    content: attr(data-level);
    display: inline-block;
    background: #6100d5;
    color: #fffbfb;
    font-size: 12px;
    padding: 0px 4px;
    border-radius: 7px 0 7px 0;
    margin-right: 5px;
    position: absolute;
    z-index: 3;
}


.chatbox-51{background:rgba(255,182,193,0.5) url("https://i.ibb.co/hxssBbKP/file-00000000c8bc720ab181b52809d759a3.png") center/cover no-repeat;background-blend-mode:normal;border-left:4px solid black;position:relative;contain:content;overflow:hidden}.chatbox-51::after{content:"";position:absolute;top:0;right:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);transform:skewX(-20deg);animation:shine 2s infinite}.chatbox-51 .username,.chatbox-51 .cdate{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);color:yellow}.chatbox-51 .username{font-size:0;padding:0;position:relative}.chatbox-51 .username::after{content:" M A S T A R  - 𝐒 𝐀 𝐊 𝐑 𝐀 𝐍  ";display:inline-block;background:linear-gradient(90deg,blue 50%,red 50%);color:#fff;font-size:8px;padding:1px 4px;border:1px solid black;border-radius:4px}.chatbox-51-text{color:yellow;font-weight:700;background:rgba(0,0,0,0.5);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.5)}.connected-users .chatbox-51 .username::after{animation:none}@keyframes shine{0%{right:-100%}50%{right:100%}100%{right:100%}}

.user_item{
 padding: 5px 2px;
}
.user_item_avatar .acav,
.cavatar {
  border-radius: 50% !important;
  overflow: hidden;
}
.user_level {
    color: #fff;
    position: absolute;
    top: 39px;
    right: 0px;
    transform: translateX(-12%);
    font-size: 7px;
    font-weight: 600;
    padding: 1px 3px;
    border-radius: 0 0 100px 100px;
    text-align: center;
    border: solid 1px #fff;
    /* box-shadow: #6666662b 0 4px 0 0; */
    width: 40px;
    z-index: 1;
}
.level_cuser{
 display: flex;
    flex-direction: column;
    position: absolute;
    left: 1px; 
    top: 19px;
}
.level_user_list{
 position: absolute;
    font-size: 10px;
    left: 0;
    top: 0px;
    padding: 3px;
    background: #6100d5;
    border-radius: 7px 0 7px 0;
    color: white;
    font-family: monospace;
}

/* .user_item_icon {
    margin-bottom: 5px;
} */
/* .user_item {
    padding: 11px 10px;
} */
/* ================================
   فقاعات النص (Chat Bubble)
================================= */
.my_text::before {
    content: " ";
    position: absolute;
    right: -19px;
    top: 0px;
    color: #fff;
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.my_text {
    position: relative;
    padding: 1px 8px 5px 2px !important;
    border-radius: 0 0 12px 12px;
    min-width: 200px;
}
.cdate {
    font-family: 'Tajawal',sans-serif;
    font-size: 9px;
}


/* الواان السهم */

.my_text.chatbox-red::before {
    border-left-color:#f7cfcf
}
.my_text.chatbox-green::before {
    border-left-color:#dff0c7
}
.my_text.chatbox-blue::before {
    border-left-color:#b9e7f3
}
.my_text.chatbox-purple::before {
    border-left-color:#e6d4f5
}
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.my_text.chatbox-pink::before {
    border-left-color:#fbcde8
}
/* الألوان الجديدة - السهم */
.my_text.chatbox-cyan::before { border-left-color:#e0ffff; }
.my_text.chatbox-yellow::before { border-left-color:#fffde7; }
.my_text.chatbox-lime::before { border-left-color:#f0ffe0; }
.my_text.chatbox-teal::before { border-left-color:#e0f7fa; }
.my_text.chatbox-gold::before { border-left-color:#fff8e1; }
.my_text.chatbox-brown::before { border-left-color:#efebe9; }
.my_text.chatbox-indigo::before { border-left-color:#e8eaf6; }
.my_text.chatbox-violet::before { border-left-color:#f3e5f5; }
.my_text.chatbox-coral::before { border-left-color:#ffecea; }
.my_text.chatbox-aqua::before { border-left-color:#e0f7fa; }

.my_text.chatbox-crimson::before { border-left-color:#ffe5e5; }
.my_text.chatbox-navy::before { border-left-color:#e6ecff; }
.my_text.chatbox-olive::before { border-left-color:#f5f5dc; }
.my_text.chatbox-maroon::before { border-left-color:#ffe5e5; }
.my_text.chatbox-turquoise::before { border-left-color:#e0ffff; }
.my_text.chatbox-silver::before { border-left-color:#f5f5f5; }

.my_text.chatbox-plum::before { border-left-color:#f3e5f5; }
.my_text.chatbox-orchid::before { border-left-color:#f8e6ff; }
.my_text.chatbox-khaki::before { border-left-color:#fffde7; }
.my_text.chatbox-salmon::before { border-left-color:#ffecea; }
.my_text.chatbox-chocolate::before { border-left-color:#efebe9; }
.my_text.chatbox-tan::before { border-left-color:#fdf5e6; }

.my_text.chatbox-skyblue::before { border-left-color:#e6f7ff; }
.my_text.chatbox-deepskyblue::before { border-left-color:#e6f7ff; }
.my_text.chatbox-springgreen::before { border-left-color:#e6fff5; }
.my_text.chatbox-seagreen::before { border-left-color:#e6fff2; }
.my_text.chatbox-forestgreen::before { border-left-color:#e6ffe6; }

.my_text.chatbox-royalblue::before { border-left-color:#e6ecff; }
.my_text.chatbox-slateblue::before { border-left-color:#ede7f6; }

.my_text.chatbox-mediumvioletred::before { border-left-color:#ffe6f2; }
.my_text.chatbox-deeppink::before { border-left-color:#ffe6f2; }
.my_text.chatbox-hotpink::before { border-left-color:#ffe6f2; }

.my_text.chatbox-lightgreen::before { border-left-color:#f0fff0; }
.my_text.chatbox-lightblue::before { border-left-color:#e6f7ff; }
.my_text.chatbox-lightyellow::before { border-left-color:#ffffe0; }
.my_text.chatbox-lightgray::before { border-left-color:#f5f5f5; }


/* الوان الاسم */

:root {
    --shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.chatbox-pink .username {
    color: #76002D;
    text-shadow: var(--shadow);
}

.chatbox-orange .username {
    color: #7A4100;
    text-shadow: var(--shadow);
}

.chatbox-blue .username {
    color: #004466;
    text-shadow: var(--shadow);
}

.chatbox-red .username {
    color: #660000;
    text-shadow: var(--shadow);
}

.chatbox-green .username {
    color: #2D6600;
    text-shadow: var(--shadow);
}

.chatbox-purple .username {
    color: #5A2585;
    text-shadow: var(--shadow);
}
/* ===== الألوان الجديدة - الاسم ===== */

.chatbox-cyan .username { color: #006064; text-shadow: var(--shadow); }
.chatbox-yellow .username { color: #7a6a00; text-shadow: var(--shadow); }
.chatbox-lime .username { color: #3d6600; text-shadow: var(--shadow); }
.chatbox-teal .username { color: #004d40; text-shadow: var(--shadow); }
.chatbox-gold .username { color: #8a5a00; text-shadow: var(--shadow); }
.chatbox-brown .username { color: #5c3a21; text-shadow: var(--shadow); }

.chatbox-indigo .username { color: #1a237e; text-shadow: var(--shadow); }
.chatbox-violet .username { color: #4a148c; text-shadow: var(--shadow); }
.chatbox-coral .username { color: #b23c2a; text-shadow: var(--shadow); }
.chatbox-aqua .username { color: #006064; text-shadow: var(--shadow); }

.chatbox-crimson .username { color: #7a0f1c; text-shadow: var(--shadow); }
.chatbox-navy .username { color: #00004d; text-shadow: var(--shadow); }
.chatbox-olive .username { color: #4d4d00; text-shadow: var(--shadow); }
.chatbox-maroon .username { color: #4d0000; text-shadow: var(--shadow); }
.chatbox-turquoise .username { color: #006666; text-shadow: var(--shadow); }
.chatbox-silver .username { color: #666666; text-shadow: var(--shadow); }

.chatbox-plum .username { color: #5e2d79; text-shadow: var(--shadow); }
.chatbox-orchid .username { color: #7a2f7a; text-shadow: var(--shadow); }
.chatbox-khaki .username { color: #8a7d2a; text-shadow: var(--shadow); }
.chatbox-salmon .username { color: #a94442; text-shadow: var(--shadow); }
.chatbox-chocolate .username { color: #7b3f00; text-shadow: var(--shadow); }
.chatbox-tan .username { color: #8b6f47; text-shadow: var(--shadow); }

.chatbox-skyblue .username { color: #005f87; text-shadow: var(--shadow); }
.chatbox-deepskyblue .username { color: #005f87; text-shadow: var(--shadow); }
.chatbox-springgreen .username { color: #006644; text-shadow: var(--shadow); }
.chatbox-seagreen .username { color: #1b5e20; text-shadow: var(--shadow); }
.chatbox-forestgreen .username { color: #1b5e20; text-shadow: var(--shadow); }

.chatbox-royalblue .username { color: #1a237e; text-shadow: var(--shadow); }
.chatbox-slateblue .username { color: #3f3d99; text-shadow: var(--shadow); }

.chatbox-mediumvioletred .username { color: #880e4f; text-shadow: var(--shadow); }
.chatbox-deeppink .username { color: #880e4f; text-shadow: var(--shadow); }
.chatbox-hotpink .username { color: #ad1457; text-shadow: var(--shadow); }

.chatbox-lightgreen .username { color: #336633; text-shadow: var(--shadow); }
.chatbox-lightblue .username { color: #336699; text-shadow: var(--shadow); }
.chatbox-lightyellow .username { color: #999900; text-shadow: var(--shadow); }
.chatbox-lightgray .username { color: #666666; text-shadow: var(--shadow); }


/* الوان تاريخ */

.chatbox-red .cdate {
    color: #880000;
    font-size: 10px;
}

.chatbox-blue .cdate {
    color: #00546e;
    font-size: 10px;
}

.chatbox-green .cdate {
    color: #2d4600;
    font-size: 10px;
}

.chatbox-purple .cdate {
    color: #7826a5;
    font-size: 10px;
}

.chatbox-orange .cdate {
    color: #804000;
    font-size: 10px;
}

.chatbox-pink .cdate {
    color: #901085;
    font-size: 10px;
}
/* ===== الألوان الجديدة - التاريخ ===== */

.chatbox-cyan .cdate { color: #006064; font-size: 10px; }
.chatbox-yellow .cdate { color: #7a6a00; font-size: 10px; }
.chatbox-lime .cdate { color: #3d6600; font-size: 10px; }
.chatbox-teal .cdate { color: #004d40; font-size: 10px; }
.chatbox-gold .cdate { color: #8a5a00; font-size: 10px; }
.chatbox-brown .cdate { color: #5c3a21; font-size: 10px; }

.chatbox-indigo .cdate { color: #1a237e; font-size: 10px; }
.chatbox-violet .cdate { color: #4a148c; font-size: 10px; }
.chatbox-coral .cdate { color: #b23c2a; font-size: 10px; }
.chatbox-aqua .cdate { color: #006064; font-size: 10px; }

.chatbox-crimson .cdate { color: #7a0f1c; font-size: 10px; }
.chatbox-navy .cdate { color: #00004d; font-size: 10px; }
.chatbox-olive .cdate { color: #4d4d00; font-size: 10px; }
.chatbox-maroon .cdate { color: #4d0000; font-size: 10px; }
.chatbox-turquoise .cdate { color: #006666; font-size: 10px; }
.chatbox-silver .cdate { color: #666666; font-size: 10px; }

.chatbox-plum .cdate { color: #5e2d79; font-size: 10px; }
.chatbox-orchid .cdate { color: #7a2f7a; font-size: 10px; }
.chatbox-khaki .cdate { color: #8a7d2a; font-size: 10px; }
.chatbox-salmon .cdate { color: #a94442; font-size: 10px; }
.chatbox-chocolate .cdate { color: #7b3f00; font-size: 10px; }
.chatbox-tan .cdate { color: #8b6f47; font-size: 10px; }

.chatbox-skyblue .cdate { color: #005f87; font-size: 10px; }
.chatbox-deepskyblue .cdate { color: #005f87; font-size: 10px; }
.chatbox-springgreen .cdate { color: #006644; font-size: 10px; }
.chatbox-seagreen .cdate { color: #1b5e20; font-size: 10px; }
.chatbox-forestgreen .cdate { color: #1b5e20; font-size: 10px; }

.chatbox-royalblue .cdate { color: #1a237e; font-size: 10px; }
.chatbox-slateblue .cdate { color: #3f3d99; font-size: 10px; }

.chatbox-mediumvioletred .cdate { color: #880e4f; font-size: 10px; }
.chatbox-deeppink .cdate { color: #880e4f; font-size: 10px; }
.chatbox-hotpink .cdate { color: #ad1457; font-size: 10px; }

.chatbox-lightgreen .cdate { color: #336633; font-size: 10px; }
.chatbox-lightblue .cdate { color: #336699; font-size: 10px; }
.chatbox-lightyellow .cdate { color: #999900; font-size: 10px; }
.chatbox-lightgray .cdate { color: #666666; font-size: 10px; }
/* ألوان الصناديق */
:root {
    --padding: 15px;
    --border-radius: 10px;
    --border-color: rgba(0, 0, 0, 0.2);
    --shadow-default: 2px 2px 6px rgba(0, 0, 0, 0.08);
    --shadow-hover: 4px 4px 10px rgba(0, 0, 0, 0.15);
    --scale-hover: 1.04;
}

/* تصميم الصندوق */
.chatbox {
    padding: var(--padding);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-default);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}



.chatbox:hover {
    transform: scale(var(--scale-hover));
    box-shadow: var(--shadow-hover);
}

/* ألوان الصناديق باستخدام متغيرات */
.chatbox-red { background-color: #f7cfcf; border-left: 4px solid #d87b7b; }
.chatbox-green { background-color: #dff0c7; border-left: 4px solid #93b36b; }
.chatbox-blue { background-color: #b9e7f3; border-left: 4px solid #5ba1bd; }
.chatbox-purple { background-color: #e6d4f5; border-left: 4px solid #9e7bb8; }
.chatbox-orange { background-color: #f3e6d4; border-left: 4px solid #b9976b; }
.chatbox-pink { background-color: #fbcde8; border-left: 4px solid #d874a2; }
/* ألوان إضافية */
.chatbox-cyan { background: #e0ffff; border-left: 4px solid #00bcd4; }
.chatbox-yellow { background: #fffde7; border-left: 4px solid #f1c40f; }
.chatbox-lime { background: #f0ffe0; border-left: 4px solid #7bed9f; }
.chatbox-teal { background: #e0f7fa; border-left: 4px solid #009688; }
.chatbox-gold { background: #fff8e1; border-left: 4px solid #f39c12; }
.chatbox-brown { background: #efebe9; border-left: 4px solid #8e5c42; }
.chatbox-indigo { background: #e8eaf6; border-left: 4px solid #3f51b5; }
.chatbox-violet { background: #f3e5f5; border-left: 4px solid #9c27b0; }
.chatbox-coral { background: #ffecea; border-left: 4px solid #ff6f61; }
.chatbox-aqua { background: #e0f7fa; border-left: 4px solid #00acc1; }
.chatbox-crimson { background:#ffe5e5; border-left:4px solid #dc143c; }
.chatbox-navy { background:#e6ecff; border-left:4px solid #000080; }
.chatbox-olive { background:#f5f5dc; border-left:4px solid #808000; }
.chatbox-maroon { background:#ffe5e5; border-left:4px solid #800000; }
.chatbox-turquoise { background:#e0ffff; border-left:4px solid #40e0d0; }
.chatbox-silver { background:#f5f5f5; border-left:4px solid #c0c0c0; }

.chatbox-plum { background:#f3e5f5; border-left:4px solid #dda0dd; }
.chatbox-orchid { background:#f8e6ff; border-left:4px solid #da70d6; }
.chatbox-khaki { background:#fffde7; border-left:4px solid #f0e68c; }
.chatbox-salmon { background:#ffecea; border-left:4px solid #fa8072; }
.chatbox-chocolate { background:#efebe9; border-left:4px solid #d2691e; }
.chatbox-tan { background:#fdf5e6; border-left:4px solid #d2b48c; }

.chatbox-skyblue { background:#e6f7ff; border-left:4px solid #87ceeb; }
.chatbox-deepskyblue { background:#e6f7ff; border-left:4px solid #00bfff; }
.chatbox-springgreen { background:#e6fff5; border-left:4px solid #00ff7f; }
.chatbox-seagreen { background:#e6fff2; border-left:4px solid #2e8b57; }
.chatbox-forestgreen { background:#e6ffe6; border-left:4px solid #228b22; }

.chatbox-royalblue { background:#e6ecff; border-left:4px solid #4169e1; }
.chatbox-slateblue { background:#ede7f6; border-left:4px solid #6a5acd; }

.chatbox-mediumvioletred { background:#ffe6f2; border-left:4px solid #c71585; }
.chatbox-deeppink { background:#ffe6f2; border-left:4px solid #ff1493; }
.chatbox-hotpink { background:#ffe6f2; border-left:4px solid #ff69b4; }

.chatbox-lightgreen { background:#f0fff0; border-left:4px solid #90ee90; }
.chatbox-lightblue { background:#e6f7ff; border-left:4px solid #add8e6; }
.chatbox-lightyellow { background:#ffffe0; border-left:4px solid #ffffe0; }
.chatbox-lightgray { background:#f5f5f5; border-left:4px solid #d3d3d3; }


/* اكواد خاصه */
.chatbox-black2 {
    position: relative;
    background: linear-gradient(135deg, #fff 0%, #f3e8ff 40%, #d9b8ff 100%);
    border-left: 5px solid #f00;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0);
    padding: 6px 10px;
    border-radius: 10px;
    color: #111;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.6)
}

.chatbox-black2 .username {
    color: #f00;
    font-weight: bold;
    border-bottom: 2px dotted #f00;
    border-left: 2px dotted #f00;
    border-radius: 20px 0 0 20px;
    padding-left: 4px;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.8)
}

.chatbox-black2-text-border {
    border: 1px solid #f00;
    box-shadow: 0 0 2px #f00, 0 0 6px #f00, 0 0 10px rgba(255, 0, 0, 0.6);
    border-radius: 6px;
    padding: 3px
}

.my_text.chatbox-black2::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 14px;
    border: 8px solid transparent;
    border-left: 10px solid rgba(217, 184, 255, 0)
}

.chatbox-black {
    position: relative;
    background: linear-gradient(135deg, #fff 0%, #f3f3f3 40%, #ece9ff 100%);
    border-left: 5px solid #000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    padding: 6px 10px;
    border-radius: 10px;
    color: #000
}

.chatbox-black .username {
    color: #000;
    font-weight: bold;
    border-bottom: 2px dotted #000;
    border-left: 2px dotted #000;
    border-radius: 20px 0 0 20px;
    padding-left: 4px
}

.chatbox-black-text-border {
    border: 1px solid #000;
    box-shadow: 0 0 2px #000, 0 0 6px rgba(0, 0, 0, 0.6);
    border-radius: 6px;
    padding: 3px
}

.chatbox-black .cdate,
.chatbox-black2 .cdate {
    font-size: 10px;
    opacity: 0.8
}

.chatbox-black .cdate,
.chatbox-black-text {
    color: #000
}

.chatbox-black2 .cdate {
    color: #333
}

.my_text.chatbox-black::before {
    content: none !important
}

// This is just a sample script. Paste your real code (javascript or HTML) here.

if ('this_is'==/an_example/) {
    of_beautifier();
}

else {
    var a=b?(c%d): e[f];
}

/* الوان كتابه */

.chatbox-red-text {
    color: #880000;
}

.chatbox-green-text {
    color: #2d4600;
}

.chatbox-blue-text {
    color: #00546e;
}

.chatbox-purple-text {
    color: #7826a5;
}

.chatbox-orange-text {
    color: #804000;
}

.chatbox-pink-text {
    color: #901085;
}
/* ===== الألوان الجديدة - النص ===== */

.chatbox-cyan-text { color: #006064; }
.chatbox-yellow-text { color: #7a6a00; }
.chatbox-lime-text { color: #3d6600; }
.chatbox-teal-text { color: #004d40; }
.chatbox-gold-text { color: #8a5a00; }
.chatbox-brown-text { color: #5c3a21; }

.chatbox-indigo-text { color: #1a237e; }
.chatbox-violet-text { color: #4a148c; }
.chatbox-coral-text { color: #b23c2a; }
.chatbox-aqua-text { color: #006064; }

.chatbox-crimson-text { color: #7a0f1c; }
.chatbox-navy-text { color: #00004d; }
.chatbox-olive-text { color: #4d4d00; }
.chatbox-maroon-text { color: #4d0000; }
.chatbox-turquoise-text { color: #006666; }
.chatbox-silver-text { color: #666666; }

.chatbox-plum-text { color: #5e2d79; }
.chatbox-orchid-text { color: #7a2f7a; }
.chatbox-khaki-text { color: #8a7d2a; }
.chatbox-salmon-text { color: #a94442; }
.chatbox-chocolate-text { color: #7b3f00; }
.chatbox-tan-text { color: #8b6f47; }

.chatbox-skyblue-text { color: #005f87; }
.chatbox-deepskyblue-text { color: #005f87; }
.chatbox-springgreen-text { color: #006644; }
.chatbox-seagreen-text { color: #1b5e20; }
.chatbox-forestgreen-text { color: #1b5e20; }

.chatbox-royalblue-text { color: #1a237e; }
.chatbox-slateblue-text { color: #3f3d99; }

.chatbox-mediumvioletred-text { color: #880e4f; }
.chatbox-deeppink-text { color: #880e4f; }
.chatbox-hotpink-text { color: #ad1457; }

.chatbox-lightgreen-text { color: #336633; }
.chatbox-lightblue-text { color: #336699; }
.chatbox-lightyellow-text { color: #999900; }
.chatbox-lightgray-text { color: #666666; }

.chat_message {

    font-weight: bold;
}

body {
  user-select: none;
}

.video-container {
  position: relative;
  padding-bottom: 70%;
  height: 0;
    
}

.video-container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
	
	
.video-js{
  position: absolute !important;
  height: 100%;
  width: 100%;
}


#chat_right_data::-webkit-scrollbar{display:none}#chat_right_data{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:.21em}::-webkit-scrollbar-thumb{background:#a4a4a4}*{scrollbar-width:thin}
	
.user-box {
  position: relative;
    
}

:root{--primary-color:#000;--secondary-color:#545454;--border-color:#fff;--focus-color:#000;--label-color-hover:#222;--bg-transparent:transparent;--shadow-light:rgba(0,0,0,0.2)}.user-box,.k2user-box{position:relative;margin-bottom:25px}.user-box input,.k2user-box input{width:100%;padding:10px 0;font-size:15px;color:var(--primary-color);border:none;border-bottom:1px solid var(--border-color);outline:none;background:var(--bg-transparent);transition:all .3s ease-out}.user-box label,.k2user-box label{position:absolute;top:0;right:5px;padding:5px 0;font-size:14px;color:var(--secondary-color);pointer-events:none;transition:.2s}.user-box input:focus~label,.user-box input:valid~label,.k2user-box input:focus~label,.k2user-box input:valid~label{top:-20px;right:0;color:var(--focus-color);font-size:12px}.user-box input:focus,.k2user-box input:focus{border-bottom:1px solid var(--focus-color);box-shadow:0 2px 4px var(--shadow-light)}.k2_2,.k2_12{border-radius:50px}.k2_2{border:1px solid var(--primary-color)!important;transition:.3s}.disr{border-radius:50px;box-shadow:0 3px 6px var(--shadow-light);transition:.3s}.K2_AaA{display:flex;justify-content:space-between;align-items:center;width:100%}


.chatbox-100{background:#f0f2f5;border-left:4px solid #8b5cf6;position:relative;overflow:hidden;animation:sysUltraSmooth 2.8s cubic-bezier(.19,1,.22,1) forwards}.my_text.chatbox-100::before{content:none!important}.chatbox-100 .username{font-size:0;display:inline-block;margin-left:-5px}.chatbox-100 .username::after{content:"S Y S T E M - C H A T ";display:inline-block;background:#8b5cf6;color:#fff;font-size:8px;padding:1px 5px;border-radius:4px;font-weight:800;transform:translateY(-5px);border:1px solid #8b5cf6;vertical-align:middle}.chatbox-100-text{color:#4c1d95;font-weight:600;background:rgba(139,92,246,.1);padding:3px 7px;border-radius:5px;display:inline-block;font-size:11px;border-right:2px solid #8b5cf6}.chatbox-100 .cdate{color:#8b5cf6;font-size:9px;opacity:.8}@keyframes sysUltraSmooth{0%{opacity:0;transform:translateX(140%)}55%{opacity:1;transform:translateX(-40px)}75%{transform:translateX(10px)}90%{transform:translateX(-3px)}100%{opacity:1;transform:translateX(0)}}


.chatbox-1{background-color:#fff;border-left:4px solid #FEC5F6}.my_text.chatbox-1::before{border-left-color:#fff}.chatbox-1 .username,.chatbox-1 .cdate{color:#000}.chatbox-1-text{color:#000}
.chatbox-2 {
    background: black; /* جعل الخلفية سوداء */
    border-left: 4px solid red; /* تعديل لون الحد الجانبي إلى الأحمر */
    position: relative;
    overflow: hidden;
}

.chatbox-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 0, 0, .3), transparent); /* تعديل التوهج للأحمر */
    animation: s 6s infinite linear;
}
/* النص الرئيسي */
.chatbox-20-text{
  color:#ffffff !important;
  font-weight:600;
  background:rgba(0,40,90,0.25);
  padding:3px 7px;
  border-radius:6px;
  display:inline-block;
  font-size:11px;
  border-right:2px solid #004c99;
  box-shadow:0 0 6px rgba(0,120,255,0.4);
  text-shadow:0 0 4px rgba(0,120,255,0.5);
}
.my_text.chatbox-2::before {
    content: "";
    position: absolute;
    right: -8px;
    top: 12px;
    border: 8px solid transparent;
}

.chatbox-2 .username,
.chatbox-2 .cdate {
    color: red; /* تعديل لون النص إلى الأحمر */
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
}

.chatbox-2 .username {
    position: relative;
    font-size: 0;
    padding: 0;
}

.chatbox-2 .username::after {
    content: "𝗞𝗔𝗜𝗡 𝗔𝗟𝗬𝗘𝗠𝗘𝗡𝗜";
    display: inline-block;
    background: linear-gradient(90deg, red 0%, red 52%, black 52%, black 100%); /* تعديل لون الخلفية إلى الأحمر والأسود */
    color: white; /* النص أحمر */
    font-size: 8px;
    padding: 1px 5px;
    border-radius: 4px;
    font-weight: 700;
    transform: translateY(-3px);
    border: 1px solid red;
}

.chatbox-2-text {
    color: white; /* النص أحمر */
    font-weight: 700;
    background: rgba(0, 0, 0, .5);
    padding: 2px 6px;
    border-radius: 6px;
    display: inline-block;
    border: 1px solid rgba(255, 0, 0, .2);
}

@keyframes s {
    0% { left: -100%; }
    15% { left: 150%; }
    100% { left: 150%; }
    
}/*--------ADMIN--------*/
.chatbox-3{background:linear-gradient(to right,#fff0f5,#ffe4e1);border-left:4px solid #ff69b4;box-shadow:none}.my_text.chatbox-3::before{border-left-color:#ffe4e1}.chatbox-3 .username,.chatbox-3 .cdate{color:#ff1493}.chatbox-3-text{color:#ad1457;font-weight:500}
/*--------ADMIN--------*/
.chatbox-4{background:linear-gradient(to right,#fffaf0,#ffe4b5);border-left:4px solid #ff8c00;box-shadow:none}.my_text.chatbox-4::before{border-left-color:#ffe4b5}.chatbox-4 .username,.chatbox-4 .cdate{color:#e65100}.chatbox-4-text{color:#bf360c;font-weight:500}
/*-------MASTER---------*/
.chatbox-5{background:linear-gradient(to right,#fffdf5,#f5f0e1);border-left:4px solid #d2b48c;box-shadow:none}.my_text.chatbox-5::before{border-left-color:#f5f0e1}.chatbox-5 .username,.chatbox-5 .cdate{color:#8b4513}.chatbox-5-text{color:#5d4037;font-weight:500}
/*--------ADMIN--------*/
.chatbox-6{background:linear-gradient(to right,#faf3e0,#f0e4d0);border-left:4px solid #a67c52;box-shadow:none}.my_text.chatbox-6::before{border-left-color:#f0e4d0}.chatbox-6 .username,.chatbox-6 .cdate{color:#795548}.chatbox-6-text{color:#4e342e;font-weight:500}
/*-------MASTER---------*/
.chatbox-7{background:linear-gradient(to right,#fff5f5,#ffebeb);border-left:4px solid #ff4d4d;box-shadow:none}.my_text.chatbox-7::before{border-left-color:#ffebeb}.chatbox-7 .username,.chatbox-7 .cdate{color:#b30000}.chatbox-7-text{color:#7a0000;font-weight:500}
/*--------ADMIN--------*/
.chatbox-8{background:linear-gradient(to right,#f0f5e1,#e6eed0);border-left:4px solid #8da454;box-shadow:none}.my_text.chatbox-8::before{border-left-color:#e6eed0}.chatbox-8 .username,.chatbox-8 .cdate{color:#556b2f}.chatbox-8-text{color:#3b4d1a;font-weight:500}
/*--------ADMIN--------*/
.chatbox-9{background:linear-gradient(to right,#f8f9fa,#e9ecef);border-left:4px solid #adb5bd;box-shadow:none}.my_text.chatbox-9::before{border-left-color:#e9ecef}.chatbox-9 .username,.chatbox-9 .cdate{color:#495057}.chatbox-9-text{color:#212529;font-weight:500}
/*--------ADMIN--------*/
.chatbox-10{background:linear-gradient(to right,#ebf5ff,#d6eaff);border-left:4px solid #007bff;box-shadow:none}.my_text.chatbox-10::before{border-left-color:#d6eaff}.chatbox-10 .username,.chatbox-10 .cdate{color:#0056b3}.chatbox-10-text{color:#003366;font-weight:500}
/*--------ADMIN--------*/
.chatbox-11{background:linear-gradient(to right,#f3e5f5,#e1bee7);border-left:4px solid #9c27b0;box-shadow:none}.my_text.chatbox-11::before{border-left-color:#e1bee7}.chatbox-11 .username,.chatbox-11 .cdate{color:#7b1fa2}.chatbox-11-text{color:#4a148c;font-weight:500}
/*-------MASTER---------*/
.chatbox-12{background:linear-gradient(to right,#e0f7fa,#b2ebf2);border-left:4px solid #00acc1;box-shadow:none}.my_text.chatbox-12::before{border-left-color:#b2ebf2}.chatbox-12 .username,.chatbox-12 .cdate{color:#00838f}.chatbox-12-text{color:#004d40;font-weight:500}
/*--------ADMIN--------*/
.chatbox-13{background:linear-gradient(to right,#eceff1,#cfd8dc);border-left:4px solid #607d8b;box-shadow:none}.my_text.chatbox-13::before{border-left-color:#cfd8dc}.chatbox-10 .username,.chatbox-13 .cdate{color:#455a64}.chatbox-13-text{color:#263238;font-weight:500}
/*-------MASTER---------*/
.chatbox-14{background:linear-gradient(to right,#fff5ee,#f5e1d2);border-left:4px solid #e9967a;box-shadow:none}.my_text.chatbox-14::before{border-left-color:#f5e1d2}.chatbox-14 .username,.chatbox-14 .cdate{color:#cd5c5c}.chatbox-14-text{color:#8b4513;font-weight:500}
/*--------ADMIN--------*/
.chatbox-15{background:linear-gradient(to right,#fef0f7,#fbd9e9);border-left:4px solid #f075ae;box-shadow:none}.my_text.chatbox-15::before{border-left-color:#fbd9e9}.chatbox-15 .username,.chatbox-15 .cdate{color:#c2185b}.chatbox-15-text{color:#880e4f;font-weight:500}
/*--------SAKRAN--------*/
.chatbox-16{background:linear-gradient(to right,#fff5f5,#ffeaea);border-left:4px solid #ff5555;box-shadow:none}.my_text.chatbox-16::before{border-left-color:#ffeaea}.chatbox-16 .username,.chatbox-16 .cdate{color:#d32f2f}.chatbox-16-text{color:#7f0000;font-weight:500}
/*--------ADMIN--------*/
.chatbox-17{background:linear-gradient(to right,#fffdf5,#fff9e1);border-left:4px solid #ffe99a;box-shadow:none}.my_text.chatbox-17::before{border-left-color:#fff9e1}.chatbox-17 .username,.chatbox-17 .cdate{color:#b8860b}.chatbox-17-text{color:#7a6600;font-weight:500}
/*--------ADMIN--------*/
.chatbox-18{background:linear-gradient(to right,#f1f8e9,#dcedc8);border-left:4px solid #689f38;box-shadow:none}.my_text.chatbox-18::before{border-left-color:#dcedc8}.chatbox-18 .username,.chatbox-18 .cdate{color:#33691e}.chatbox-18-text{color:#1b5e20;font-weight:500}
/*-------MASTER---------*/
.chatbox-19{background:linear-gradient(to right,#fce4ec,#f8bbd0);border-left:4px solid #ad1457;box-shadow:none}.my_text.chatbox-19::before{border-left-color:#f8bbd0}.chatbox-19 .username,.chatbox-19 .cdate{color:#880e4f}.chatbox-19-text{color:#4a148c;font-weight:500}
/*--------ADMIN--------*/
.chatbox-21{background:linear-gradient(to right,#f8f9fa,#e2e6ea);border-left:4px solid #6c757d;box-shadow:none}.my_text.chatbox-21::before{border-left-color:#e2e6ea}.chatbox-21 .username,.chatbox-21 .cdate{color:#495057}.chatbox-21-text{color:#212529;font-weight:500}
/*-------MASTER---------*/
.chatbox-22{background:linear-gradient(to right,#fff9e6,#f7edc6);border-left:4px solid #d4a017;box-shadow:none}.my_text.chatbox-22::before{border-left-color:#f7edc6}.chatbox-22 .username,.chatbox-22 .cdate{color:#8b6b01}.chatbox-22-text{color:#4a3c00;font-weight:500}
/*--------ADMIN--------*/
.chatbox-23{background:linear-gradient(to right,#fff0ed,#fce2db);border-left:4px solid #e9967a;box-shadow:none}.my_text.chatbox-23::before{border-left-color:#fce2db}.chatbox-23 .username,.chatbox-23 .cdate{color:#c0392b}.chatbox-23-text{color:#78281f;font-weight:500}
/*-------MASTER---------*/
.chatbox-24{background:linear-gradient(to right,#eef2f3,#d1d9e0);border-left:4px solid #546e7a;box-shadow:none}.my_text.chatbox-24::before{border-left-color:#d1d9e0}.chatbox-24 .username,.chatbox-24 .cdate{color:#37474f}.chatbox-24-text{color:#1a252b;font-weight:500}
/*-------MASTER---------*/
.chatbox-25{background:linear-gradient(to right,#f5f0ed,#e8ded7);border-left:4px solid #a68b7c;box-shadow:none}.my_text.chatbox-25::before{border-left-color:#e8ded7}.chatbox-25 .username,.chatbox-25 .cdate{color:#634f42}.chatbox-25-text{color:#3d2f27;font-weight:500}
/*--------ADMIN--------*/
.chatbox-26{background:linear-gradient(to right,#f0f2f8,#dfe4f1);border-left:4px solid #8e99bc;box-shadow:none}.my_text.chatbox-26::before{border-left-color:#dfe4f1}.chatbox-26 .username,.chatbox-26 .cdate{color:#4a5578}.chatbox-26-text{color:#2d344b;font-weight:500}
/*-------MASTER---------*/
.chatbox-28{background:linear-gradient(to right,#faf7f2,#f0e9dd);border-left:4px solid #c5b496;box-shadow:none}.my_text.chatbox-28::before{border-left-color:#f0e9dd}.chatbox-28 .username,.chatbox-28 .cdate{color:#8a7a5f}.chatbox-28-text{color:#544a39;font-weight:500}
/*-------MASTER---------*/
.chatbox-29{background:linear-gradient(to right,#f3eaf2,#e8d7e7);border-left:4px solid #6a1b9a;box-shadow:none}.my_text.chatbox-29::before{border-left-color:#e8d7e7}.chatbox-29 .username,.chatbox-29 .cdate{color:#4a148c}.chatbox-29-text{color:#311b92;font-weight:500}
/*--------ADMIN--------*/
.chatbox-30{background:linear-gradient(to right,#e0f2f1,#b2dfdb);border-left:4px solid #00897b;box-shadow:none}.my_text.chatbox-30::before{border-left-color:#b2dfdb}.chatbox-30 .username,.chatbox-30 .cdate{color:#00695c}.chatbox-30-text{color:#004d40;font-weight:500}
/*-------OWNER 𝐀i𝐌𝐘---------*/
.chatbox-31{background:linear-gradient(rgba(0,0,0,.40),rgba(0,0,0,.40)),url("https://saakran.net/css/log/aa31.webp")center/cover;border-left:4px solid #b00000;position:relative}.my_text.chatbox-31::before{content:"";position:absolute;right:-8px;top:12px;border:8px solid transparent}.chatbox-31 .username,.chatbox-31 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.55)}.chatbox-31 .username{position:relative;font-size:0;padding:0}.chatbox-31 .username::after{content:"SAKRAN CHATAT";display:inline-block;background:linear-gradient(90deg,#d4af37 0%,#f7d774 55%,#b00000 55%,#ff2a2a 100%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;font-weight:700;transform:translateY(-3px)}.chatbox-31-text{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.25);background:rgba(0,0,0,.4);padding:2px 6px;border-radius:6px;display:inline-block}
/*-------OWNER 𝐀i𝐌𝐘---------*/
.chatbox-32{background:linear-gradient(rgba(255,255,255,.1),rgba(173,216,230,.1)),url("https://saakran.net/css/log/as32.webp")center/cover;border-left:4px solid #0077be;position:relative;overflow:hidden}.chatbox-32::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-25deg);animation:shine 3s infinite}.my_text.chatbox-32::before{content:"";position:absolute;right:-8px;top:12px;border:8px solid transparent}.chatbox-32 .username,.chatbox-32 .cdate{color:#333;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.8)}.chatbox-32 .username{position:relative;font-size:0;padding:0}.chatbox-32 .username::after{content:"SAKRAN CHATAT";display:inline-block;background:linear-gradient(90deg,#0077be 0%,#87ceeb 55%,#f0f8ff 55%,#fff 100%);color:#003366;font-size:8px;padding:1px 4px;border-radius:4px;font-weight:700;transform:translateY(-3px);border:1px solid #0077be}.chatbox-32-text{color:#004466;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.4);background:rgba(255,255,255,0.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:2px 6px;border-radius:6px;display:inline-block;border:1px solid rgba(255,255,255,0.3)}@keyframes shine{0%{left:-100%}100%{left:200%}}
/*-------ADMIN---------*/
.chatbox-33{background:rgba(180,20,0,.12) url("https://saakran.net/css/log/33.webp")center/cover;border-left:4px solid #CF0F0F;position:relative;contain:content}.chatbox-33 .username,.chatbox-33 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);will-change:transform}.chatbox-33 .username{font-size:0;padding:0;position:relative}.chatbox-33 .username::after{content:" ŚΛЌRΛN ĈΉΛT ";display:inline-block;background:linear-gradient(90deg,#f00 50%,#06f 50%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-33-text{color:#fff;font-weight:700;background:rgba(90,0,0,.5);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.5)}
/*--------ADMIN--------*/
.chatbox-34{background:rgba(40,40,40,.08) url("https://saakran.net/css/log/30.webp")center/cover;border-left:4px solid #CF0F0F;position:relative;contain:content}.chatbox-34 .username,.chatbox-34 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);will-change:transform}.chatbox-34 .username{font-size:0;padding:0;position:relative}.chatbox-34 .username::after{content:" ADMEN - SAKR";display:inline-block;background:linear-gradient(90deg,#f00 50%,#06f 50%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-34-text{color:#fff;font-weight:700;background:rgba(50,50,50,.5);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.4)}
/*--------ADMIN--------*/
.chatbox-35{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url("https://saakran.net/css/log/zfes37.webp")center/cover;border-left:4px solid #d4af37;position:relative;overflow:hidden}.chatbox-35::after{content:"";position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:s 6s infinite linear}.chatbox-35 .username,.chatbox-35 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px #000}.chatbox-35 .username{position:relative;font-size:0;padding:0}.chatbox-35 .username::after{content:"SAKRAN CHATAT";display:inline-block;background:linear-gradient(90deg,#d4af37 52%,#000 52%);color:#fff;font-size:8px;padding:1px 5px;border-radius:4px;font-weight:700;transform:translateY(-3px);border:1px solid #d4af37}.chatbox-35-text{color:#fff;font-weight:700;background:rgba(0,0,0,.55);padding:2px 6px;border-radius:6px;display:inline-block;border:1px solid rgba(212,175,55,.1)}@keyframes s{0%{left:-100%}10%{left:150%}100%{left:150%}}
/*-------OWNER AIHAM---------*/
.chatbox-36{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.3)),url("https://saakran.net/css/log/lepd36.webp")center/cover;border-left:4px solid #ffcc00;position:relative;overflow:hidden}.chatbox-36::after{content:"";position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:s 6s infinite linear}.my_text.chatbox-36::before{content:"";position:absolute;right:-8px;top:12px;border:8px solid transparent}.chatbox-36 .username,.chatbox-36 .cdate{color:#fff;font-weight:700;text-shadow:1px 1px 2px #000}.chatbox-36 .username{position:relative;font-size:0;padding:0}.chatbox-36 .username::after{content:"Haitham Al-Sharabi";display:inline-block;background:linear-gradient(90deg,#ffcc00 0%,#ffcc00 52%,#000 52%,#000 100%);color:#fff;font-size:8px;padding:1px 5px;border-radius:4px;font-weight:700;transform:translateY(-3px);border:1px solid #ffcc00}.chatbox-36-text{color:#fff;font-weight:700;background:rgba(0,0,0,.5);padding:2px 6px;border-radius:6px;display:inline-block;border:1px solid rgba(255,204,0,.2)}@keyframes s{0%{left:-100%}15%{left:150%}100%{left:150%}}
/*-------SYSTEM---------*/


.chatbox-27{
background:linear-gradient(to right,#a9d4ff,#cfe8ff);
border-left:4px solid #4da3ff;
box-shadow:none
}

.my_text.chatbox-27::before{
border-left-color:#cfe8ff
}

.chatbox-27 .username,
.chatbox-27 .cdate{
color:#000
}

.chatbox-20{
  background:linear-gradient(135deg,#0f0f0f,#1a1a1a);
  border-left:4px solid #00d4ff;
  position:relative;
  overflow:hidden;
}

/* إخفاء قبل النص */
.my_text.chatbox-20::before{
  content:none!important;
}

/* اسم المستخدم مخفي */
.chatbox-20 .username{
  font-size:0;
  display:inline-block;
  margin-left:-5px;
}

/* إخفاء اسم المستخدم */
.chatbox-20 .username{
  font-size:0;
  display:inline-block;
  margin-left:-5px;
}

/* اسم النظام */
.chatbox-20 .username::after{
  content:"SYSTEM-SAKRAN";
  display:inline-block;
  background:#00d4ff;
  color:#8b0000; /* أحمر غامض */
  font-size:8px;
  padding:1px 5px;
  border-radius:4px 0 0 4px;
  font-weight:800;
  transform:translateY(-5px);
  border:1px solid #00d4ff;
  border-right:1px solid rgba(0,0,0,0.3);
  vertical-align:middle;
}

/* أيقونة النظام */
.chatbox-20 .username::before{
  content:"\f544";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  display:inline-block;
  background:#00d4ff;
  color:#000;
  padding:1px 4px;
  border-radius:0 4px 4px 0;
  margin-left:2px;
  transform:translateY(-5px);
}

/* نص صندوق الرسالة (الحل القوي) */
.chatbox-20-text,
.chatbox-20-text *{
  color:#00eaff !important; /* سماوي */
}

/* نص صندوق الرسالة */
.chatbox-20-text{
  color:#00eaff !important; /* سماوي */
}

/* أيقونة النظام */
.chatbox-20 .username::before{
  content:"\f544";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  display:inline-block;
  background:#000;
  color:#00d4ff;
  font-size:9px;
  padding:1px 5px;
  border-radius:0 4px 4px 0;
  transform:translateY(-5px);
  border:1px solid #00d4ff;
  vertical-align:middle;
}


/* صندوق رئيسي بلون أحمر هادئ كامل */
.chatbox-33 {
    background: #f5bebe; /* لون أحمر هادئ كامل للصندوق */
    border-left: 4px solid #e57373; /* حد جانبي بنفس الأحمر الهادئ */
    position: relative;
    box-shadow: none;
}

.user_item {
 padding: 0px 2px !important; /* تقليل الحشو العلوي والسفلي */
 min-height: 18px !important;  /* اجعل الارتفاع أصغر حسب حاجتك */
}

/* استهداف نص البوتات النظامية فقط */
.bot-system-message, 
.bot-system-message * {
    color: white !important;
}

.chatbox-18{
  background:rgba(0,90,180,.12) url("https://saakran.net/css/log/33.webp") center/cover;
  border-left:4px solid #0F6BCF;
  position:relative;
  contain:content
}

.chatbox-18{
  background:rgba(0,40,90,.18) url("https://saakran.net/css/log/33.webp") center/cover;
  border-left:4px solid #083A8C;
  position:relative;
  contain:content
}

.chatbox-18{
  background:rgba(0,60,130,.25) url("https://saakran.net/css/log/33.webp") center/cover;
  border-left:4px solid #083A8C;
  position:relative;
  contain:content
}

.chatbox-18 .username,
.chatbox-18 .cdate{
  color:#fff;
  font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
  will-change:transform
}

.chatbox-18 .username{
  font-size:0;
  padding:0;
  position:relative
}

.chatbox-18 .username::after{
  content:" MASTAR - SAKRAN  ";
  display:inline-block;
  background:linear-gradient(90deg,#003399 50%,#0066cc 50%);
  color:#fff;
  font-size:8px;
  padding:1px 4px;
  border-radius:4px;
  transform:translateY(-3px)
}

.chatbox-18-text{
  color:#fff;
  font-weight:700;
  background:rgba(0,20,60,.6);
  padding:2px 6px;
  border-radius:6px;
  display:inline-block;
  text-shadow:0 1px 2px rgba(0,0,0,.6)
}

/*--------ADMIN--------*/

.chatbox-19 {
  background: rgba(255,105,180,0.25) url("https://saakran.net/css/log/33.webp") center/cover;
  border-left: 4px solid #000000;
  position: relative;
  contain: content;
}
.chatbox-19 .username,
.chatbox-19 .cdate {
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
  will-change: transform;
}


.chatbox-18, 
.chatbox-18 *{
color:yellow !important;
}

.chatbox-18{background:rgba(255,182,193,0.5) url("https://i.ibb.co/Zz9yz2b7/Screenshot-com-instagram-android-Instagram-Main-Activity-edit-89203738479825.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-18::after{content:"";position:absolute;top:0;right:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.5),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}.chatbox-18 .username,.chatbox-18 .cdate{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);color:yellow}.chatbox-18 .username{font-size:inherit;position:relative}.chatbox-18 .username::after{content:none}.chatbox-18-text{color:yellow;font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.connected-users .chatbox-18 .username::after{animation:none}@keyframes shine{0%{right:-100%}60%{right:100%}100%{right:100%}}


.chatbox-11{background:url("https://i.ibb.co/p6Z08KVk/msg-Id1774874024116.jpg") center/cover;border-left:4px solid #000080;position:relative;contain:content}.chatbox-11 .username,.chatbox-11 .cdate{color:#fff;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.8);will-change:transform}.chatbox-11 .username{font-size:0;padding:0;position:relative}.chatbox-11 .username::after{content:" A D M I N - 𝐆 𝐇 𝐀 𝐙 𝐀 𝐋 ";display:inline-block;background:linear-gradient(90deg,#ffb6c1 50%,#c71585 50%);color:#fff;font-size:9px;padding:2px 6px;border-radius:6px;text-shadow:0 2px 3px rgba(0,0,0,.8);transform:translateY(-3px)}.chatbox-11-text{color:#ffff00;font-weight:700;background:rgba(255,255,255,0.4);padding:2px 6px;border-radius:6px;display:inline-block;border:1px solid #800080;text-shadow:0 1px 2px rgba(0,0,0,.3)}

.chatbox-6{background:linear-gradient(to right,rgba(230,210,230,0.9) 50%,rgba(216,191,216,0.9) 50%),url("https://saakran.net/css/log/33.webp") center/cover;border-left:4px solid #000080;position:relative;contain:content}.chatbox-6 .username,.chatbox-6 .cdate{color:#fff;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.8);will-change:transform}.chatbox-6 .username{font-size:0;padding:0;position:relative}.chatbox-6 .username::after{content:" A D M E N - 𝐆 𝐇 𝐀 𝐙 𝐀 𝐋 ";display:inline-block;background:linear-gradient(90deg,#ffb6c1 50%,#c71585 50%);color:#fff;font-size:9px;padding:2px 6px;border-radius:6px;text-shadow:0 2px 3px rgba(0,0,0,.8);transform:translateY(-3px)}.chatbox-6-text{color:#000;font-weight:700;background:rgba(255,255,255,0.4);padding:2px 6px;border-radius:6px;display:inline-block;border:1px solid #800080;text-shadow:0 1px 2px rgba(0,0,0,.3)}

 لون مستفز.chatbox-21{background:rgba(211,211,211,0.9) url("https://saakran.net/css/log/33.webp") center/cover;border-left:4px solid rgba(90,90,90,0.7);position:relative;contain:content}.chatbox-21 .username,.chatbox-21 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);will-change:transform}.chatbox-21 .username{font-size:0;padding:0;position:relative}.chatbox-21 .username::after{content:" ADMEN - MSTAFAZ ";display:inline-block;background:linear-gradient(90deg,#8B0000 50%,#000080 50%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-21-text{color:#000;font-weight:700;background:rgba(255,255,255,0.4);padding:2px 6px;border-radius:6px;display:inline-block;border:1px solid #800080;text-shadow:0 1px 2px rgba(0,0,0,.3)}

.chatbox-20{background:linear-gradient(270deg,#ffd6e7,#ffeaf3);background-size:400% 400%;animation:gradMove 20s ease-in-out infinite;border:3px solid #6a0dad;position:relative;contain:content}.chatbox-20 .username,.chatbox-20 .cdate{color:#000;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,0.6);will-change:transform}.chatbox-20 .username{font-size:0;padding:0;position:relative;cursor:pointer}.chatbox-20 .username::after{content:" M A S T A R -️ S A K R A N ";display:inline-block;background:linear-gradient(90deg,#0b1f3a,#8b0000);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-20 .username:hover::before{content:"@";color:#ff4500;font-weight:700;margin-right:2px}.chatbox-20-text{color:#000;font-weight:700;background:rgba(255,255,255,0.4);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,0.3)}@keyframes gradMove{0%{background-position:0% 50%}50%{background-position:60% 50%}100%{background-position:0% 50%}}

لون هم.chatbox-1{background:rgba(255,255,255,0.9) url("https://saakran.net/css/log/33.webp") center/cover;border-left:4px solid #C71585;position:relative;contain:content}.chatbox-1 .username,.chatbox-1 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);will-change:transform}.chatbox-1 .username{font-size:0;padding:0;position:relative}.chatbox-1 .username::after{content:" ADMEN -  ";display:inline-block;background:linear-gradient(90deg,#ff4d6d 50%,#ff99aa 50%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-1-text{color:#000;font-weight:700;background:rgba(255,192,203,0.4);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.3)}

 لون اناقة روح .chatbox-9{background:rgba(105,105,105,0.4) url("https://saakran.net/css/log/33.webp") center/cover;border-left:4px solid #8B0000;position:relative;contain:content}.chatbox-9 .username,.chatbox-9 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);will-change:transform}.chatbox-9 .username{font-size:0;padding:0;position:relative}.chatbox-9 .username::after{content:" ADMEN - 𝐀𝐍𝐀𝐐𝐀𝐓";display:inline-block;background:linear-gradient(90deg,#3399ff 50%,#66ccff 50%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-9-text{color:#fff;font-weight:700;background:rgba(0,20,60,.6);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.6)}

 لون بدر .chatbox-10{background:rgba(173,216,230,.25) url("https://saakran.net/css/log/33.webp") center/cover;border-left:4px solid #8B0000;position:relative;contain:content}.chatbox-10 .username,.chatbox-10 .cdate{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);will-change:transform}.chatbox-10 .username{font-size:0;padding:0;position:relative}.chatbox-10 .username::after{content:" MASTAR - BADR ";display:inline-block;background:linear-gradient(90deg,#3399ff 50%,#66ccff 50%);color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-10-text{color:#fff;font-weight:700;background:rgba(0,20,60,.6);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.6)}

 لون الماس.chatbox-19 {background:rgba(255,105,180,0.5) url("https://saakran.net/css/log/33.webp") center/cover;border-left:4px solid #000000;position:relative;contain:content}.chatbox-19 .username,.chatbox-19 .cdate {color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);will-change:transform}.chatbox-19 .username {font-size:0;padding:0;position:relative}.chatbox-19 .username::after {content:"ADMAN - ALMAS ";display:inline-block;background:#000000;color:#fff;font-size:8px;padding:1px 4px;border-radius:4px;transform:translateY(-3px)}.chatbox-19-text {color:#fff;font-weight:700;background:rgba(0,0,0,0.4);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.6)}

.chatbox-29{background:rgba(255,182,193,0.5) url("https://i.ibb.co/NgQXtcw0/image.jpg") center/cover no-repeat;background-blend-mode:normal;border-left:4px solid #00e5ff;position:relative;contain:content}.chatbox-29 .username,.chatbox-29 .cdate{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);color:rgba(255,255,255,0.85)}.chatbox-29 .username{font-size:0;padding:0;position:relative}.chatbox-29 .username::after{content:" M A S A T R - AL B U G R A N  ";display:inline-block;background:linear-gradient(90deg,blue 50%,red 50%);color:#fff;font-size:8px;padding:1px 4px;border:1px solid black;border-radius:4px}.chatbox-29-text{color:rgba(255,255,255,0.85);font-weight:700;background:rgba(0,0,0,0.5);padding:2px 6px;border-radius:6px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.1)}.connected-users .chatbox-29 .username::after{animation:none}

.chatbox-1{background:rgba(255,182,193,0.5) url("https://i.ibb.co/hxssBbKP/file-00000000c8bc720ab181b52809d759a3.png") center/cover no-repeat;background-blend-mode:normal;border-left:4px solid black;position:relative;contain:content;overflow:hidden}.chatbox-1::after{content:"";position:absolute;top:0;right:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);transform:skewX(-20deg);animation:shine 2s infinite}.chatbox-1 .username,.chatbox-1 .cdate{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);color:yellow}.chatbox-1 .username{font-size:0;padding:0;position:relative}.chatbox-1 .username::after{content:" M A S T A R  - 𝐒 𝐀 𝐊 𝐑 𝐀 𝐍  ";display:inline-block;background:linear-gradient(90deg,blue 50%,red 50%);color:#fff;font-size:8px;padding:1px 4px;border:1px solid black;border-radius:4px}.chatbox-1-text{font-weight:700;background:rgba(0,0,0,0.25);padding:4px 8px;border-radius:8px;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.5);backdrop-filter:blur(3px)}.chatbox-1 *:not(.username):not(.cdate){color:yellow !important}.connected-users .chatbox-1 .username::after{animation:none}@keyframes shine{0%{right:-100%}50%{right:100%}100%{right:100%}}

 /*-------SYSTEM---------*/
.chatbox-70{background:#f0f2f5;border-left:4px solid #8b5cf6;position:relative;overflow:hidden}.my_text.chatbox-70::before{content:none!important}.chatbox-70 .username{font-size:0;display:inline-block;margin-left:-5px}.chatbox-70 .username::after{content:"SYSTEM-SAKRAN";display:inline-block;background:#8b5cf6;color:#fff;font-size:8px;padding:1px 5px;border-radius:4px;font-weight:800;transform:translateY(-5px);border:1px solid #8b5cf6;vertical-align:middle}.chatbox-70-text{color:#4c1d95;font-weight:600;background:rgba(139,92,246,.1);padding:3px 7px;border-radius:5px;display:inline-block;font-size:11px;border-right:2px solid #8b5cf6}.chatbox-70 .cdate{color:#8b5cf6;font-size:9px;opacity:.8}

.chatbox-1{background:rgba(255,182,193,0.5) url("https://i.ibb.co/0RnTHvTD/c658662d0206cf20b077b6f389521f59-1-edit-115938122407282.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-1::after{display:none}.chatbox-1{color:#00e5ff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-1 .username{color:#ffff00 !important;font-size:inherit;position:relative}.chatbox-1 *:not(.username){color:#00e5ff !important}.chatbox-1 .username::after{content:none}.chatbox-1-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-1 .mention,.chatbox-1 a.mention,.chatbox-1 span.mention,.chatbox-1 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-1 .username::after{animation:none}

.chatbox-3{background:rgba(255,182,193,0.5) url("https://i.ibb.co/ym1sKvHw/fd633a409668803f486010096ff4240e-edit-90970641770088.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-3::after{content:"";position:absolute;top:0;right:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.5),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}.chatbox-3,.chatbox-3 *{color:#7fefff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-3 .username{font-size:inherit;position:relative}.chatbox-3 .username::after{content:none}.chatbox-3-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.connected-users .chatbox-3 .username::after{animation:none}@keyframes shine{0%{right:-100%}60%{right:100%}100%{right:100%}}

.chatbox-4{background:rgba(255,182,193,0.5) url("https://i.ibb.co/HpHQd5mp/msg-Id1776294233865-edit-91283556709240.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-4::after{display:none}.chatbox-4,.chatbox-4 *{color:#ffb347 !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-4 .username{font-size:inherit;position:relative}.chatbox-4 .username::after{content:none}.chatbox-4-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-4 .mention,.chatbox-4 a.mention,.chatbox-4 span.mention,.chatbox-4 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-4 .username::after{animation:none}

.chatbox-7{background:rgba(255,182,193,0.5) url("https://i.ibb.co/MDjt8F6Z/bdd301209e5dfacae340414d8ce4be06.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-7::after{display:none}.chatbox-7,.chatbox-7 *{color:#f5e6c8 !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-7 .username{font-size:inherit;position:relative}.chatbox-7 .username::after{content:none}.chatbox-7-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-7 .mention,.chatbox-7 a.mention,.chatbox-7 span.mention,.chatbox-7 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-7 .username::after{animation:none}

.chatbox-8{background:rgba(255,182,193,0.5) url("https://i.ibb.co/LDnWVRdy/7e8f1b552634a4b4aae17477c3ab74b0.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-8::after{display:none}.chatbox-8,.chatbox-8 *{color:yellow !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-8 .username{font-size:inherit;position:relative}.chatbox-8 .username::after{content:none}.chatbox-8-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-8 .mention,.chatbox-8 a.mention,.chatbox-8 span.mention,.chatbox-8 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-8 .username::after{animation:none}

.chatbox-9{background:rgba(255,182,193,0.5) url("https://i.ibb.co/V0yxd81k/6ed7783ceececd78db667d7b4c55711b-edit-94571983261319.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-9::after{display:none}.chatbox-9,.chatbox-9 *{color:yellow !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-9 .username{font-size:inherit;position:relative}.chatbox-9 .username::after{content:none}.chatbox-9-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-9 .mention,.chatbox-9 a.mention,.chatbox-9 span.mention,.chatbox-9 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-9 .username::after{animation:none}

.chatbox-10{background:rgba(255,182,193,0.5) url("https://i.ibb.co/hJNTKHmy/4d143739057da3ec76cee380d5592b73-edit-94529725432845.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-10::after{display:none}.chatbox-10,.chatbox-10 *{color:yellow !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-10 .username{font-size:inherit;position:relative}.chatbox-10 .username::after{content:none}.chatbox-10-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-10 .mention,.chatbox-10 a.mention,.chatbox-10 span.mention,.chatbox-10 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-10 .username::after{animation:none}

.chatbox-11{background:rgba(255,182,193,0.5) url("https://i.ibb.co/hRJRwBcB/690d3600d72b21836083ffd2fd524f06-edit-94437622152360.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-11::after{display:none}.chatbox-11,.chatbox-11 *{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-11 .username{font-size:inherit;position:relative}.chatbox-11 .username::after{content:none}.chatbox-11-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-11 .mention,.chatbox-11 a.mention,.chatbox-11 span.mention,.chatbox-11 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-11 .username::after{animation:none}

.chatbox-15{background:rgba(255,182,193,0.5) url("https://i.ibb.co/0RnTHvTD/c658662d0206cf20b077b6f389521f59-1-edit-115938122407282.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-15::after{display:none}.chatbox-15{color:#ffffff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-15 .username{color:#00e5ff !important;font-size:inherit;position:relative}.chatbox-15 *:not(.username){color:#ffffff !important}.chatbox-15 .username::after{content:none}.chatbox-15-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-15 .mention,.chatbox-15 a.mention,.chatbox-15 span.mention,.chatbox-15 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-15 .username::after{animation:none}

.chatbox-21{background:rgba(255,182,193,0.5) url("https://i.ibb.co/N2vzmLsr/b741a9142a30d3ea81bfaee08258aa0d-edit-115871821932463.jpg") center/cover no-repeat;border-left:4px solid black;position:relative;overflow:hidden}.chatbox-21::after{display:none}.chatbox-21{color:#ffffff !important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chatbox-21 .username{color:#ffff00 !important;font-size:inherit;position:relative}.chatbox-21 *:not(.username){color:#ffffff !important}.chatbox-21 .username::after{content:none}.chatbox-21-text{font-weight:700;background:rgba(0,0,0,0.5);padding:3px 7px;border-radius:6px;display:inline-block}.chatbox-21 .mention,.chatbox-21 a.mention,.chatbox-21 span.mention,.chatbox-21 span[class*="mention"]{background:#fff3a0 !important;color:#000 !important;padding:2px 6px;border-radius:6px;font-weight:700}.connected-users .chatbox-21 .username::after{animation:none}

.reply > *,.quote > *,[class*="reply"] > *,[class*="quote"] > *{background:rgba(255,140,0,0.2) !important;border-radius:10px !important}

/*تنسيق الخط */
[class*="profile"] div,
[class*="profile"] a {
  font-family: 'Tajawal', sans-serif !important;
  font-weight: 700 !important;
}


.head_option:active i,
.side-menu-container:active i,
.profile-menu-container:active i {
  transform: rotate(7200deg); /* 30 لفه */
  transition: transform 2.8s cubic-bezier(0.15, 0.85, 0.25, 1);
}

/* تكبير خلفية الأزرار */
.head_option,
.side-menu-container,
.profile-menu-container {
  transform: scale(1.1);
}

/* أي هيدر داخل القائمة - بدون قصص الأصدقاء */
#chat_right_data > div:not(.user_item):not(.story_box):not(#stories):not([class*="story"]) {
    display: block !important;
    width: calc(100% + 16px) !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
}

/* توسيط التحميل داخل قائمة المتصلين */
#chat_right_data {
    position: relative !important;
}

#chat_right_data .loading,
#chat_right_data .loader,
#chat_right_data .fa-spinner,
#chat_right_data [class*="loading"],
#chat_right_data [class*="spinner"] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.user_item {
  padding-top: 6px !important;
  padding-botذذtom: 2px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
} 

/* هيدرات الرتب فقط بدون قصص */
#chat_right_data > div[class*="title"]:not([class*="story"]) {
    display: block !important;
    width: calc(100% + 18px) !important; /* 10 يسار + 8 يمين */
    margin-left: -10px !important;
    margin-right: -8px !important;
}


/* تمديد الهيدر فقط بدون تخريب أي شيء */
#chat_right_data div[class*="title"],
#chat_right_data div[class*="head"],
#chat_right_data div[class*="header"] {
    width: calc(100% + 20px) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}