/* ===== الشريط العلوي (زي الصورة) ===== */
#chat_head.chat_head{background:#bfb6a5 !important;}
#chat_head .head_option,#chat_head .head_option i,#chat_head .i_btm{color:#fff !important;}
#chat_head .btn_label{font-size:11px;opacity:1;color:#fff;font-weight:400;}
#chat_head .qw_qbtn{width:36px;height:30px;font-size:23px;}
#chat_head .qw_qbtn i{color:#ffd600 !important;}

/* ===== قوائم الاثرياء / الكبار (أول 10) — زي التصميم المرجعي ===== */
.tt_wrap{background:#000;padding:10px 8px 14px;margin:0;min-height:200px;direction:rtl;box-sizing:border-box;}
.tt_empty{color:#bbb;text-align:center;padding:40px 10px;}
.tt_row{display:flex;flex-direction:row;align-items:center;gap:8px;height:67px;box-sizing:border-box;padding:0 8px;margin:0 0 5px 0;border-radius:8px;color:#fff;position:relative;}
/* الترتيب: الميدالية/الرقم ← الصورة بالإطار ← الاسم (من اليمين لليسار) */
.tt_badge{flex:0 0 36px;width:36px;display:flex;align-items:center;justify-content:center;}
.tt_medal{width:26px;height:30px;display:block;}
.tt_num{font-size:18px;font-weight:bold;color:#7a7a7a;line-height:1;}
.tt_row.tt_card .tt_num{color:#555;}

/* الصورة: عادية / جراديانت / إطار متحرك (الإطار بيظهر لو العضو عنده بس) */
.tt_av{flex:0 0 52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;}
.tt_av img.tt_plain{width:44px;height:44px;border-radius:50%;object-fit:cover;box-sizing:border-box;}
.tt_av .tt_grad{width:48px !important;height:48px !important;padding:3px;border-radius:50%;box-sizing:border-box;overflow:hidden;}
.tt_av .tt_grad > img{width:100% !important;height:100% !important;border-radius:50%;object-fit:cover;display:block;}
.tt_av .user_item_frame_avatar_new{position:relative !important;display:block;width:52px !important;height:52px !important;}
.tt_av .user_item_frame_avatar_new > img.ul_fr_av{width:36px !important;height:36px !important;}
.tt_av .user_item_frame_avatar_new > img.ul_fr_bg{width:50px !important;height:50px !important;}

/* الاسم: من غير قص عشان اللمعة والتوهج المتحركين يظهروا كاملين */
.tt_name{flex:1 1 auto;min-width:0;cursor:pointer;text-align:right;display:flex;align-items:center;justify-content:flex-start;}
.tt_name p{margin:0;display:inline-block;font-size:18px;line-height:1.4;max-width:100%;word-break:break-word;}
.tt_name p > span.username{display:inline-block;}
.tt_row.tt_nocolor .tt_name p.username{color:#fff;}
.tt_row.tt_card.tt_nocolor .tt_name p.username{color:#111;}

/* ===== نافذة منبثقة لقوائم التصنيف ===== */
.tt_popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147482000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;}
.tt_pbox{width:100%;max-width:440px;max-height:100%;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 10px 40px rgba(0,0,0,.5);}
.tt_phead{flex:0 0 auto;height:40px;background:#bbb2a3;display:flex;align-items:center;justify-content:space-between;padding:0 14px;direction:ltr;color:#fff;}
.tt_pclose{font-size:22px;cursor:pointer;padding:4px 8px;margin-left:-8px;}
.tt_ptitle{font-size:15px;font-weight:bold;direction:rtl;}
.tt_pbody{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#000;}

/* ===== قايمة الغرف (زي الصورة) ===== */
.rl_wrap{background:#fff;min-height:100%;}
.rl_top{padding:10px 12px;}
.rl_top.rl_spacer{height:22px;padding:0;}
.rl_row{display:flex;flex-direction:row;align-items:center;gap:8px;direction:rtl;height:57px;box-sizing:border-box;padding:0 10px 0 12px;border-bottom:1px solid #cfcfcf;background:#fff;cursor:pointer;}
.rl_row.rl_current{background:#efefef;}
.rl_icon{flex:0 0 43px;width:43px;height:43px;border-radius:5px;object-fit:cover;display:block;}
.rl_name{flex:1 1 auto;min-width:0;font-size:17px;color:#222;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rl_meta{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:6px;direction:ltr;}
.rl_pin{width:21px;height:21px;border-radius:50%;background:#5cb82d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;transform:rotate(45deg);}
.rl_lock{color:#888;font-size:14px;}
.rl_users{color:#333;font-size:22px;}
.rl_count{color:#bcb4a5;font-size:22px;font-weight:500;min-width:30px;}