@keyframes zc_glow{
	from{box-shadow:0 0 8px var(--zglow), 0 0 14px var(--zglow);}
	to{box-shadow:0 0 20px var(--zglow), 0 0 32px var(--zglow);}
}
@keyframes zc_pop{
	from{opacity:0;transform:scale(.94) translateY(6px);}
	to{opacity:1;transform:scale(1) translateY(0);}
}
@media (max-width:768px){
	.zc_live_card{max-width:94%;padding:12px 10px 10px;}
	.zc_live_card .zc_title{font-size:14px !important;}
	.zc_live_card .zc_msg{font-size:12px !important;}
}

@keyframes micPulse {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.3);
        opacity: 0;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes mic_banner_pulse{
	0%,100%{ box-shadow:0 0 0 0 rgba(59,130,246,0.35); }
	50%{ box-shadow:0 0 0 6px rgba(59,130,246,0); }
}

@keyframes diceSpin{
	0%   { transform: rotate(0deg) scale(1); }
	25%  { transform: rotate(90deg) scale(1.08); }
	50%  { transform: rotate(180deg) scale(0.95); }
	75%  { transform: rotate(270deg) scale(1.08); }
	100% { transform: rotate(360deg) scale(1); }
}

@keyframes diceSettle{
	0%   { transform: scale(1.3) rotate(15deg); }
	60%  { transform: scale(0.92) rotate(-6deg); }
	100% { transform: scale(1) rotate(0deg); }
}

@media (max-width: 500px){
	.story_nav_arrow{ display: none; } /* على الموبايل الضغط على الجانبين (tap zones) بيكفي */
}

@keyframes reactPop{
	0%{ transform: translateY(10px) scale(.5); opacity: 0; }
	100%{ transform: translateY(0) scale(1); opacity: 1; }
}

@media (max-width:500px){
	.rp_info{ min-width:70px; max-width:110px; }
	.rp_title{ font-size:10px; }
	.rp_queue_panel{ width:220px; }
}
@keyframes micOptPopIn{
	from{ opacity:0; transform: scale(.9) translateY(8px); }
	to{ opacity:1; transform: scale(1) translateY(0); }
}
@keyframes pinnedShineSweep{
	0%   { transform: translateX(-130%); }
	12%  { transform: translateX(130%); }
	100% { transform: translateX(130%); }
}
@keyframes pinFloat{
	0%, 100%{
		transform: rotate(-12deg) translateY(0);
		filter: drop-shadow(0 0 2px rgba(212,175,55,.5));
	}
	50%{
		transform: rotate(6deg) translateY(-1px);
		filter: drop-shadow(0 0 7px rgba(212,175,55,.95));
	}
}
@keyframes promoBadgeShift{
	0%, 100%{ background-position: 0% 50%; }
	50%{ background-position: 100% 50%; }
}
@keyframes promoBoltPulse{
	0%, 100%{ transform: scale(1) rotate(0deg); opacity: .9; }
	50%{ transform: scale(1.3) rotate(-10deg); opacity: 1; }
}

/* === Force custom icon inline with verified badge in profile === */
.luxury_profile_final .pro_rank,
.luxury_profile_final div.pro_rank.pdetails_text {
}
@media (max-width: 768px) {
    .luxury_profile_final .pro_name, .luxury_profile_final .name_glitter_text { line-height: 1.5 !important; padding: 5px 0 !important; margin: 0 !important; }
}
@media (max-width: 480px) {
    .luxury_profile_final .pro_name, .luxury_profile_final .name_glitter_text { line-height: 1.55 !important; padding: 6px 0 !important; }
}
/* FIX 20.99: اسم الـ glitter (مثل ＲＥＮＡＲＤ) كان بيتقص من فوق في العام وقائمة المستخدمين على الموبايل
   الحروف الـ Fullwidth أطول من line-height الافتراضي (12px) فبنوسّع الخط والسطر على الموبايل
   في كل المواضع مش بس البروفايل (قائمة المستخدمين + رسائل العام) */
@media (max-width: 768px) {
    .name_glitter_wrap,
    .name_glitter_text {
        line-height: 1.5 !important;
        padding: 3px 0 !important;
        vertical-align: baseline !important;
    }
    .chat_message_name .name_glitter_wrap,
    .chat_message_name .name_glitter_text { font-size: 15px !important; }
    .user_item .name_glitter_wrap,
    .user_item .name_glitter_text { font-size: 16px !important; }
}
@media (max-width: 480px) {
    .chat_message_name .name_glitter_wrap,
    .chat_message_name .name_glitter_text { font-size: 14px !important; }
    .user_item .name_glitter_wrap,
    .user_item .name_glitter_text { font-size: 15px !important; }
}
/* Mobile name size fix - prevent clipping on top profile row */
@media (max-width: 768px) {
    .luxury_profile_final .pdetails .pdetails_text.pro_name {
        font-size: 17px !important;
        max-height: 26px !important;
    }
}
@media (max-width: 480px) {
    .luxury_profile_final .pdetails .pdetails_text.pro_name {
        font-size: 15px !important;
        max-height: 23px !important;
    }
}
/* responsive */
@media(max-width:640px){ .achbadge_img{ width:12px; height:12px; } .achbadge_count{ font-size:9px; } .chat_achbadges{ margin:0 0 0 4px; } }
@media(max-width:640px){ .user_item .list_user_rank{ font-size:9px; } }
@media(max-width:1024px){ .user_item .user_item_icon.icrank{ font-size:11px; } .rank_stage_num{ font-size:9px; } }
@media(max-width:640px){ .user_item .user_item_icon.icrank{ font-size:10px; } .rank_stage_num{ font-size:8px; } }
@media(max-width:640px){ .proitem .achbadge_img{ width:16px; height:16px; } .proitem .achbadge_wrap{ padding:2px 6px 2px 3px; } }

/* توهج نابض يلفت النظر */
@keyframes micMutedGlow {
	0%, 100% {
		box-shadow: 0 0 0 2px #1a1a2e, 0 3px 10px rgba(211, 47, 47, 0.55);
		transform: scale(1);
	}
	50% {
		box-shadow: 0 0 0 2px #1a1a2e, 0 3px 16px rgba(255, 59, 59, 0.85);
		transform: scale(1.08);
	}
}

/* للجوال: نفس الحجم والثبات */
@media (max-width: 768px) {
	.mic_seat_muted {
		top: -4px;
		right: -4px;
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
	}
	.mic_seat_muted i {
		font-size: 9px !important;
	}
}
@keyframes profileListCardEffectDrift{
	0%{transform:translate3d(-2%,0,0) scale(1.02);}
	100%{transform:translate3d(2%,0,0) scale(1.06);}
}
@keyframes profileListCardEffectFlow{
	0%{background-position:0% 50%;transform:scale(1.02) translate3d(-1.5%,0,0);}
	50%{background-position:54% 42%;transform:scale(1.045) translate3d(0,1%,0);}
	100%{background-position:100% 58%;transform:scale(1.07) translate3d(1.5%,-1%,0);}
}
@keyframes profileListCardEffectSheen{
	0%{background-position:-120% 0,0 0;opacity:.10;}
	45%{background-position:20% 0,0 0;opacity:.24;}
	70%{background-position:120% 0,0 0;opacity:.16;}
	100%{background-position:120% 0,0 0;opacity:.10;}
}
@keyframes profileListEffectDrift{
	0%{transform:rotate(-8deg) translate3d(-8%,2%,0) scale(.98);}
	100%{transform:rotate(-3deg) translate3d(8%,-2%,0) scale(1.04);}
}
@media (prefers-reduced-motion:reduce){
	.profile_list_name_fx::before{animation:none;}
}
@keyframes profileListNameHaloPulse{
	0%,100%{filter:drop-shadow(0 0 4px var(--profile-list-glow)) drop-shadow(0 0 9px var(--profile-list-glow)) drop-shadow(0 0 14px var(--profile-list-glow));}
	50%{filter:drop-shadow(0 0 7px var(--profile-list-glow)) drop-shadow(0 0 15px var(--profile-list-glow)) drop-shadow(0 0 24px var(--profile-list-glow));}
}
@media (prefers-reduced-motion:reduce){
	.profile_list_card_effect .profile_list_name_fx{animation:none !important;}
}
@media (max-width: 600px) {
    #chat_logs_container .chat_message_wrapper,
    #chat_logs_container .chat_log .chat_message_wrapper {
        gap: 3px !important;
        min-height: 27px !important;
        padding: 2px 0 !important;
    }
    #chat_logs_container .chat_identity_cell {
        height: 27px !important;
        max-width: 165px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_rank_cell,
    #chat_logs_container .chat_identity_cell .chat_name_cell,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell {
        height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_name_cell .username {
        max-width: 100px !important;
        line-height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_name_cell::after {
        line-height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_avatar_cell,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell .cavatar,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell .avatar_wrapper {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #chat_logs_container .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}
@media (max-width: 600px) {
    #chat_logs_container li.public__message .chat_identity_cell { max-width: 170px !important; }
    #chat_logs_container li.public__message .chat_identity_cell .chat_name_cell .username { max-width: 115px !important; }
}
@media (max-width: 600px) {
    li.public__message .chat_identity_cell { max-width: 170px !important; }
    li.public__message .chat_identity_cell .chat_name_cell .username { max-width: 115px !important; }
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
        min-height: 27px !important;
        gap: 3px !important;
        padding: 2px 0 !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell {
        max-width: 165px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell .username {
        max-width: 100px !important;
        line-height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell::after {
        line-height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell .cavatar,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell .avatar_wrapper {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #chat_logs_container li.public__message .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width:800px) {
    body li.public__message .chat_message_wrapper { min-height:27px !important; gap:3px !important; padding:2px 0 !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_rank_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell { height:27px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell { max-width:165px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell .username { max-width:100px !important; line-height:27px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell .avatar_wrapper,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell .cavatar { width:26px !important; height:26px !important; flex-basis:26px !important; }
    body li.public__message .chat_message_wrapper > .chat_content_cell { font-size:13px !important; line-height:1.4 !important; }
}
@media (max-width: 800px) {
    li.public__message .chat_message_container {
    position: relative !important;
}
.public_message_flow {
        min-height: 27px !important;
        gap: 3px !important;
        padding: 2px 0 !important;
    }
    .public_message_flow > .chat_identity_cell,
    .public_message_flow > .chat_identity_cell > .chat_rank_cell,
    .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
    }
    .public_message_flow > .chat_identity_cell {
        max-width: 160px !important;
    }
    .public_message_flow > .chat_identity_cell > .chat_name_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
        max-width: 105px !important;
        line-height: 27px !important;
    }
    .public_message_flow > .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}
@media (max-width: 800px) {
    .public_message_flow > .chat_identity_cell,
    .public_message_flow > .chat_identity_cell > .chat_rank_cell,
    .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
        line-height: 27px !important;
    }
    .public_message_flow > .chat_identity_cell > .chat_name_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
        line-height: 27px !important;
    }
    .public_message_flow > .chat_content_cell {
        padding-top: 4px !important;
        line-height: 1.35 !important;
    }
    .public_message_flow > .chat_content_cell > div:first-child,
    .public_message_flow > .chat_content_cell > div:first-child .mbubble {
        line-height: 1.35 !important;
    }
    .public_message_flow ~ .chat_menu_cell {
        top: 0 !important;
        height: 22px !important;
    }
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container {
        min-height: 27px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
        gap: 3px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_menu_cell {
        top: 0 !important;
        left: 0 !important;
        height: 22px !important;
    }
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
        align-items: flex-start !important;
        gap: 3px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu,
    body li.public__message .chat_message_wrapper.public_message_flow > .public_message_menu {
        top: 0 !important;
        left: 0 !important;
        height: 22px !important;
    }
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
        padding-top: 4px !important;
        line-height: 1.35 !important;
    }
}
/* v24.89 — premium room-panel fill and header menus above the room list */

@media (max-width: 600px) {
    /* Let the room panel occupy the complete available vertical area. */
    #chat_right_data .chat_rlist,
    body #chat_right_data .chat_rlist {
        position: relative !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
        min-height: 100% !important;
        height: 100% !important;
        overflow-y: auto !important;
        padding: 10px 10px 14px !important;
        background:
            radial-gradient(circle at 18% 88%, rgba(22, 135, 232, .12), transparent 32%),
            radial-gradient(circle at 84% 66%, rgba(107, 85, 232, .10), transparent 30%),
            linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,243,251,.98)) !important;
    }

    #chat_right_data #container_room,
    body #chat_right_data #container_room {
        position: relative !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
        min-height: 100% !important;
        padding-bottom: 16px !important;
    }

    /* A subtle premium lower panel fills unused space without adding a fake room. */
    #chat_right_data #container_room::after,
    body #chat_right_data #container_room::after {
        content: "";
        display: block;
        min-height: 76px;
        margin: 4px 1px 0;
        border: 1px solid rgba(22, 135, 232, .10);
        border-radius: 20px;
        background:
            radial-gradient(circle at 18% 30%, rgba(22, 135, 232, .16), transparent 25%),
            radial-gradient(circle at 84% 70%, rgba(107, 85, 232, .14), transparent 28%),
            linear-gradient(135deg, rgba(255,255,255,.52), rgba(220,233,247,.66));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 22px rgba(31,61,96,.06);
        pointer-events: none;
    }

    /* Keep the panel below all header-triggered menus and modal surfaces. */
    #chat_right_data,
    body #chat_right_data {
        position: relative !important;
        z-index: 10 !important;
    }

    #room_options_menu,
    #setting_menu,
    #friends_menu,
    #private_menu,
    #notification_menu,
    #status_menu,
    #report_menu,
    #bank_menu,
    #chat_main_menu,
    #page_main_menu,
    #leaderboard_menu,
    #game_menu,
    #tool_menu,
    #app_menu,
    #help_menu,
    #private_opt,
    #chat_left_menu,
    body > .sysmenu,
    body > .float_menu {
        z-index: 10050 !important;
    }

    #top_modal,
    body #top_modal,
    #top_modal_in,
    body #top_modal_in {
        z-index: 11000 !important;
    }

    #private_top,
    #search_option,
    #friends_option,
    #users_option,
    #setting_option,
    #notification_option,
    #status_option,
    #report_option,
    #bank_option {
        position: relative !important;
        z-index: 10050 !important;
    }
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    top: 38px !important;
    width: 100vw !important;
    max-height: calc(100vh - 48px) !important;
  }
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    top: 38px !important;
    width: 100vw !important;
    min-height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }
}

@media (max-width: 600px) {
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    top: 38px !important;
    width: 100vw !important;
    max-height: calc(100vh - 48px) !important;
  }
}

@media (min-width: 601px) {
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    right: 0 !important;
  }
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu,
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    top: 38px !important;
    width: 100vw !important;
    min-height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }
}

@keyframes pulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
}

@keyframes micBounce {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

@keyframes slideArrow {
	0%, 100% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(4px);
	}
}

@keyframes micSpeakingPulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.08);
	}
}

/* -------- تأثيرات عامة -------- */
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

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

@keyframes slideUp {
	from {
		transform: translateY(40px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

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

@keyframes moveBackground {
	0% { transform: translate(0, 0); }
	100% { transform: translate(50px, 50px); }
}

@keyframes micStatusPop {
	0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
	100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* -------- استجابة الجوال -------- */
@media (max-width: 480px) {
	.mic_prompt_box {
		padding: 24px 16px;
		max-width: 100%;
	}
	
	.mic_prompt_header h2 {
		font-size: 18px;
	}
	
	.mic_activation_box {
		bottom: 10px;
		right: 10px;
		left: 10px;
		max-width: none;
	}
	
	#mic_notification {
		bottom: 10px;
		left: 10px;
		right: 10px;
		max-width: none;
	}
}
@keyframes zc_glow{
	from{box-shadow:0 0 8px var(--zglow), 0 0 14px var(--zglow);}
	to{box-shadow:0 0 20px var(--zglow), 0 0 32px var(--zglow);}
}
@keyframes zc_pop{
	from{opacity:0;transform:scale(.94) translateY(6px);}
	to{opacity:1;transform:scale(1) translateY(0);}
}
@media (max-width:768px){
	.zc_live_card{max-width:94%;padding:12px 10px 10px;}
	.zc_live_card .zc_title{font-size:14px !important;}
	.zc_live_card .zc_msg{font-size:12px !important;}
}

@keyframes micPulse {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.3);
        opacity: 0;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes mic_banner_pulse{
	0%,100%{ box-shadow:0 0 0 0 rgba(59,130,246,0.35); }
	50%{ box-shadow:0 0 0 6px rgba(59,130,246,0); }
}

@keyframes diceSpin{
	0%   { transform: rotate(0deg) scale(1); }
	25%  { transform: rotate(90deg) scale(1.08); }
	50%  { transform: rotate(180deg) scale(0.95); }
	75%  { transform: rotate(270deg) scale(1.08); }
	100% { transform: rotate(360deg) scale(1); }
}

@keyframes diceSettle{
	0%   { transform: scale(1.3) rotate(15deg); }
	60%  { transform: scale(0.92) rotate(-6deg); }
	100% { transform: scale(1) rotate(0deg); }
}

@media (max-width: 500px){
	.story_nav_arrow{ display: none; } /* على الموبايل الضغط على الجانبين (tap zones) بيكفي */
}

@keyframes reactPop{
	0%{ transform: translateY(10px) scale(.5); opacity: 0; }
	100%{ transform: translateY(0) scale(1); opacity: 1; }
}

@media (max-width:500px){
	.rp_info{ min-width:70px; max-width:110px; }
	.rp_title{ font-size:10px; }
	.rp_queue_panel{ width:220px; }
}
@keyframes micOptPopIn{
	from{ opacity:0; transform: scale(.9) translateY(8px); }
	to{ opacity:1; transform: scale(1) translateY(0); }
}
@keyframes pinnedShineSweep{
	0%   { transform: translateX(-130%); }
	12%  { transform: translateX(130%); }
	100% { transform: translateX(130%); }
}
@keyframes pinFloat{
	0%, 100%{
		transform: rotate(-12deg) translateY(0);
		filter: drop-shadow(0 0 2px rgba(212,175,55,.5));
	}
	50%{
		transform: rotate(6deg) translateY(-1px);
		filter: drop-shadow(0 0 7px rgba(212,175,55,.95));
	}
}
@keyframes promoBadgeShift{
	0%, 100%{ background-position: 0% 50%; }
	50%{ background-position: 100% 50%; }
}
@keyframes promoBoltPulse{
	0%, 100%{ transform: scale(1) rotate(0deg); opacity: .9; }
	50%{ transform: scale(1.3) rotate(-10deg); opacity: 1; }
}

/* === Force custom icon inline with verified badge in profile === */
.luxury_profile_final .pro_rank,
.luxury_profile_final div.pro_rank.pdetails_text {
}
@media (max-width: 768px) {
    .luxury_profile_final .pro_name, .luxury_profile_final .name_glitter_text { line-height: 1.5 !important; padding: 5px 0 !important; margin: 0 !important; }
}
@media (max-width: 480px) {
    .luxury_profile_final .pro_name, .luxury_profile_final .name_glitter_text { line-height: 1.55 !important; padding: 6px 0 !important; }
}
/* FIX 20.99: اسم الـ glitter (مثل ＲＥＮＡＲＤ) كان بيتقص من فوق في العام وقائمة المستخدمين على الموبايل
   الحروف الـ Fullwidth أطول من line-height الافتراضي (12px) فبنوسّع الخط والسطر على الموبايل
   في كل المواضع مش بس البروفايل (قائمة المستخدمين + رسائل العام) */
@media (max-width: 768px) {
    .name_glitter_wrap,
    .name_glitter_text {
        line-height: 1.5 !important;
        padding: 3px 0 !important;
        vertical-align: baseline !important;
    }
    .chat_message_name .name_glitter_wrap,
    .chat_message_name .name_glitter_text { font-size: 15px !important; }
    .user_item .name_glitter_wrap,
    .user_item .name_glitter_text { font-size: 16px !important; }
}
@media (max-width: 480px) {
    .chat_message_name .name_glitter_wrap,
    .chat_message_name .name_glitter_text { font-size: 14px !important; }
    .user_item .name_glitter_wrap,
    .user_item .name_glitter_text { font-size: 15px !important; }
}
/* Mobile name size fix - prevent clipping on top profile row */
@media (max-width: 768px) {
    .luxury_profile_final .pdetails .pdetails_text.pro_name {
        font-size: 17px !important;
        max-height: 26px !important;
    }
}
@media (max-width: 480px) {
    .luxury_profile_final .pdetails .pdetails_text.pro_name {
        font-size: 15px !important;
        max-height: 23px !important;
    }
}
/* responsive */
@media(max-width:640px){ .achbadge_img{ width:12px; height:12px; } .achbadge_count{ font-size:9px; } .chat_achbadges{ margin:0 0 0 4px; } }
@media(max-width:640px){ .user_item .list_user_rank{ font-size:9px; } }
@media(max-width:1024px){ .user_item .user_item_icon.icrank{ font-size:11px; } .rank_stage_num{ font-size:9px; } }
@media(max-width:640px){ .user_item .user_item_icon.icrank{ font-size:10px; } .rank_stage_num{ font-size:8px; } }
@media(max-width:640px){ .proitem .achbadge_img{ width:16px; height:16px; } .proitem .achbadge_wrap{ padding:2px 6px 2px 3px; } }

/* توهج نابض يلفت النظر */
@keyframes micMutedGlow {
	0%, 100% {
		box-shadow: 0 0 0 2px #1a1a2e, 0 3px 10px rgba(211, 47, 47, 0.55);
		transform: scale(1);
	}
	50% {
		box-shadow: 0 0 0 2px #1a1a2e, 0 3px 16px rgba(255, 59, 59, 0.85);
		transform: scale(1.08);
	}
}

/* للجوال: نفس الحجم والثبات */
@media (max-width: 768px) {
	.mic_seat_muted {
		top: -4px;
		right: -4px;
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
	}
	.mic_seat_muted i {
		font-size: 9px !important;
	}
}
@keyframes profileListCardEffectDrift{
	0%{transform:translate3d(-2%,0,0) scale(1.02);}
	100%{transform:translate3d(2%,0,0) scale(1.06);}
}
@keyframes profileListCardEffectFlow{
	0%{background-position:0% 50%;transform:scale(1.02) translate3d(-1.5%,0,0);}
	50%{background-position:54% 42%;transform:scale(1.045) translate3d(0,1%,0);}
	100%{background-position:100% 58%;transform:scale(1.07) translate3d(1.5%,-1%,0);}
}
@keyframes profileListCardEffectSheen{
	0%{background-position:-120% 0,0 0;opacity:.10;}
	45%{background-position:20% 0,0 0;opacity:.24;}
	70%{background-position:120% 0,0 0;opacity:.16;}
	100%{background-position:120% 0,0 0;opacity:.10;}
}
@keyframes profileListEffectDrift{
	0%{transform:rotate(-8deg) translate3d(-8%,2%,0) scale(.98);}
	100%{transform:rotate(-3deg) translate3d(8%,-2%,0) scale(1.04);}
}
@media (prefers-reduced-motion:reduce){
	.profile_list_name_fx::before{animation:none;}
}
@keyframes profileListNameHaloPulse{
	0%,100%{filter:drop-shadow(0 0 4px var(--profile-list-glow)) drop-shadow(0 0 9px var(--profile-list-glow)) drop-shadow(0 0 14px var(--profile-list-glow));}
	50%{filter:drop-shadow(0 0 7px var(--profile-list-glow)) drop-shadow(0 0 15px var(--profile-list-glow)) drop-shadow(0 0 24px var(--profile-list-glow));}
}
@media (prefers-reduced-motion:reduce){
	.profile_list_card_effect .profile_list_name_fx{animation:none !important;}
}
@media (max-width: 600px) {
    #chat_logs_container .chat_message_wrapper,
    #chat_logs_container .chat_log .chat_message_wrapper {
        gap: 3px !important;
        min-height: 27px !important;
        padding: 2px 0 !important;
    }
    #chat_logs_container .chat_identity_cell {
        height: 27px !important;
        max-width: 165px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_rank_cell,
    #chat_logs_container .chat_identity_cell .chat_name_cell,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell {
        height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_name_cell .username {
        max-width: 100px !important;
        line-height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_name_cell::after {
        line-height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_avatar_cell,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell .cavatar,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell .avatar_wrapper {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #chat_logs_container .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}
@media (max-width: 600px) {
    #chat_logs_container li.public__message .chat_identity_cell { max-width: 170px !important; }
    #chat_logs_container li.public__message .chat_identity_cell .chat_name_cell .username { max-width: 115px !important; }
}
@media (max-width: 600px) {
    li.public__message .chat_identity_cell { max-width: 170px !important; }
    li.public__message .chat_identity_cell .chat_name_cell .username { max-width: 115px !important; }
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
        min-height: 27px !important;
        gap: 3px !important;
        padding: 2px 0 !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell {
        max-width: 165px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell .username {
        max-width: 100px !important;
        line-height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell::after {
        line-height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell .cavatar,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell .avatar_wrapper {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #chat_logs_container li.public__message .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width:800px) {
    body li.public__message .chat_message_wrapper { min-height:27px !important; gap:3px !important; padding:2px 0 !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_rank_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell { height:27px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell { max-width:165px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell .username { max-width:100px !important; line-height:27px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell .avatar_wrapper,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell .cavatar { width:26px !important; height:26px !important; flex-basis:26px !important; }
    body li.public__message .chat_message_wrapper > .chat_content_cell { font-size:13px !important; line-height:1.4 !important; }
}
@media (max-width: 800px) {
    li.public__message .chat_message_container {
    position: relative !important;
}
.public_message_flow {
        min-height: 27px !important;
        gap: 3px !important;
        padding: 2px 0 !important;
    }
    .public_message_flow > .chat_identity_cell,
    .public_message_flow > .chat_identity_cell > .chat_rank_cell,
    .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
    }
    .public_message_flow > .chat_identity_cell {
        max-width: 160px !important;
    }
    .public_message_flow > .chat_identity_cell > .chat_name_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
        max-width: 105px !important;
        line-height: 27px !important;
    }
    .public_message_flow > .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}
@media (max-width: 800px) {
    .public_message_flow > .chat_identity_cell,
    .public_message_flow > .chat_identity_cell > .chat_rank_cell,
    .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
        line-height: 27px !important;
    }
    .public_message_flow > .chat_identity_cell > .chat_name_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
        line-height: 27px !important;
    }
    .public_message_flow > .chat_content_cell {
        padding-top: 4px !important;
        line-height: 1.35 !important;
    }
    .public_message_flow > .chat_content_cell > div:first-child,
    .public_message_flow > .chat_content_cell > div:first-child .mbubble {
        line-height: 1.35 !important;
    }
    .public_message_flow ~ .chat_menu_cell {
        top: 0 !important;
        height: 22px !important;
    }
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container {
        min-height: 27px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
        gap: 3px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_menu_cell {
        top: 0 !important;
        left: 0 !important;
        height: 22px !important;
    }
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
        align-items: flex-start !important;
        gap: 3px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu,
    body li.public__message .chat_message_wrapper.public_message_flow > .public_message_menu {
        top: 0 !important;
        left: 0 !important;
        height: 22px !important;
    }
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
        padding-top: 4px !important;
        line-height: 1.35 !important;
    }
}
/* v24.89 — premium room-panel fill and header menus above the room list */

@media (max-width: 600px) {
    /* Let the room panel occupy the complete available vertical area. */
    #chat_right_data .chat_rlist,
    body #chat_right_data .chat_rlist {
        position: relative !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
        min-height: 100% !important;
        height: 100% !important;
        overflow-y: auto !important;
        padding: 10px 10px 14px !important;
        background:
            radial-gradient(circle at 18% 88%, rgba(22, 135, 232, .12), transparent 32%),
            radial-gradient(circle at 84% 66%, rgba(107, 85, 232, .10), transparent 30%),
            linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,243,251,.98)) !important;
    }

    #chat_right_data #container_room,
    body #chat_right_data #container_room {
        position: relative !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
        min-height: 100% !important;
        padding-bottom: 16px !important;
    }

    /* A subtle premium lower panel fills unused space without adding a fake room. */
    #chat_right_data #container_room::after,
    body #chat_right_data #container_room::after {
        content: "";
        display: block;
        min-height: 76px;
        margin: 4px 1px 0;
        border: 1px solid rgba(22, 135, 232, .10);
        border-radius: 20px;
        background:
            radial-gradient(circle at 18% 30%, rgba(22, 135, 232, .16), transparent 25%),
            radial-gradient(circle at 84% 70%, rgba(107, 85, 232, .14), transparent 28%),
            linear-gradient(135deg, rgba(255,255,255,.52), rgba(220,233,247,.66));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 22px rgba(31,61,96,.06);
        pointer-events: none;
    }

    /* Keep the panel below all header-triggered menus and modal surfaces. */
    #chat_right_data,
    body #chat_right_data {
        position: relative !important;
        z-index: 10 !important;
    }

    #room_options_menu,
    #setting_menu,
    #friends_menu,
    #private_menu,
    #notification_menu,
    #status_menu,
    #report_menu,
    #bank_menu,
    #chat_main_menu,
    #page_main_menu,
    #leaderboard_menu,
    #game_menu,
    #tool_menu,
    #app_menu,
    #help_menu,
    #private_opt,
    #chat_left_menu,
    body > .sysmenu,
    body > .float_menu {
        z-index: 10050 !important;
    }

    #top_modal,
    body #top_modal,
    #top_modal_in,
    body #top_modal_in {
        z-index: 11000 !important;
    }

    #private_top,
    #search_option,
    #friends_option,
    #users_option,
    #setting_option,
    #notification_option,
    #status_option,
    #report_option,
    #bank_option {
        position: relative !important;
        z-index: 10050 !important;
    }
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    top: 38px !important;
    width: 100vw !important;
    max-height: calc(100vh - 48px) !important;
  }
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    top: 38px !important;
    width: 100vw !important;
    min-height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }
}

@media (max-width: 600px) {
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    top: 38px !important;
    width: 100vw !important;
    max-height: calc(100vh - 48px) !important;
  }
}

@media (min-width: 601px) {
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    right: 0 !important;
  }
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu,
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    top: 38px !important;
    width: 100vw !important;
    min-height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }
}
/* v25.00 — stabilize header-menu width and public-message sizing
   Keep the overlay above Room List, but restore the original desktop menu width.
   Do not alter user-list cards or public-name backgrounds. */
@media (min-width: 601px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
  }
}
/* Never override the inline/background styling owned by the user's name effect. */

/* v25.04 — final narrow overlay and public-message row correction
   This patch intentionally leaves room-list cards, profile effects, and theme surfaces untouched. */

/* Header menus: retain the working overlay layer, but restore the natural desktop menu height. */
@media (min-width: 601px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(457px, calc(100vh - 60px)) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* The mobile menu remains full-width, but no stale desktop min-height is allowed to leak into it. */
@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 48px) !important;
  }
}

/* Narrow screens: compress cards a little further so two rooms fit naturally. */
@media (max-width: 600px) {
    #chat_right_data .chat_rlist {
        padding: 7px !important;
    }

    #container_room .room_elem,
    #container_room .room_celem {
        margin-bottom: 6px !important;
        padding: 7px 8px !important;
        border-radius: 13px !important;
    }

    #container_room .room_icon_wrap,
    #container_room .room_cicon_wrap {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
    }

    #container_room .room_icon,
    #container_room .room_cicon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 12px !important;
    }

    #container_room .room_name,
    #container_room .room_cname {
        font-size: 12px !important;
    }

    #container_room .room_description,
    #container_room .room_cdescription {
        font-size: 9.5px !important;
    }
}

@media (max-width: 600px) {
    #chat_right_data .chat_rlist,
    body #chat_right_data .chat_rlist {
        padding: 5px !important;
    }
    #chat_right_data #room_filter,
    body #chat_right_data #room_filter {
        margin-bottom: 6px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }
    #chat_right_data #container_room .room_elem,
    #chat_right_data #container_room .room_celem,
    body #chat_right_data #container_room .room_elem,
    body #chat_right_data #container_room .room_celem {
        margin-bottom: 5px !important;
        padding: 5px 6px !important;
        border-radius: 11px !important;
    }
    #chat_right_data #container_room .room_icon_wrap,
    #chat_right_data #container_room .room_cicon_wrap,
    body #chat_right_data #container_room .room_icon_wrap,
    body #chat_right_data #container_room .room_cicon_wrap {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }
    #chat_right_data #container_room .room_icon,
    #chat_right_data #container_room .room_cicon,
    body #chat_right_data #container_room .room_icon,
    body #chat_right_data #container_room .room_cicon {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        border-radius: 10px !important;
    }
    #chat_right_data #container_room .room_name,
    #chat_right_data #container_room .room_cname,
    body #chat_right_data #container_room .room_name,
    body #chat_right_data #container_room .room_cname {
        font-size: 11.5px !important;
    }
    #chat_right_data #container_room .room_description,
    #chat_right_data #container_room .room_cdescription,
    body #chat_right_data #container_room .room_description,
    body #chat_right_data #container_room .room_cdescription {
        font-size: 9px !important;
    }
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        min-height: 32px !important;
        height: 32px !important;
    }
}
@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        min-height: 36px !important;
        height: 36px !important;
        padding: 1px 4px !important;
    }
    #chat_right_data #container_user .online_user .user_item_avatar,
    body #chat_right_data #container_user .online_user .user_item_avatar,
    #chat_right_data #container_user .online_user .user_item_avatar .acav,
    body #chat_right_data #container_user .online_user .user_item_avatar .acav,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
    }
    #chat_right_data #container_user .online_user .user_item_data > .username,
    #chat_right_data #container_user .online_user .user_item_data > .user_name,
    #chat_right_data #container_user .online_user .user_item_name,
    #chat_right_data #container_user .online_user .user_name,
    #chat_right_data #container_user .online_user p.username,
    body #chat_right_data #container_user .online_user .user_item_data > .username,
    body #chat_right_data #container_user .online_user .user_item_data > .user_name,
    body #chat_right_data #container_user .online_user .user_item_name,
    body #chat_right_data #container_user .online_user .user_name,
    body #chat_right_data #container_user .online_user p.username {
        font-size: 14px !important;
        line-height: 1.15 !important;
    }
    #chat_right_data #container_user .online_user .name_glitter_wrap,
    #chat_right_data #container_user .online_user .name_glitter_text,
    body #chat_right_data #container_user .online_user .name_glitter_wrap,
    body #chat_right_data #container_user .online_user .name_glitter_text {
        font-size: 15px !important;
    }
    #chat_right_data #container_user .online_user .user_item_icon,
    #chat_right_data #container_user .online_user .user_item_flag,
    body #chat_right_data #container_user .online_user .user_item_icon,
    body #chat_right_data #container_user .online_user .user_item_flag {
        width: 18px !important;
        font-size: 12px !important;
    }
}
@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        min-height: 39px !important;
        height: 39px !important;
        padding: 2px 5px !important;
    }
    #chat_right_data #container_user .online_user .user_item_avatar,
    body #chat_right_data #container_user .online_user .user_item_avatar,
    #chat_right_data #container_user .online_user .user_item_avatar .acav,
    body #chat_right_data #container_user .online_user .user_item_avatar .acav,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
        width: 37px !important;
        min-width: 37px !important;
        height: 37px !important;
    }
    #chat_right_data #container_user .online_user .user_item_data,
    body #chat_right_data #container_user .online_user .user_item_data {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #chat_right_data #container_user .online_user .user_item_data > .username,
    #chat_right_data #container_user .online_user .user_item_data > .user_name,
    #chat_right_data #container_user .online_user .user_item_name,
    #chat_right_data #container_user .online_user .user_name,
    #chat_right_data #container_user .online_user p.username,
    body #chat_right_data #container_user .online_user .user_item_data > .username,
    body #chat_right_data #container_user .online_user .user_item_data > .user_name,
    body #chat_right_data #container_user .online_user .user_item_name,
    body #chat_right_data #container_user .online_user .user_name,
    body #chat_right_data #container_user .online_user p.username {
        margin-left: 3px !important;
        margin-right: 3px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    #chat_right_data #container_user .online_user .list_mood,
    body #chat_right_data #container_user .online_user .list_mood {
        margin-top: 3px !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        width: calc(100% - 2px) !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    #chat_right_data #container_user .online_user > .user_item.namebg_row,
    body #chat_right_data #container_user .online_user > .user_item.namebg_row {
        min-height: 44px !important;
        height: 44px !important;
        margin-bottom: 7px !important;
        padding: 3px 8px !important;
    }

    #chat_right_data #container_user .online_user > .user_item.namebg_row .user_item_data,
    body #chat_right_data #container_user .online_user > .user_item.namebg_row .user_item_data {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}

@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item,
    #chat_right_data #container_user .online_user > .user_item.namebg_row,
    body #chat_right_data #container_user .online_user > .user_item.namebg_row,
    #chat_right_data #container_user .online_user .profile_list_card_effect,
    body #chat_right_data #container_user .online_user .profile_list_card_effect {
        min-height: 56px !important;
        height: auto !important;
        margin-bottom: 3px !important;
        padding: 8px !important;
    }
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message .chat_message_wrapper.public_message_flow,
    body #chat_logs_container li.public__message .chat_message_wrapper.public_message_flow {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        gap: 5px !important;
        min-height: 30px !important;
        padding: 3px 0 !important;
        line-height: 30px !important;
    }

    #chat_logs_container li.public__message .chat_identity_cell,
    body #chat_logs_container li.public__message .chat_identity_cell {
        column-gap: 5px !important;
        height: 30px !important;
    }

    #chat_logs_container li.public__message .chat_name_cell,
    body #chat_logs_container li.public__message .chat_name_cell {
        max-width: 180px !important;
        height: 30px !important;
    }

    #chat_logs_container li.public__message .chat_content_cell,
    body #chat_logs_container li.public__message .chat_content_cell {
        height: 30px !important;
        line-height: 30px !important;
    }

    #chat_logs_container li.sys_log_join,
    body #chat_logs_container li.sys_log_join {
        column-gap: 5px !important;
    }

    #chat_logs_container li.sys_log_join .chat_savatar,
    body #chat_logs_container li.sys_log_join .chat_savatar {
        flex-basis: 29px !important;
        width: 29px !important;
        min-width: 29px !important;
    }
}

@media (max-width: 800px) {
    #chat_logs_container li.chat_log.sys_log.sys_log_join,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join {
        flex-flow: row nowrap !important;
        align-items: center !important;
        min-height: 30px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
        flex-basis: 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        height: 30px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar {
        width: 25px !important;
        height: 25px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system {
        height: 28px !important;
        line-height: 28px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system > .sysname,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system > .sysname {
        line-height: 28px !important;
    }
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message .chat_identity_cell,
    body #chat_logs_container li.public__message .chat_identity_cell {
        flex-basis: 45% !important;
        max-width: 45% !important;
    }

    #chat_logs_container li.public__message .chat_name_cell,
    body #chat_logs_container li.public__message .chat_name_cell {
        max-width: 150px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join {
        grid-template-columns: minmax(0, 1fr) 29px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
        width: 29px !important;
        min-width: 29px !important;
    }
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message .chat_identity_cell,
    body #chat_logs_container li.public__message .chat_identity_cell {
        flex-basis: 42% !important;
        max-width: 42% !important;
    }

    #chat_logs_container li.public__message .chat_name_cell,
    body #chat_logs_container li.public__message .chat_name_cell {
        max-width: 125px !important;
    }
}


/* Merged active mic styles. */
/* ============================================================
   Enhanced Mic System Styles - تحسينات نظام المايك
   ============================================================ */

/* -------- مربع تفعيل المايك الحديث -------- */
.mic_prompt_overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	padding: 20px;
}

.mic_prompt_box {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 16px;
	padding: 32px 24px;
	max-width: 380px;
	width: 100%;
	box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
	color: #fff;
	position: relative;
	overflow: hidden;
}

.mic_prompt_box::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
	background-size: 50px 50px;
	animation: moveBackground 20s linear infinite;
}

.mic_prompt_header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.mic_prompt_header i {
	font-size: 28px;
	background: rgba(255, 255, 255, 0.2);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
}

.mic_prompt_header h2 {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	letter-spacing: 0.5px;
}

.mic_prompt_body {
	margin-bottom: 24px;
	position: relative;
	z-index: 1;
}

.mic_prompt_body p {
	font-size: 14px;
	margin: 0 0 16px 0;
	line-height: 1.6;
	opacity: 0.95;
}

.mic_prompt_features {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.feature {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	transition: all 0.3s ease;
}

.feature:hover {
	background: rgba(255, 255, 255, 0.15);
	transform: translateX(4px);
}

.feature i {
	font-size: 14px;
	color: #4caf50;
	flex-shrink: 0;
}

.mic_prompt_actions {
	display: flex;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.mic_btn {
	flex: 1;
	padding: 12px 16px;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	text-transform: none;
}

.mic_btn_enable {
	background: rgba(255, 255, 255, 0.95);
	color: #667eea;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.mic_btn_enable:hover {
	background: #fff;
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.mic_btn_later {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.mic_btn_later:hover {
	background: rgba(255, 255, 255, 0.25);
	border-color: rgba(255, 255, 255, 0.5);
}

/* -------- مربع تفعيل الصوت الطائر -------- */
.mic_activation_box {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: #fff;
	padding: 14px 16px;
	border-radius: 12px;
	cursor: pointer;
	z-index: 9998;
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
	transition: all 0.3s ease;
	max-width: 300px;
}

.mic_activation_box:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(102, 126, 234, 0.4);
}

.mic_activation_content {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mic_activation_icon {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
	animation: micBounce 1.5s ease-in-out infinite;
}

@keyframes micBounce {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

.mic_activation_text {
	flex: 1;
}

.mic_activation_text h3 {
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 2px 0;
}

.mic_activation_text p {
	font-size: 11px;
	margin: 0;
	opacity: 0.9;
	line-height: 1.4;
}

.mic_activation_arrow {
	font-size: 16px;
	opacity: 0.8;
	animation: slideArrow 1s ease-in-out infinite;
}

@keyframes slideArrow {
	0%, 100% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(4px);
	}
}

/* -------- تحسينات شريط المايك -------- */
.mic_seat_item {
	position: relative;
	transition: all 0.3s ease;
}

.mic_seat_item.mic_speaking {
	animation: micSpeakingPulse 0.5s ease;
}

@keyframes micSpeakingPulse {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.08);
	}
}

.mic_seat_item.mic_muted {
	opacity: 0.6;
}

.mic_seat_item.mic_muted .mic_seat_avatar_wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mic_seat_avatar_wrap {
	position: relative;
	transition: all 0.3s ease;
}

.mic_seat_avatar_wrap:hover {
	transform: scale(1.1);
}

/* -------- زرار إنزال العضو من المايك (كيك) - يظهر للرتب 150+ فقط -------- */
.mic_seat_kick {
	position: absolute;
	top: -4px;
	left: -4px;
	width: 20px;
	height: 20px;
	background: #e53935;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(229, 57, 53, 0.5);
	border: 2px solid #fff;
	z-index: 2;
	transition: all 0.2s ease;
}

.mic_seat_kick:hover {
	background: #c62828;
	transform: scale(1.15);
}

/* -------- تحسينات خيارات المايك -------- */
.mic_opt_item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.3s ease;
	border-left: 3px solid transparent;
}

.mic_opt_item:hover {
	background: rgba(102, 126, 234, 0.08);
	border-left-color: #667eea;
	transform: translateX(4px);
}

.mic_opt_item.mic_opt_active {
	background: rgba(102, 126, 234, 0.15);
	border-left-color: #667eea;
}

.mic_opt_item i {
	font-size: 16px;
	color: #667eea;
	width: 24px;
	text-align: center;
}

.mic_opt_state {
	margin-left: auto;
	font-size: 12px;
	color: #999;
	transition: all 0.3s ease;
}

.mic_opt_item.mic_opt_active .mic_opt_state {
	color: #667eea;
	font-weight: 600;
}

/* -------- إشعارات المايك -------- */
#mic_notification {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background: linear-gradient(135deg, #4caf50, #45a049);
	color: #fff;
	padding: 12px 20px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
	font-size: 13px;
	font-weight: 600;
	z-index: 9997;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.3s ease;
}

#mic_notification.show {
	opacity: 1;
	transform: translateY(0);
}

/* -------- تأثيرات عامة -------- */
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

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

@keyframes slideUp {
	from {
		transform: translateY(40px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

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

@keyframes moveBackground {
	0% { transform: translate(0, 0); }
	100% { transform: translate(50px, 50px); }
}

/* -------- إشعارات حالة المايك -------- */
.mic_status_notification {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(20, 20, 20, 0.9);
	color: white;
	padding: 15px 25px;
	border-radius: 12px;
	z-index: 10000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 140px;
	max-width: 200px;
	font-size: 14px;
	font-weight: 600;
	box-shadow: 0 10px 40px rgba(0,0,0,0.6);
	pointer-events: none;
	animation: micStatusPop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	border: 1px solid rgba(255,255,255,0.1);
}

.mic_status_notification i {
	font-size: 32px;
	margin-bottom: 5px;
}

.mic_status_notification.mic_off i {
	color: #f44336;
}

.mic_status_notification.mic_on i {
	color: #4caf50;
}

@keyframes micStatusPop {
	0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
	100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* -------- استجابة الجوال -------- */
@media (max-width: 480px) {
	.mic_prompt_box {
		padding: 24px 16px;
		max-width: 100%;
	}
	
	.mic_prompt_header h2 {
		font-size: 18px;
	}
	
	.mic_activation_box {
		bottom: 10px;
		right: 10px;
		left: 10px;
		max-width: none;
	}
	
	#mic_notification {
		bottom: 10px;
		left: 10px;
		right: 10px;
		max-width: none;
	}
}
/* ضيف الأسطر دي في ملف الـ CSS بتاع المايك (أو أي ملف ستايل عام) */
.mic_user_popup_danger { color: #e74c3c; }
.mic_user_popup_danger i { color: #e74c3c; }

/* قائمة الأعضاء المحظورين من المايك */
#mic_blocked_overlay.mic_opt_overlay_inner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #1e1e1e;
	border-radius: 12px;
	width: 320px;
	max-width: 90vw;
	max-height: 70vh;
	overflow-y: auto;
	z-index: 100000;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	padding: 10px;
}
.mic_opt_unblock_btn {
	cursor: pointer;
	color: #2ecc71;
	font-weight: bold;
}
.mic_opt_unblock_btn:hover { text-decoration: underline; }

/* علامة الكتم المحلي فوق صورة العضو */
.mic_seat_avatar_wrap { position: relative; }
.mic_user_mute_badge {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 18px;
	height: 18px;
	background: #e74c3c;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	pointer-events: none; /* عشان الضغط يفضل بيروح للصورة نفسها ويفتح المنيو */
	z-index: 5;
}


/* Merged active chat layout styles. */
/* ============================================================
   Name Glow Effects (تأثيرات/لمعات الاسم) - نُقلت بالكامل إلى
   css/store_new.css (ملف المتجر المخصص) بناءً على طلب العميل.
   شوف هناك لو محتاج تعدّل أي حاجة في شكل الإطار/اللمعة/التأثير.
   ============================================================ */

/* -- شبكة عناصر المتجر / خلفياتي -- */
.name_effect_grid{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}
.name_effect_item{
	width: 130px;
	text-align: center;
	border-radius: 10px;
	padding: 10px 8px;
	background: rgba(0,0,0,0.03);
}
.name_effect_preview{
	width: 100%;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 0px;
	margin-bottom: 6px;
	background: rgba(0,0,0,0.15);
}
.name_effect_preview img{
	max-width: 100%;
	max-height: 100%;
}
/* ==================== zcast - أضفها في آخر css/custom.css ==================== */
.zc_live_card{
	position:relative;border-radius:14px;padding:0px -1px 4px;text-align:center;overflow:hidden;
	margin:8px auto;max-width:800px;border:1px solid rgba(255,255,255,.25);
	list-style:none;animation:zc_pop .35s ease;
}
.zc_live_card.glow_on{animation:zc_pop .35s ease, zc_glow 1.6s ease-in-out infinite alternate;}
.zc_live_card .zc_ribbon{
	position:absolute;top:17px;left:-37px;transform:rotate(-40deg);
	font-size:13px;font-weight:bold;
	padding:3px 34px;
}
.zc_live_card .zc_icon_display{font-size:22px;margin-bottom:4px;}
.zc_live_card .zc_title{font-weight:bold;margin-bottom:5px;}
.zc_live_card .zc_msg{line-height:1.6;}
@keyframes zc_glow{
	from{box-shadow:0 0 8px var(--zglow), 0 0 14px var(--zglow);}
	to{box-shadow:0 0 20px var(--zglow), 0 0 32px var(--zglow);}
}
@keyframes zc_pop{
	from{opacity:0;transform:scale(.94) translateY(6px);}
	to{opacity:1;transform:scale(1) translateY(0);}
}
@media (max-width:768px){
	.zc_live_card{max-width:94%;padding:12px 10px 10px;}
	.zc_live_card .zc_title{font-size:14px !important;}
	.zc_live_card .zc_msg{font-size:12px !important;}
}
#chat_right .user_count{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    background:linear-gradient(135deg,#03add8 0%,#0395bb 100%);
    color:#fff;

    padding:6px 16px;
    margin:10px auto;
    max-width:255px;

    border-radius:9px;
    border:1px solid rgba(255,255,255,.12);

    box-shadow:
        0 8px 22px rgba(3,173,216,.28),
        inset 0 1px 0 rgba(255,255,255,.18),
        inset 0 -2px 6px rgba(0,0,0,.18);

    font-size:14px;
    font-weight:700;
    letter-spacing:.3px;

    position:relative;
    overflow:hidden;
}

/* لمعة خفيفة ثابتة */
#chat_right .user_count::before{
    content:'';
    position:absolute;
    top:0;
    left:-40%;
    width:70%;
    height:100%;
    background:linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );
    transform:skewX(-25deg);
    pointer-events:none;
}
#chat_right .user_count .bcell{
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .3px;
	display: flex;
	align-items: center;
	gap: 6px;
}
#chat_right .user_count .bcell::before{
	content: '\f0c0';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 13px;
}
#chat_right .ucount.theme_btn{
	background: rgba(255 255 255) !important;
	color: #02c21d !important;
	border-radius: 20px;
	padding: 2px 10px;
	box-shadow: none;
	animation: none;
	font-size: 12px
}

/* ============================================================
   Private Message Ticks - علامات قراءة الخاص
   ألصق الكود ده في نهاية ملف css/custom.css الموجود عندك
   (الملف ده أصلاً محمّل في الصفحة، مش محتاج تضيف أي رابط جديد)
============================================================ */
.pr_tick {
	font-size: 11px;
	margin-right: 3px;
	color: #9e9e9e; /* لسه متبعتتش */
}
.pr_tick_read {
	color: #2196f3 !important; /* اتقرت - أزرق واضح */
}

#quick_icons_group{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: width .35s ease, max-width .35s ease, opacity .3s ease;
}
#quick_icons_group.quick_group_open{
	width: 150px;
	max-width: 150px;
	opacity: 1;
}
#quick_icons_group .footer_item{
	display: inline-block !important;
	vertical-align: middle !important;
	height: auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 4px;
	transition: transform .2s ease;
}
#quick_icons_group .footer_item:hover{
	transform: translateY(-2px) scale(1.12);
}
#quick_group_toggle_icon{
	transition: transform .3s ease;
}
#quick_group_toggle_icon.rotated{
	transform: rotate(90deg);
}
/* ============================================================
   Luxury Transparent Mic System with Slim Handle
   ============================================================ */

.mic_seat_bar_wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
    margin: 0 !important;
    overflow: visible !important; /* السماح بظهور المقبض خارج الحدود */
    position: relative;
    z-index: 10;
    transition: all 0.3s ease;
}

.mic_seat_bar {
    display: flex;
    justify-content: center;
    gap: 15px !important;
    padding: 8px 0 !important;
    overflow: hidden !important; /* منع السكرول الداخلي */
    transition: all 0.3s ease;
}

/* حالة الإخفاء */
.mic_collapsed .mic_seat_bar {
    height: 0 !important;
    padding: 0 !important;
    opacity: 0;
    pointer-events: none;
}

.mic_seat_item {
    width: 48px !important;
    transition: transform 0.2s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mic_seat_avatar_wrap {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    position: relative;
    border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(0, 0, 0, 0.2) !important;
    padding: 1px !important;
    box-sizing: border-box;
}

.dark_mode .mic_seat_avatar_wrap {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mic_seat_avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* لما الصورة تبقى ملفوفة بإطار (avatar_frame_wrap) لازم الغلاف ياخد
   نفس أبعاد الدائرة عشان الصورة جواه ترجع تاخد الـ 100% الطبيعية */
.mic_seat_avatar_wrap .avatar_frame_wrap {
    width: 100%;
    height: 100%;
    display: block;
}

.mic_seat_empty {
    background: #07aee3 !important;
}

.mic_seat_empty i {
    font-size: 14px !important;
    color: #fff;
}

.mic_seat_name {
    font-size: 9px !important;
    margin-top: 4px !important;
    color: inherit !important;
    opacity: 0.8;
    max-width: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* مقبض التحكم (السهم) - تصميم نحيف وأنيق */
.mic_seat_bar_controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: -5px; /* تقريبها من المايكات */
}

.mic_seat_bar_handle {
    width: 40px !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: background 0.3s;
}

.mic_seat_bar_handle:hover {
    background: rgba(47, 110, 242, 0.5) !important;
}

.mic_seat_bar_handle i {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    opacity: 0.5;
    transition: transform 0.3s;
}

.mic_collapsed .mic_seat_bar_handle i {
    transform: translateX(-50%) rotate(180deg);
}

.mic_seat_bar_gear {
    width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
    background: #07aee3 !important;
    border: none !important;
    border-radius: 50%;
    color: #fff !important;
    opacity: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(7, 174, 227, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mic_seat_bar_gear:hover {
    opacity: 1;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(7, 174, 227, 0.55);
    color: #fff !important;
}

/* Speaking Animation */
.mic_speaking {
    border-color: #22c55e !important;
   
}
/* ============================================================
   Mic Avatar - Hover Tooltip + Speaking + Muted (نسخة موحدة نهائية)
   دي بديل موحد لكل تعريفات .mic_seat_avatar_wrap المكررة في الملف
   ============================================================ */

.mic_seat_avatar_wrap {
    position: relative;
    transition: transform 0.0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}

.mic_seat_avatar_wrap:hover {
    transform: scale(1.05);
}

/* التلميح (تولتيب) بيظهر تحت الأيقونة بمسافة واضحة */
.mic_seat_avatar_wrap::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) translateY(10px) scale(0.8);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(40, 40, 40, 0.9) 100%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    pointer-events: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.1);
}

.mic_seat_avatar_wrap:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0) scale(1);
}

/* Speaking Animation - تأثير المايك الشغال الجذاب */
.mic_speaking .mic_seat_avatar_wrap::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    background: rgba(76, 175, 80, 0.4);
    z-index: -1;
    animation: micPulse 1.5s ease-out infinite;
}

.mic_speaking .mic_seat_avatar_wrap::after {
    /* توهج أخضر للأفاتار عند التحدث */
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.6);
}

@keyframes micPulse {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    70% {
        transform: scale(1.3);
        opacity: 0;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

/* Mic Notification Style - نظام تنبيهات المايك العلوي */
#mic_notification {
    position: fixed;
    top: 25px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: linear-gradient(90deg, #1a1a1a 0%, #333 100%);
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    z-index: 999999;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.15);
    pointer-events: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

#mic_notification::before {
    content: '\f130'; /* FontAwesome Microphone Icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #4CAF50;
}

#mic_notification.show {
    transform: translateX(-50%) translateY(0);
}

/* Muted State Style */
.mic_muted .mic_seat_avatar_wrap {
    filter: grayscale(0.8);
    opacity: 0.7;
}

.mic_muted .mic_seat_avatar_wrap::before {
    display: none; /* إيقاف الأنيميشن عند الكتم */
}

/* ============================================================ */
/* إشعار "اضغط في أي مكان لتفعيل صوت المايك" - أضفه لو مش موجود     */
/* بيظهر بس لما LiveKit يقول فعلاً إن المتصفح مانع تشغيل الصوت      */
/* ============================================================ */
#mic_unlock_banner{
	position:fixed;
	top:80px;
	left:15px;
	z-index:9999;
	border-radius:10px;
	padding:8px 6px;
	max-width:260px;
	cursor:pointer;
	animation:mic_banner_pulse 1.6s ease-in-out infinite;
}
@keyframes mic_banner_pulse{
	0%,100%{ box-shadow:0 0 0 0 rgba(59,130,246,0.35); }
	50%{ box-shadow:0 0 0 6px rgba(59,130,246,0); }
}
.edited_badge{
	font-size: 10px;
	color: #a0a0a0;
	margin-right: 4px;
	font-style: italic;
}
#main_input_box{ position:relative; }
#main_input_box .emo_inline_btn{
	position:absolute; top:50%; right:10px; transform:translateY(-50%);
	font-size:18px; cursor:pointer; z-index:2; color:#495f69;
}
#main_input_box #content{ padding-right:34px !important; }
#main_emoticon{
	left:auto !important;
	right:10px !important;
}
/* ============================================================
   لعبة النرد - Dice Game styles
   أضف محتوى هذا الملف في نهاية css/custom.css عندك
   ============================================================ */

.dice_icon_emoji{
	font-size: 20px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

.dice_face_box{
	width: 90px;
	height: 90px;
	margin: 0 auto;
	border-radius: 16px;
	background: linear-gradient(145deg, #ffffff, #e6e6e6);
	box-shadow: 0 4px 10px rgba(0,0,0,0.25), inset 0 0 0 1px rgba(0,0,0,0.05);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 52px;
	transition: transform .15s ease;
}

.dice_face_spin{
	animation: diceSpin 0.5s linear infinite;
}

@keyframes diceSpin{
	0%   { transform: rotate(0deg) scale(1); }
	25%  { transform: rotate(90deg) scale(1.08); }
	50%  { transform: rotate(180deg) scale(0.95); }
	75%  { transform: rotate(270deg) scale(1.08); }
	100% { transform: rotate(360deg) scale(1); }
}

.dice_face_settle{
	animation: diceSettle .35s ease-out;
}

@keyframes diceSettle{
	0%   { transform: scale(1.3) rotate(15deg); }
	60%  { transform: scale(0.92) rotate(-6deg); }
	100% { transform: scale(1) rotate(0deg); }
}

.dice_face_win{
	box-shadow: 0 0 0 3px gold, 0 4px 18px rgba(255,200,0,0.6);
}

.dice_players_list{
	margin-top: 12px;
	max-height: 180px;
	overflow-y: auto;
}

.dice_player_row{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px;
	border-radius: 8px;
	margin-bottom: 4px;
}

.dice_player_active{
	background: rgba(255, 200, 0, 0.15);
}

.dice_player_avatar{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
}

.dice_player_name{
	flex: 1;
	font-size: 13px;
}

.dice_turn_badge{
	font-size: 11px;
	background: gold;
	color: #000;
	padding: 2px 6px;
	border-radius: 6px;
}

.dice_controls .reg_button{
	margin: 4px;
}

.footer_item i{
    font-size:17px; /* غير الرقم لو عايزها أكبر */
    color:#fff;
    transition:all .3s ease;
    filter:drop-shadow(0 0 8px rgba(255,255,255,.5));
}

.footer_item:hover i{
    color:#07aee3;
    transform:scale(1.25);
    filter:drop-shadow(0 0 15px #ffb400);
}
/* ستايل أيقونات الهيدر */
.head_option i{
    font-size:18px !important;
    color:#fff;
    transition:all .3s ease;
    filter:drop-shadow(0 0 8px rgba(255,255,255,.5));
}

/* عند المرور بالماوس */
.head_option:hover i{
    color:#07aee3;
    transform:scale(1.2);
    filter:drop-shadow(0 0 15px #ffb400);
}

/* توسيط الأيقونة */
.head_option .bcell_mid{
    text-align:center;
    vertical-align:middle;
}
.ui_icon{
    width:20px;
    height:20px;
    transition:.3s;
}
#emo_item i{
    font-size: 21px;
}
#submit_button{
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid rgba(0,170,255,.25);
    background:linear-gradient(145deg,#22222200,#22222200);
    color:#03add8;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.25s ease;
    box-shadow:
        0 0 12px rgba(0,140,255,.15),
        inset 0 0 8px rgba(255,255,255,.05);
}

/* ---------------- close button + nav arrows (missing) ---------------- */
.story_close_btn{
	position: absolute;
	top: 18px;
	right: 14px;
	font-size: 18px;
	color: #fff;
	background: rgba(0,0,0,.4);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
}
.story_close_btn:hover{
	background: rgba(220,60,60,.55);
}

.story_nav_arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(0,0,0,.35);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 15px;
	transition: background .15s;
}
.story_nav_arrow:hover{
	background: rgba(0,0,0,.55);
}
.story_arrow_prev{ inset-inline-start: 10px; }
.story_arrow_next{ inset-inline-end: 10px; }

@media (max-width: 500px){
	.story_nav_arrow{ display: none; } /* على الموبايل الضغط على الجانبين (tap zones) بيكفي */
}
/* تنسيق حاوية الريأكت الرئيسي */
.msg_reaction {
    display: inline-flex !important; /* لضمان بقاء الأيقونة والعدد في سطر واحد */
    align-items: center;
    justify-content: center;
    background: #f1f2f6; /* لون خلفية هادئ */
    border-radius: 15px;
    padding: 1px 6px;
    margin: 2px 4px;
    border: 1px solid #e1e2e6;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 20px; /* ارتفاع ثابت لمنع تكبير سطر الشات */
    vertical-align: middle;
    min-width: 30px;
}

/* تنسيق الإيموجي أو الأيقونة داخل الريأكت */
.msg_reaction i, .msg_reaction img {
    font-size: 12px !important;
    margin-left: 3px;
    display: block;
}

/* تنسيق عدد التفاعلات */
.reaction_count {
    font-size: 10px;
    font-weight: bold;
    color: #555;
    line-height: 1;
}

/* تأثير عند تمرير الماوس */
.msg_reaction:hover {
    background: #e1e2e6;
    transform: scale(1.1);
}

/* منع تمدد الحاوية بشكل طولي (وهي المشكلة التي تظهر في صورتك) */
.reaction_wrapper {
    display: inline-flex;
    flex-wrap: nowrap;
    vertical-align: middle;
    max-height: 24px;
}

/* ============================================================
   FIX - نظام الريأكت الكامل (نسخة مصححة نهائية)
   بتستبدل كل التعريفات الناقصة بتاعة chat_react_opt و chat_react_summary
   ============================================================ */


.chat_react_opt:empty{
	display: none !important;
}

/* -------- كل أيقونة ريأكت لوحدها -------- */
.chat_react_opt .critem{
	float: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px !important;
	height: 26px !important;
	min-width: 26px !important;
	min-height: 26px !important;
	max-width: 26px !important;
	max-height: 26px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50%;
	background: #f2f3f5;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease;
	overflow: hidden;
}
.chat_react_opt .critem:hover{
	transform: scale(1.3) translateY(-4px);
	background: #eef1ff;
}
.chat_react_opt .critem img{
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	object-fit: contain !important;
	display: block !important;
}

@keyframes reactPop{
	0%{ transform: translateY(10px) scale(.5); opacity: 0; }
	100%{ transform: translateY(0) scale(1); opacity: 1; }
}
.chat_react_opt:not(:empty){ animation: reactPop .25s ease; }

/* -------- شارة عدد الريأكشنز (عايمة في زاوية الفقاعة زي واتساب) -------- */
/* ملغى: التنسيق الصحيح لـ chat_react_summary موجود في chat_react_new.css */
.chat_react_summary img{
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	min-height: 12px !important;
	max-width: 12px !important;
	max-height: 12px !important;
	object-fit: contain !important;
	margin-inline-start: -3px;
	flex-shrink: 0;
	display: block !important;
}
.chat_react_summary img:first-child{ margin-inline-start: 0; }
.chat_react_summary span{
	font-size: 9px !important;
	margin-inline-start: 2px;
	color: #555;
	line-height: 1;
	flex-shrink: 0;
}

/* -------- تأكيد عدم قص أي حاوية محيطة (عشان القائمة والشارة العايمة يظهروا كاملين) -------- */
.mbubble,
.chat_message_wrapper,
.chat_content_cell,
.chat_log,
.chat_message_container{
	overflow: visible !important;
}
/* ملغى مع الـ absolute positioning القديم */
.dark_mode #emo_item{
    background:linear-gradient(135deg,#03add8,#0395bb);
    box-shadow:0 0 12px rgba(3,173,216,.35);
}

.dark_mode #emo_item i{
    color:#fff;
}
/* ============================================================ */
/* راديو الغرفة - تصميم فخم عريض بسلايدر حقيقي (نسخة نهائية)      */
/* ============================================================ */


.room_player_bar{
	display:flex;
	align-items:center;
	gap:8px;
	background:transparent;
	border:none;
	box-shadow:none;
	padding:2px 10px;
	width:fit-content;
	max-width:90%;
	margin:2px auto 4px;
	position:relative;
	z-index:30;
	pointer-events:auto;
}

.rp_slider_wrap{
	display:flex;
	align-items:center;
	width:110px;
	flex-shrink:0;
}
.rp_info{
	flex:0 0 auto;
	min-width:90px;
	max-width:150px;
}
.rp_title{
	font-size:11px;
	font-weight:700;
	color:#1a1a1a;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dark_mode .rp_title{ color:#f2f2f2; }

.rp_subtitle{
	font-size:9px;
	color:#8a8a8a;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


.rp_slider{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:4px;
	border-radius:6px;
	background:linear-gradient(to right, #2f6ef2 0%, #2f6ef2 var(--rp-pct,50%), #e6e9f0 var(--rp-pct,50%), #e6e9f0 100%);
	outline:none;
	cursor:pointer;
	transition:opacity .2s;
}
.rp_slider::-webkit-slider-thumb{
	-webkit-appearance:none;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#2f6ef2;
	border:2px solid #fff;
	box-shadow:0 2px 6px rgba(47,110,242,0.5);
	cursor:pointer;
}
.rp_slider::-moz-range-track{
	height:4px;
	border-radius:6px;
	background:#e6e9f0;
}
.rp_slider::-moz-range-progress{
	height:4px;
	border-radius:6px;
	background:#2f6ef2;
}
.rp_slider::-moz-range-thumb{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#2f6ef2;
	border:2px solid #fff;
	box-shadow:0 2px 6px rgba(47,110,242,0.5);
	cursor:pointer;
}

.rp_slider.rp_disabled{
	opacity:0.4;
	pointer-events:none;
}

.rp_close{
	flex-shrink:0;
	width:22px;
	height:22px;
	border-radius:8px;
	background:rgba(229,72,77,0.12);
	color:#e5484d;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:10px;
	transition:background .2s, transform .15s;
}
.rp_close:hover{
	background:rgba(229,72,77,0.22);
	transform:scale(1.06);
}

.rp_mute_btn{
	flex-shrink:0;
	width:22px;
	height:22px;
	border-radius:50%;
	background:rgba(0,0,0,0.06);
	color:#333;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:10px;
	transition:background .2s, transform .15s;
}
.rp_mute_btn:hover{
	background:rgba(0,0,0,0.12);
	transform:scale(1.06);
}
.rp_mute_btn.rp_is_muted{
	color:#e5484d;
}
.dark_mode .rp_mute_btn{
	background:rgba(255,255,255,0.1);
	color:#eee;
}

.rp_queue_btn{
	flex-shrink:0;
	position:relative;
	width:22px;
	height:22px;
	border-radius:50%;
	background:rgba(0,0,0,0.06);
	color:#333;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:10px;
	transition:background .2s, transform .15s;
}
.rp_queue_btn:hover{
	background:rgba(0,0,0,0.12);
	transform:scale(1.06);
}
.dark_mode .rp_queue_btn{
	background:rgba(255,255,255,0.1);
	color:#eee;
}
.rp_queue_badge{
	position:absolute;
	top:-4px;
	inset-inline-end:-4px;
	min-width:14px;
	height:14px;
	padding:0 3px;
	border-radius:8px;
	background:#2f6ef2;
	color:#fff;
	font-size:8px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 0 0 2px rgba(255,255,255,0.7);
}

.rp_queue_panel{
	position:absolute;
	top:calc(100% + 8px);
	inset-inline-end:0;
	width:260px;
	max-height:300px;
	overflow-y:auto;
	background:rgba(255,255,255,0.95);
	backdrop-filter:blur(18px) saturate(160%);
	-webkit-backdrop-filter:blur(18px) saturate(160%);
	border:1px solid rgba(0,0,0,0.08);
	border-radius:14px;
	box-shadow:0 12px 32px rgba(0,0,0,0.18);
	padding:10px;
	z-index:40;
	display:none;
}
.rp_queue_panel.rp_open{ display:block; }
.dark_mode .rp_queue_panel{
	background:rgba(30,31,36,0.95);
	border-color:rgba(255,255,255,0.12);
}
.rp_queue_title{
	font-size:12px;
	font-weight:700;
	color:#555;
	margin:2px 6px 8px;
}
.dark_mode .rp_queue_title{ color:#bbb; }
.rp_queue_empty{
	text-align:center;
	color:#999;
	font-size:12px;
	padding:20px 0;
}
.rp_queue_row{
	display:flex;
	align-items:center;
	gap:8px;
	padding:6px;
	border-radius:10px;
	transition:background .15s;
}
.rp_queue_row:hover{ background:rgba(0,0,0,0.04); }
.rp_queue_row img{
	width:36px; height:36px;
	border-radius:8px;
	object-fit:cover;
	flex-shrink:0;
}
.rp_queue_row_text{ flex:1; min-width:0; }
.rp_queue_row_text p{
	font-size:12px;
	font-weight:600;
	color:#222;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dark_mode .rp_queue_row_text p{ color:#eee; }
.rp_queue_row_text span{
	font-size:10.5px;
	color:#999;
}
.rp_queue_pos{
	width:20px;
	height:20px;
	border-radius:50%;
	background:rgba(47,110,242,0.12);
	color:#2f6ef2;
	font-size:10px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}

@media (max-width:500px){
	.rp_info{ min-width:70px; max-width:110px; }
	.rp_title{ font-size:10px; }
	.rp_queue_panel{ width:220px; }
}

/* -------- إخفاء البلاير مع طي صف المايكات -------- */
.mic_seat_bar_wrap.mic_collapsed .room_player_bar{
	display:none !important;
}

/* -------- مودال البحث (بدون تغيير) -------- */
.rp_search_modal{ background:#fff; border-radius:14px; overflow:hidden; text-align:right; }
.rp_search_head{
	display:flex; align-items:center; justify-content:space-between;
	padding:16px 18px;
	border-bottom:1px solid #f0f0f0;
	font-weight:700;
	font-size:15px;
	color:#222;
}
.rp_search_head i.fa-times{ cursor:pointer; color:#999; font-size:14px; }
.rp_search_head i.fa-music{ color:#f5a623; margin-left:6px; }
.rp_search_body{ padding:16px 18px; }
.rp_search_label{ font-weight:700; font-size:14px; margin:0 0 2px; color:#222; }
.rp_search_hint{ font-size:12px; color:#999; margin:0 0 12px; }
.rp_search_row{ display:flex; gap:8px; }
.rp_search_row input{
	flex:1;
	border:1px solid #ddd;
	border-radius:10px;
	padding:10px 14px;
	font-size:13px;
	outline:none;
}
.rp_search_row input:focus{ border-color:#2f6ef2; }
.rp_search_row button{
	width:42px; height:42px;
	border:none;
	border-radius:10px;
	background:#2f6ef2;
	color:#fff;
	cursor:pointer;
	flex-shrink:0;
}
.rp_search_row button:hover{ background:#255ed1; }
.rp_search_note{ font-size:11.5px; color:#aaa; margin:8px 0 0; }
.rp_search_tips{
	background:#f7f8fa;
	border-radius:10px;
	padding:10px 12px;
	margin-top:10px;
}
.rp_search_tips p{ font-size:12px; color:#666; margin:4px 0; }
.rp_search_tips i{ color:#2f6ef2; width:16px; text-align:center; }

.rp_search_results{
	margin-top:14px;
	max-height:320px;
	overflow-y:auto;
}
.rp_search_loading{ text-align:center; color:#999; font-size:12.5px; padding:20px 0; }
.rp_result_item{
	display:flex;
	align-items:center;
	gap:10px;
	padding:8px;
	border:1px solid #f0f0f0;
	border-radius:10px;
	margin-bottom:8px;
	transition:background .15s;
}

.rp_result_item:hover{ background:#f7f8fa; }
.rp_result_item img{ width:52px; height:52px; border-radius:8px; object-fit:cover; flex-shrink:0; }
.rp_result_text{ flex:1; min-width:0; }
.rp_result_text p{ font-size:13px; font-weight:600; color:#222; margin:0; }
.rp_result_text span{ font-size:11px; color:#999; }
.rp_result_play{
	width:34px; height:34px;
	border-radius:50%;
	background:#f0f0f0;
	color:#2f6ef2;
	display:flex; align-items:center; justify-content:center;
	cursor:pointer;
	flex-shrink:0;
}

.rp_result_play:hover{ background:#e3e8f5; }

.room_player_bar{
	display:flex !important;
	align-items:center;
	gap:8px;
	background:rgba(255,255,255,0.35) !important;
	backdrop-filter:blur(14px) saturate(180%) !important;
	-webkit-backdrop-filter:blur(14px) saturate(180%) !important;
	border:1px solid rgba(255,255,255,0.5) !important;
	border-radius:14px !important;
	box-shadow:0 6px 20px rgba(0,0,0,0.10), inset 0 1px 0 rgba(255,255,255,0.4) !important;
	padding:6px 14px !important;
	width:fit-content !important;
	max-width:90% !important;
	margin:4px auto 6px !important;
	position:relative;
	z-index:30;
	pointer-events:auto;
}

.dark_mode .room_player_bar{
	background:rgba(30,31,36,0.45) !important;
	border-color:rgba(255,255,255,0.12) !important;
	box-shadow:0 6px 20px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.rp_slider_wrap{
	flex:none !important;
	width:110px !important;
	min-width:0 !important;
}
.room_player_bar:empty{
    display:none !important;
}
/* ============================================================
   شكل فخم "بلور" لمودال إعدادات المايك + كتم عضو فردي
   نسخة بقوة !important عشان تكسب أي تنسيق تاني مكتوب في
   chat.php نفسه أو في أي ملف CSS تاني خاص بالمايك
   ألصق الكود ده في آخر ملف css/custom.css عندك
   ============================================================ */

/* خلفية معتمة شفافة خلف المودال */
#mic_options_overlay{
	position: fixed !important;
	inset: 0 !important;
	background: rgba(15, 15, 25, .45) !important;
	backdrop-filter: blur(3px) !important;
	-webkit-backdrop-filter: blur(3px) !important;
	z-index: 99998 !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
}
#mic_options_overlay.mic_opt_open{
	display: flex !important;
}

/* الصندوق نفسه - زجاج فخم */
.mic_opt_box{
	width: 300px !important;
	max-width: 90vw !important;
	max-height: 80vh !important;
	overflow-y: auto !important;
	border-radius: 18px !important;
	background: rgba(30, 30, 45, .78) !important;
	backdrop-filter: blur(18px) saturate(160%) !important;
	-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	box-shadow: 0 20px 50px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08) !important;
	animation: micOptPopIn .22s cubic-bezier(.2,.9,.3,1.2) !important;
	padding: 0 !important;
}
@keyframes micOptPopIn{
	from{ opacity:0; transform: scale(.9) translateY(8px); }
	to{ opacity:1; transform: scale(1) translateY(0); }
}

.mic_opt_head{
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 16px 18px !important;
	border-bottom: 1px solid rgba(255,255,255,.1) !important;
	margin: 0 !important;
}
.mic_opt_head span{
	font-size: 15px !important;
	font-weight: bold !important;
	color: #fff !important;
}
.mic_opt_head i{
	cursor: pointer !important;
	color: rgba(255,255,255,.6) !important;
	transition: .2s !important;
	font-size: 15px !important;
}
.mic_opt_head i:hover{ color: #fff !important; transform: rotate(90deg) !important; }

.mic_opt_item{
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 13px 18px !important;
	cursor: pointer !important;
	transition: background .15s !important;
	color: rgba(255,255,255,.85) !important;
	font-size: 13px !important;
	border-bottom: 1px solid rgba(255,255,255,.05) !important;
	border-left: none !important;
	border-radius: 0 !important;
	transform: none !important;
	background: transparent;
}
.mic_opt_item:hover{
	background: rgba(255,255,255,.06) !important;
	transform: none !important;
}
.mic_opt_item i{
	width: 20px !important;
	text-align: center !important;
	color: rgba(255,255,255,.55) !important;
	font-size: 15px !important;
}
.mic_opt_state{
	margin-inline-start: auto !important;
	margin-left: auto !important;
	font-size: 11px !important;
	color: rgba(255,255,255,.45) !important;
	font-weight: 600 !important;
}
.mic_opt_item.mic_opt_active{
	background: linear-gradient(90deg, rgba(212,175,55,.16), transparent) !important;
	border-left: none !important;
}
.mic_opt_item.mic_opt_active i,
.mic_opt_item.mic_opt_active .mic_opt_state{
	color: #d4af37 !important;
}

.mic_opt_divider{
	padding: 10px 18px 4px !important;
}
.mic_opt_divider span{
	font-size: 11px !important;
	color: rgba(255,255,255,.4) !important;
	font-weight: bold !important;
	letter-spacing: .4px !important;
}

.mic_opt_members_list{
	padding-bottom: 6px !important;
}
.mic_opt_member_row i{
	color: rgba(255,255,255,.5) !important;
}
.mic_opt_empty{
	text-align: center !important;
	color: rgba(255,255,255,.4) !important;
	font-size: 12px !important;
	padding: 16px 10px 20px !important;
}

/* بابل كتم العضو الفردي - بيظهر بجانب صورته */
.mic_user_popup{
	position: fixed !important;
	z-index: 99999 !important;
	background: rgba(30, 30, 45, .9) !important;
	backdrop-filter: blur(16px) saturate(160%) !important;
	-webkit-backdrop-filter: blur(16px) saturate(160%) !important;
	border: 1px solid rgba(255,255,255,.15) !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.4) !important;
	padding: 8px !important;
	min-width: 180px !important;
	animation: micOptPopIn .18s ease !important;
}
.mic_user_popup_name{
	font-size: 11px !important;
	color: rgba(255,255,255,.5) !important;
	padding: 4px 8px 6px !important;
	border-bottom: 1px solid rgba(255,255,255,.08) !important;
	margin-bottom: 4px !important;
	font-weight: bold !important;
}
.mic_user_popup_btn{
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 9px 10px !important;
	border-radius: 9px !important;
	cursor: pointer !important;
	color: #fff !important;
	font-size: 12.5px !important;
	transition: background .15s !important;
}
.mic_user_popup_btn:hover{
	background: rgba(255,255,255,.1) !important;
}
.mic_user_popup_btn i{
	width: 16px !important;
	text-align: center !important;
	color: #ff6b6b !important;
	font-size: 13px !important;
}
.mic_user_popup_btn.active i{
	color: #4caf50 !important;
}

/* البادچ الصغيرة اللي بتتحط على صورة أي عضو شغال على المايك */
.mic_user_mute_badge{
	position: absolute !important;
	bottom: -2px !important;
	inset-inline-end: -2px !important;
	right: -2px !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50% !important;
	background: rgba(20,20,30,.85) !important;
	backdrop-filter: blur(6px) !important;
	-webkit-backdrop-filter: blur(6px) !important;
	border: 1.5px solid rgba(255,255,255,.5) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	z-index: 5 !important;
	transition: transform .15s ease, background .15s ease !important;
}
.mic_user_mute_badge i{
	font-size: 8px !important;
	color: #fff !important;
}
.mic_user_mute_badge:hover{
	transform: scale(1.2) !important;
}
.mic_user_mute_badge.active{
	background: rgba(220, 53, 69, .9) !important;
	border-color: rgba(255,255,255,.8) !important;
}
/* ============================================================
   المنشورات المثبتة (فييد الأخبار) - نسخة نهائية مضبوطة بالكلاسات
   الحقيقية (.post_title / .post_content / .news_pin_badge)
   بعد فحصها من Inspect Element - عشان نستهدف بدقة من غير أي
   تخمين يأثر على الردود/الكومنتات (.ncmtboxwrap...) اللي لازم
   تفضل زي ما هي بره أي تعديل.
   ============================================================ */

/* -------- الكارت المثبت: خلفية وحدود ثابتة تضمن وضوح القراءة -------- */
.news_box.news_pinned_box{
	box-sizing: border-box !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	overflow: hidden !important;
	border-radius: 14px !important;
	background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%) !important;
	border: 1px solid rgba(212, 175, 55, .45) !important;
	box-shadow: 0 4px 16px rgba(184, 134, 11, .16) !important;
	position: relative !important;
}

/* -------- عنوان المنشور (الاسم + الصورة + التاريخ) ومتن المنشور --------
   دول بس، بالاسم الصريح، من غير ما نلمس post_control أو
   add_comment_zone أو الردود (ncmtboxwrap) خالص */
.news_box.news_pinned_box .post_title,
.news_box.news_pinned_box .post_title *:not(i):not(svg):not(img),
.news_box.news_pinned_box .post_content{
	color: #3a2c14 !important;
	opacity: 1 !important;
}

/* التاريخ جوه post_title بلون أهدى شوية عن باقي الاسم/المتن */
.news_box.news_pinned_box .post_title [class*="date"],
.news_box.news_pinned_box .post_title [class*="time"],
.news_box.news_pinned_box .post_title time{
	color: #7a6a4a !important;
}

/* متن المنشور: ضمان ظهور كل السطور من غير أي قص */
.news_box.news_pinned_box .post_content{
	display: block !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
	overflow: visible !important;
	max-height: none !important;
	text-overflow: unset !important;
	direction: rtl !important;
}

/* مسافة داخلية موحّدة عشان الكلام ميتقصّش من اليمين */
.news_box.news_pinned_box .post_title,
.news_box.news_pinned_box .post_content,
.news_box.news_pinned_box .post_control{
	box-sizing: border-box !important;
	padding-inline: 14px !important;
}

/* -------- أرقام الريأكشنز وعدد الكومنتات (جوه post_control) --------
   بتتلون فاتح في الدارك مود أصلاً، فبنجبرها غامق زي باقي النص */
.news_box.news_pinned_box .post_control .reaction_count,
.news_box.news_pinned_box .post_control [class*="count"]{
	color: #3a2c14 !important;
	opacity: 1 !important;
}
/* الأيقونات الملوّنة (قلب/لايك...) تفضل زي ما هي */
.news_box.news_pinned_box .post_control i{
	color: unset !important;
}

/* -------- البادچ: شريط فخم هادئ - دبوس ذهبي + كلمة "مثبت" -------- */
.news_pin_badge{
	display: inline-flex !important;
	width: auto !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 5px 16px !important;
	margin: 10px 12px 10px auto !important;
	border-radius: 30px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: .6px !important;
	color: #f3dc9a !important;
	background: linear-gradient(135deg, #2b2b2b 0%, #1a1a1a 55%, #2b2b2b 100%) !important;
	border: 1px solid rgba(212, 175, 55, .55) !important;
	box-shadow:
		0 3px 10px rgba(0,0,0,.28),
		inset 0 0 0 1px rgba(212,175,55,.12) !important;
	position: relative !important;
	overflow: hidden !important;
}

/* لمعة ذهبية هادئة تمر مرة كل شوية */
.news_pin_badge::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		120deg,
		transparent 0%,
		rgba(212, 175, 55, .45) 45%,
		transparent 60%
	);
	transform: translateX(-130%);
	animation: pinnedShineSweep 4.5s ease-in-out infinite;
	pointer-events: none;
}
@keyframes pinnedShineSweep{
	0%   { transform: translateX(-130%); }
	12%  { transform: translateX(130%); }
	100% { transform: translateX(130%); }
}

/* الدبوس: توهج ذهبي ناعم */
.news_pin_badge i{
	color: #d4af37 !important;
	font-size: 12.5px !important;
	transform-origin: center 20%;
	animation: pinFloat 2.6s ease-in-out infinite !important;
}
@keyframes pinFloat{
	0%, 100%{
		transform: rotate(-12deg) translateY(0);
		filter: drop-shadow(0 0 2px rgba(212,175,55,.5));
	}
	50%{
		transform: rotate(6deg) translateY(-1px);
		filter: drop-shadow(0 0 7px rgba(212,175,55,.95));
	}
}
.news_box.news_promoted_box .post_edit > i{
	color: #00000 !important;
}

/* -------- البادچ: أقوى، أكبر، أوضح -------- */
.news_promoted_badge{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 16px !important;
	margin: 0 0 8px 0 !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	letter-spacing: .6px !important;
	text-transform: uppercase;
	color: #3a2c14 !important;
	background: linear-gradient(90deg, #d4af37 0%, #fff3b0 45%, #d4af37 100%) !important;
	background-size: 220% 100% !important;
	animation: promoBadgeShift 3s ease-in-out infinite !important;
	box-shadow: 0 0 22px rgba(212,175,55,.65), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
@keyframes promoBadgeShift{
	0%, 100%{ background-position: 0% 50%; }
	50%{ background-position: 100% 50%; }
}
.news_promoted_badge i{
	font-size: 15px !important;
	color: #3a2c14 !important;
	animation: promoBoltPulse 1.2s ease-in-out infinite !important;
	filter: drop-shadow(0 0 5px rgba(255,255,255,.7));
}
@keyframes promoBoltPulse{
	0%, 100%{ transform: scale(1) rotate(0deg); opacity: .9; }
	50%{ transform: scale(1.3) rotate(-10deg); opacity: 1; }
}

.news_box.news_promoted_box .news_pin_badge{
	border-radius: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

/* Premium Profile Features */
.under_profile_image_wrap {
    padding: 0 15px;
    margin-top: -8px;
    margin-bottom: 10px;
}
.under_profile_image_wrap img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.pro_name_large {
    font-size: 1.3em !important;
}
.pro_name_xl {
    font-size: 1.6em !important;
}
.premium_color_bg {
    /* Will use inline style from PHP */
}

/* Additional Premium Features */
.user_name_bg_color {
    padding: 4px 12px;
    border-radius: 8px;
    display: inline-block;
}
.pro_name[user-style] {
    font-weight: bold;
}
.avatar_border_custom {
    border: 3px solid;
    border-radius: 50%;
}

/* ===== Premium Profile Glow Enhancement ===== */
.profile_background.premium_glow {
    position: relative;
}
.premium_glow::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 5px;
    z-index: -1;
    filter: blur(8px);
    opacity: 0.5;
    pointer-events: none;
}
.premium_glow::after {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 7px;
    z-index: -2;
    filter: blur(15px);
    opacity: 0.3;
    pointer-events: none;
}

/* Under profile image enhancement */
.under_profile_image_wrap img {
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(139, 92, 246, 0.15);
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.under_profile_image_wrap img:hover {
    transform: scale(1.02);
}

/* Premium Glow Effect for Profile Card */
.premium_glow_active {
    position: relative;
}
.premium_glow_active::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 6px;
    background: inherit;
    z-index: -1;
    filter: blur(10px);
    opacity: 0.5;
    pointer-events: none;
}
.premium_glow_active::after {
    content: '';
    position: absolute;
    inset: -5px;
    border-radius: 8px;
    background: inherit;
    z-index: -2;
    filter: blur(20px);
    opacity: 0.3;
    pointer-events: none;
}

/* Under profile image styling */
.under_profile_img_wrap {
    width: 100%;
}
.proitem_under {
    display: block !important;
    background: transparent !important;
}
.proitem_under .bcell_mid {
    padding: 8px 0 !important;
}
.under_profile_img_wrap img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 15px rgba(139,92,246,0.15);
    object-fit: cover;
    transition: transform 0.3s ease;
}
.under_profile_img_wrap img:hover {
    transform: scale(1.02);
}

/* Premium Modals CSS */
.premium_modal_content { padding: 10px 0; }
.premium_section_title { font-weight: 600; margin-bottom: 8px; color: var(--txt_color, #333); font-size: 13px; }
.premium_color_grid_modal { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.premium_color_option { width: 32px; height: 32px; border-radius: 6px; cursor: pointer; border: 2px solid transparent; transition: all 0.2s; }
.premium_color_option:hover { transform: scale(1.15); border-color: rgba(255,255,255,0.5); }
.premium_color_option.selected { border-color: #fff; box-shadow: 0 0 8px rgba(255,255,255,0.6); transform: scale(1.1); }
.premium_bg_option { width: 40px; height: 40px; }
.premium_frame_grid_modal { display: grid; grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); gap: 8px; max-height: 280px; overflow-y: auto; padding: 5px; }
.premium_frame_option { width: 55px; height: 55px; border-radius: 8px; overflow: hidden; cursor: pointer; border: 2px solid transparent; transition: all 0.2s; position: relative; background: #1a1a2e; display: flex; align-items: center; justify-content: center; }
.premium_frame_option img { max-width: 100%; max-height: 100%; object-fit: contain; }
.premium_frame_option:hover { border-color: #3b82f6; transform: scale(1.05); }
.premium_frame_option.selected { border-color: #3b82f6; box-shadow: 0 0 8px rgba(59,130,246,0.5); }
.premium_frame_actions_modal { margin-top: 12px; text-align: center; }
.premium_upload_area { text-align: center; padding: 15px; border: 2px dashed rgba(255,255,255,0.3); border-radius: 10px; cursor: pointer; transition: all 0.2s; }
.premium_upload_area:hover { border-color: #3b82f6; background: rgba(59,130,246,0.05); }
.premium_upload_label { cursor: pointer; color: var(--txt_color, #ddd); font-size: 13px; }
.premium_current_image { text-align: center; margin-bottom: 12px; }
.premium_current_image img { max-width: 150px; max-height: 150px; border-radius: 8px; border: 2px solid rgba(255,255,255,0.2); }
.premium_locked_message { text-align: center; padding: 20px; color: #888; }
.premium_locked_message i { font-size: 28px; margin-bottom: 10px; display: block; }
.premium_locked_message p { font-size: 13px; }

/* Premium Color Options - Hover & Selected */
.premium_color_option {
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}
.premium_color_option:hover {
    transform: scale(1.15);
    box-shadow: 0 0 12px rgba(255,255,255,0.5);
}
.premium_color_option.selected {
    transform: scale(1.2);
    box-shadow: 0 0 0 3px #fff, 0 0 15px rgba(255,255,255,0.8);
    z-index: 2;
}
.premium_bg_option {
    width: 48px;
    height: 48px;
}
.premium_bg_option:hover,
.premium_bg_option.selected {
    box-shadow: 0 0 0 3px #fff, 0 0 15px rgba(255,255,255,0.8);
    transform: scale(1.15);
}

/* Under-profile image as info section background */
#mprofilemenu {
    background-size: cover !important;
    background-position: center top !important;
    position: relative;
}
.proinfo_bg_overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg,
        rgba(255,255,255,0.05) 0%,
        rgba(255,255,255,0.35) 90px,
        rgba(255,255,255,0.80) 170px,
        rgba(255,255,255,0.97) 260px,
        rgba(255,255,255,1) 340px);
    backdrop-filter: blur(0px);
    pointer-events: none;
    z-index: 0;
}
#mprofilemenu .modal_zone,
#mprofilemenu .modal_menu,
#mprofilemenu ul,
#mprofilemenu li {
    position: relative;
    z-index: 1;
}

/* Custom member icon (rank 50+) */
img.custom_user_icon { height:15px; width:auto; object-fit:contain; vertical-align:middle; display:inline-block; }
img.custom_user_icon.chat_rank { height:11px; margin:0 3px 0 0; }
img.custom_user_icon.list_rank { height:15px; }
img.custom_user_icon.pro_ranking { height:15px; }
img.custom_user_icon.menuranking { height:15px; }
img.custom_user_icon.sub_rank_icon { height:16px; margin:0 auto; display:block; }
/* Custom rank icon inline with verified badge (profile card) */
img.custom_user_icon.pro_ranking {
    height: 20px !important;
    width: auto;
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 2px;
}
.pro_rank {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.pf_verified_wrap {
    display: inline-block;
    vertical-align: middle;
}
.pf_verified_badge {
    display: inline-flex;
    align-items: center;
}
.pf_verified_badge svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/* === Force custom icon inline with verified badge in profile === */
.luxury_profile_final .pro_rank,
.luxury_profile_final div.pro_rank.pdetails_text {
}
.luxury_profile_final .pro_rank .custom_user_icon {
    flex-shrink: 0;
    margin: 0 2px;
}

/* === Force custom icon inline with verified badge in profile === */
.luxury_profile_final .pro_rank,
.luxury_profile_final div.pro_rank.pdetails_text {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
}
.luxury_profile_final .pro_rank .custom_user_icon {
    height: 14px !important;
    max-height: 14px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0;
    margin: 0 2px;
}
.luxury_profile_final .pdetails .pro_rank {
    white-space: nowrap;
}
/* -------- تلوين خلفية الاسم: شريط كامل بعرض قائمة المتواجدين -------- */
.namebg_row.user_item {
    background: var(--namebg-gradient) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15), 0 0 14px var(--namebg-glow) !important;
    border-radius: 10px !important;
}
/* قائمة المتواجدين (الشريط الجانبي) */
.namebg_row {
    background: linear-gradient(120deg, var(--namebg-color, #e11d48) 0%, var(--namebg-color, #e11d48) 60%, rgba(15,15,15,0.55) 145%) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15), 0 0 14px var(--namebg-color, #e11d48) !important;
    border-radius: 10px !important;
}
.namebg_row .username {
    color: #fff !important;
    text-shadow: 0 0 6px rgba(0,0,0,0.6);
}
/* توهج خفيف عند تمرير الماوس */
.namebg_row:hover {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25), 0 0 22px var(--namebg-color, #e11d48) !important;
}
/* فاصل بين الصفوف عشان كل اسم يبقى براحته */
.user_item.namebg_row {
    margin: 7px 0 !important;
    padding: 8px 10px !important;
}

/* Rowline: rank icon + name + verified badge on one line */

/* -------- فاصل بين الأسماء: يعمل مع display:table -------- */
.user_item.namebg_row {
    margin-top: 7px !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(255,255,255,0.10) !important;
    background-clip: padding-box !important;
}
.user_item.namebg_row + .user_item.namebg_row {
    margin-top: 7px !important;
}
/* أول عنصر لا يحتاج هامش أعلى */
.avtrig.user_item.namebg_row:first-child {
    margin-top: 0 !important;
    padding-top: 8px !important;
    border-top: none !important;
}

/* FIX: nested pdetails inside rowline must not be full-width tables */

/* FIX: nested pdetails inside rowline must not be full-width tables */
.luxury_profile_final .pdetails.rowline { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; flex-wrap:nowrap; white-space:nowrap; width:100%; }
.luxury_profile_final .pdetails.rowline > .pdetails { display:flex; align-items:center; width:auto; flex:0 0 auto; }
.luxury_profile_final .pdetails.rowline > .pdetails .pdetails_text { display:inline-flex; align-items:center; white-space:nowrap; }
.luxury_profile_final .rowline_item { display:inline-flex; align-items:center; vertical-align:middle; margin:0; }
.luxury_profile_final .rowline_item.pro_rank { line-height:1; display:inline-flex; align-items:center; gap:5px; }
.luxury_profile_final .rowline_item.pro_name { line-height:1.2; }
.luxury_profile_final .rowline .pf_verified_wrap { display:inline-flex; align-items:center; vertical-align:middle; }

/* FIX: profile top meta row = verified + rank icon + rank title; name below */
.luxury_profile_final .top_meta.rowline { display:flex; justify-content:center; align-items:center; gap:7px; white-space:nowrap; }
.luxury_profile_final .top_meta_inner { display:inline-flex; align-items:center; gap:7px; }
.luxury_profile_final .top_meta_inner .pf_verified_wrap { display:inline-flex; align-items:center; }
.luxury_profile_final .top_meta_inner .pro_ranking { display:inline-block; vertical-align:middle; height:16px; }
.luxury_profile_final .top_meta_inner .pro_rank_label { font-size:14px; font-weight:bold; color:#fff; display:inline-block; vertical-align:middle; }
.luxury_profile_final .pdetails .pro_name { width:auto; text-align:center; }


/* FIX 20.96: mobile name clipping in luxury profile top */
.luxury_profile_final .pdetails > .pdetails_text.pro_name,
.luxury_profile_final .pdetails .pro_name {
    overflow: visible !important;
    white-space: normal !important;
    height: auto !important;
    line-height: 1.35 !important;
    padding-top: 2px !important;
}
.luxury_profile_final .pdetails:has(.pro_name) {
    overflow: visible !important;
}
.luxury_profile_final .name_glitter_wrap,
.luxury_profile_final .name_glitter_text {
    overflow: visible !important;
    display: inline-block;
}
@media (max-width: 768px) {
    .luxury_profile_final .pro_name, .luxury_profile_final .name_glitter_text { line-height: 1.5 !important; padding: 5px 0 !important; margin: 0 !important; }
}
@media (max-width: 480px) {
    .luxury_profile_final .pro_name, .luxury_profile_final .name_glitter_text { line-height: 1.55 !important; padding: 6px 0 !important; }
}
/* FIX 20.99: اسم الـ glitter (مثل ＲＥＮＡＲＤ) كان بيتقص من فوق في العام وقائمة المستخدمين على الموبايل
   الحروف الـ Fullwidth أطول من line-height الافتراضي (12px) فبنوسّع الخط والسطر على الموبايل
   في كل المواضع مش بس البروفايل (قائمة المستخدمين + رسائل العام) */
@media (max-width: 768px) {
    .name_glitter_wrap,
    .name_glitter_text {
        line-height: 1.5 !important;
        padding: 3px 0 !important;
        vertical-align: baseline !important;
    }
    .chat_message_name .name_glitter_wrap,
    .chat_message_name .name_glitter_text { font-size: 15px !important; }
    .user_item .name_glitter_wrap,
    .user_item .name_glitter_text { font-size: 16px !important; }
}
@media (max-width: 480px) {
    .chat_message_name .name_glitter_wrap,
    .chat_message_name .name_glitter_text { font-size: 14px !important; }
    .user_item .name_glitter_wrap,
    .user_item .name_glitter_text { font-size: 15px !important; }
}
/* Mobile name size fix - prevent clipping on top profile row */
@media (max-width: 768px) {
    .luxury_profile_final .pdetails .pdetails_text.pro_name {
        font-size: 17px !important;
        max-height: 26px !important;
    }
}
@media (max-width: 480px) {
    .luxury_profile_final .pdetails .pdetails_text.pro_name {
        font-size: 15px !important;
        max-height: 23px !important;
    }
}


/* auto-rank stage badge */
.rank_stage_txt{
	display:inline-block;
	vertical-align:middle;
	margin-right:2px;
	line-height:inherit;
}
.rank_stage_num{
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	font-weight:600;
	line-height:13px;
	color:#f0b429;
	background:transparent;
	border:1px solid rgba(240,180,41,0.45);
	border-radius:8px;
	padding:0 4px;
	height:13px;
	min-width:13px;
	text-align:center;
}

/* Achievement Badges (22.12) */
.achbadge_list{ display:inline-flex; align-items:center; gap:3px; vertical-align:middle; }
.chat_achbadges{ margin:0 0 0 6px; }
.achbadge_wrap{ display:inline-flex; align-items:center; gap:2px; padding:1px 6px 1px 2px; border-radius:20px; background:rgba(201,162,39,0.12); border:1px solid rgba(201,162,39,0.35); box-shadow:0 0 6px rgba(201,162,39,0.25); }
.achbadge_img{ width:14px; height:14px; vertical-align:middle; }
.achbadge_count{ font-size:10px; font-weight:700; color:#c9a227; line-height:1; }
/* badge style in dark theme (default) */
.achbadge_wrap{ background:rgba(201,162,39,0.12); border-color:rgba(201,162,39,0.35); }
.achbadge_count{ color:#c9a227; }
/* badge style in light theme */
[style*="#ffffff"] .achbadge_wrap, .theme_white .achbadge_wrap, body.light_mode .achbadge_wrap, .light .achbadge_wrap{ background:rgba(201,162,39,0.10); border-color:rgba(201,162,39,0.45); }
/* user list row badges */
.user_item .achbadge_list{ margin:0 0 0 3px; }
.user_item .achbadge_img{ width:13px; height:13px; }
/* responsive */
@media(max-width:640px){ .achbadge_img{ width:12px; height:12px; } .achbadge_count{ font-size:9px; } .chat_achbadges{ margin:0 0 0 4px; } }

/* FIX 22.03: stage number only (icon + number) in user list — no rank name */
.user_item .user_item_icon.icrank{ white-space:nowrap; font-size:13px; text-align:center; }
.user_item .list_user_rank{ font-size:10.5px; font-weight:700; color:#c9a227; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:1px 0 0; line-height:1.3; }
.user_item .list_user_rank .list_rank_icon{ height:12px; width:12px; vertical-align:middle; }
@media(max-width:640px){ .user_item .list_user_rank{ font-size:9px; } }
.rank_stage_num{ font-size:10px; color:#c9a227; font-weight:700; margin:0 0 0 2px; white-space:nowrap; }
@media(max-width:1024px){ .user_item .user_item_icon.icrank{ font-size:11px; } .rank_stage_num{ font-size:9px; } }
@media(max-width:640px){ .user_item .user_item_icon.icrank{ font-size:10px; } .rank_stage_num{ font-size:8px; } }
/* profile badges box */
.proitem .achbadge_list{ display:flex; flex-wrap:wrap; gap:5px; justify-content:center; padding:4px 2px; }
.proitem .achbadge_wrap{ padding:3px 8px 3px 4px; }
.proitem .achbadge_img{ width:18px; height:18px; }
.proitem .achbadge_count{ font-size:11px; }
@media(max-width:640px){ .proitem .achbadge_img{ width:16px; height:16px; } .proitem .achbadge_wrap{ padding:2px 6px 2px 3px; } }
/* Top user card fix (22.20): name directly on background, status dot above frame */
.user_item .username { background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 0 0 8px !important; color:inherit !important; text-shadow:none !important; }
.user_item .user_item_avatar { position:relative; }
.user_item .list_status { z-index:6 !important; left:auto !important; right:0 !important; bottom:0 !important; width:15px !important; height:15px !important; box-shadow:0 0 5px rgba(0,0,0,0.6); }

/* profile badges single row centered (22.27) */
.pbadges_list { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-items: center; justify-content: center; width: 100%; }
.pbadge { float: none; margin: 0 3px 0 0; flex: 0 0 auto; }
.pbadge { float: none; margin: 0 3px 0 0; }


/* ============================================================
   Patch: علامة الكتم الواضحة على مقعد المايك
   - أيقونة دائرية حمراء متوهجة تطفو أعلى يمين المقعد
   - تظهر فوق كل العناصر (z-index عالي) بغض النظر عن الإطار
   ============================================================ */

/* إعادة تموضع الأفاتار داخل المقعد لضمان ظهور الأيقونة خارجه */
.mic_seat_avatar_wrap .avatar_frame_wrap {
	position: relative !important;
	overflow: visible !important;
	z-index: 1 !important;
	display: block;
	width: 100%;
	height: 100%;
}

/* ===== أيقونة الكتم: دائرية حمراء متوهجة أعلى يمين المقعد ===== */
.mic_seat_item {
	position: relative;
}

.mic_seat_muted {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 22px;
	height: 22px;
	min-width: 22px;
	min-height: 22px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff3b3b 0%, #d32f2f 100%);
	color: #fff !important;
	font-size: 11px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	box-shadow: 0 0 0 2px #1a1a2e, 0 3px 10px rgba(211, 47, 47, 0.55);
	animation: micMutedGlow 1.6s ease-in-out infinite;
	pointer-events: none;
	line-height: 1;
}

.mic_seat_muted i {
	display: block !important;
	width: auto !important;
	height: auto !important;
	font-size: 11px !important;
	color: #fff !important;
	line-height: 1 !important;
	z-index: 99999 !important;
}

/* إجبار الأيقونة على الظهور فوق إطار الأفاتار (الكفر) */
.mic_seat_avatar_wrap .avatar_frame_wrap .avatar_frame_overlay {
	z-index: 1 !important;
}

.mic_seat_avatar_wrap .avatar_frame_overlay {
	z-index: 1 !important;
}

/* توهج نابض يلفت النظر */
@keyframes micMutedGlow {
	0%, 100% {
		box-shadow: 0 0 0 2px #1a1a2e, 0 3px 10px rgba(211, 47, 47, 0.55);
		transform: scale(1);
	}
	50% {
		box-shadow: 0 0 0 2px #1a1a2e, 0 3px 16px rgba(255, 59, 59, 0.85);
		transform: scale(1.08);
	}
}

/* حالة الكتم: تغميق خفيف للأفاتار مع بقاء الوضوح */
.mic_seat_item.mic_muted .mic_seat_avatar_wrap {
	filter: none;
	opacity: 1;
}

.mic_seat_item.mic_muted .mic_seat_avatar_wrap .mic_seat_avatar,
.mic_seat_item.mic_muted .mic_seat_avatar_wrap .avatar_frame_wrap img:not(.avatar_frame_overlay) {
	filter: saturate(0.45) brightness(0.85);
	transition: filter 0.3s ease;
}

/* الوضع النهاري: تغميق أفتح قليلًا */
body:not(.dark_mode) .mic_seat_muted {
	background: linear-gradient(135deg, #ff5252 0%, #e53935 100%);
	box-shadow: 0 0 0 2px #ffffff, 0 3px 10px rgba(229, 57, 53, 0.5);
}

body:not(.dark_mode) .mic_seat_muted i {
	color: #fff !important;
}

/* للجوال: نفس الحجم والثبات */
@media (max-width: 768px) {
	.mic_seat_muted {
		top: -4px;
		right: -4px;
		width: 18px;
		height: 18px;
		min-width: 18px;
		min-height: 18px;
	}
	.mic_seat_muted i {
		font-size: 9px !important;
	}
}


/* Subtle equipped profile effect blended into the whole user card */
.profile_list_name_fx{
	position:relative;
	display:inline !important;
	vertical-align:middle;
	max-width:100%;
	min-width:0;
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
	border-radius:0;
	background:transparent !important;
	box-shadow:none !important;
	line-height:inherit;
}
.profile_list_name_fx::before,
.profile_list_name_fx::after{
	display:none !important;
}
.profile_list_name_fx_text{
	position:relative;
	z-index:2;
	display:inline;
	white-space:inherit;
	text-shadow:0 1px 2px rgba(0,0,0,.24);
}
.profile_list_card_effect{
	position:relative;
	isolation:isolate;
	overflow:hidden;
}
.profile_list_card_effect::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	border-radius:inherit;
	background:var(--profile-list-effect);
	background-blend-mode:screen;
	background-size:185% 165%;
	background-position:0% 50%;
	filter:saturate(1.08);
	opacity:.44;
	animation:profileListCardEffectFlow 8s ease-in-out infinite alternate;
}
.profile_list_card_effect::after{
	content:"";
	position:absolute;
	inset:1px;
	z-index:0;
	pointer-events:none;
	border-radius:inherit;
	background:
		linear-gradient(112deg,transparent 18%,rgba(255,255,255,.13) 46%,transparent 72%),
		linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.008) 58%,rgba(0,0,0,.08));
	background-size:220% 100%,100% 100%;
	background-position:-120% 0,0 0;
	opacity:.26;
	mix-blend-mode:screen;
	animation:profileListCardEffectSheen 6.5s ease-in-out infinite;
}
/* The card is a table; position its cells so the pseudo background stays behind them. */
.profile_list_card_effect > *{
	position:relative;
	z-index:2;
}
.profile_list_card_effect .username,
.profile_list_card_effect .profile_list_name_fx,
.profile_list_card_effect .profile_list_name_fx_text,
.profile_list_card_effect .name_glitter_wrap,
.profile_list_card_effect .name_glitter_text{
	position:relative;
	z-index:4;
	display:inline-block !important;
	width:auto !important;
	max-width:none !important;
	overflow:visible !important;
	white-space:nowrap !important;
}
/* Name-only effect: a soft halo behind the letters, never a rectangular badge. */
.profile_list_card_effect .profile_list_name_fx{
	background:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	isolation:isolate;
	filter:drop-shadow(0 0 4px var(--profile-list-glow)) drop-shadow(0 0 8px var(--profile-list-glow));
}
.profile_list_card_effect .profile_list_name_fx::before{
	content:"";
	position:absolute;
	z-index:-1;
	inset:-7px -12px;
	border-radius:50%;
	background:var(--profile-list-effect);
	filter:blur(7px) saturate(1.12);
	opacity:.78;
	pointer-events:none;
}
.profile_list_card_effect .profile_list_name_fx_text{
	text-shadow:0 0 3px var(--profile-list-glow),0 0 8px var(--profile-list-glow),0 1px 2px rgba(0,0,0,.78) !important;
}
/* Keep the equipped card background effect and give the name its own table space. */
.profile_list_card_effect{
	table-layout:auto !important;
}
.profile_list_card_effect .user_item_avatar{
	width:36px !important;
	min-width:36px !important;
}
.profile_list_card_effect .user_item_icon.icrank{
	width:24px !important;
	min-width:24px !important;
	white-space:nowrap !important;
}
.profile_list_card_effect .user_item_data{
	width:auto !important;
	min-width:0 !important;
	overflow:hidden !important;
	text-overflow:clip !important;
	white-space:nowrap !important;
}
.profile_list_card_effect .username{
	overflow:visible !important;
	text-overflow:clip !important;
	white-space:nowrap !important;
}
.profile_list_card_effect .name_glitter_text{
	background:none !important;
	background-image:none !important;
	-webkit-background-clip:initial !important;
	background-clip:initial !important;
	-webkit-text-fill-color:#fff !important;
	color:#fff !important;
	text-shadow:0 0 3px var(--profile-list-glow),0 0 8px var(--profile-list-glow),0 1px 2px rgba(0,0,0,.72) !important;
}
@keyframes profileListCardEffectDrift{
	0%{transform:translate3d(-2%,0,0) scale(1.02);}
	100%{transform:translate3d(2%,0,0) scale(1.06);}
}
@keyframes profileListCardEffectFlow{
	0%{background-position:0% 50%;transform:scale(1.02) translate3d(-1.5%,0,0);}
	50%{background-position:54% 42%;transform:scale(1.045) translate3d(0,1%,0);}
	100%{background-position:100% 58%;transform:scale(1.07) translate3d(1.5%,-1%,0);}
}
@keyframes profileListCardEffectSheen{
	0%{background-position:-120% 0,0 0;opacity:.10;}
	45%{background-position:20% 0,0 0;opacity:.24;}
	70%{background-position:120% 0,0 0;opacity:.16;}
	100%{background-position:120% 0,0 0;opacity:.10;}
}
@keyframes profileListEffectDrift{
	0%{transform:rotate(-8deg) translate3d(-8%,2%,0) scale(.98);}
	100%{transform:rotate(-3deg) translate3d(8%,-2%,0) scale(1.04);}
}
.profile_list_effect_fireball{--profile-list-effect:radial-gradient(circle at 28% 45%,rgba(255,238,156,.36),transparent 16%),linear-gradient(110deg,rgba(255,71,13,.30),rgba(255,174,39,.14),rgba(104,16,8,.08));--profile-list-glow:rgba(255,106,24,.19);}
.profile_list_effect_dolphin{--profile-list-effect:radial-gradient(ellipse at 70% 40%,rgba(105,236,255,.34),transparent 25%),linear-gradient(110deg,rgba(24,119,255,.22),rgba(25,222,211,.13),rgba(86,77,255,.08));--profile-list-glow:rgba(61,201,255,.18);}
.profile_list_effect_ocean{--profile-list-effect:linear-gradient(165deg,rgba(33,176,255,.24),rgba(28,93,205,.15),rgba(57,234,213,.08));--profile-list-glow:rgba(35,163,255,.18);}
.profile_list_effect_lightning{--profile-list-effect:radial-gradient(circle at 48% 45%,rgba(255,246,167,.38),transparent 12%),linear-gradient(115deg,rgba(92,66,255,.23),rgba(242,224,73,.15),rgba(121,38,255,.10));--profile-list-glow:rgba(156,123,255,.19);}
.profile_list_effect_ice{--profile-list-effect:linear-gradient(120deg,rgba(148,233,255,.27),rgba(72,150,255,.16),rgba(220,252,255,.12));--profile-list-glow:rgba(125,218,255,.17);}
.profile_list_effect_hearts{--profile-list-effect:radial-gradient(circle at 42% 42%,rgba(255,153,184,.31),transparent 18%),linear-gradient(120deg,rgba(255,65,120,.23),rgba(173,54,255,.12));--profile-list-glow:rgba(255,86,148,.17);}
.profile_list_effect_stars{--profile-list-effect:radial-gradient(circle at 68% 38%,rgba(255,244,153,.38),transparent 13%),linear-gradient(120deg,rgba(42,53,134,.22),rgba(255,208,74,.13));--profile-list-glow:rgba(255,211,82,.17);}
.profile_list_effect_sakura{--profile-list-effect:linear-gradient(120deg,rgba(255,156,208,.26),rgba(255,206,226,.14),rgba(174,93,255,.10));--profile-list-glow:rgba(255,151,207,.17);}
.profile_list_effect_bubbles{--profile-list-effect:radial-gradient(circle at 30% 35%,rgba(198,255,255,.34),transparent 10%),linear-gradient(120deg,rgba(26,207,220,.23),rgba(100,114,255,.13));--profile-list-glow:rgba(63,219,235,.17);}
.profile_list_effect_aurora{--profile-list-effect:linear-gradient(120deg,rgba(51,231,174,.24),rgba(96,129,255,.19),rgba(206,81,255,.11));--profile-list-glow:rgba(97,224,193,.17);}
.profile_list_effect_volcano{--profile-list-effect:radial-gradient(circle at 38% 44%,rgba(255,213,87,.32),transparent 14%),linear-gradient(120deg,rgba(185,28,28,.25),rgba(255,97,27,.17),rgba(65,13,28,.10));--profile-list-glow:rgba(255,83,37,.18);}
.profile_list_effect_neon{--profile-list-effect:linear-gradient(120deg,rgba(0,247,255,.23),rgba(255,48,214,.22),rgba(110,82,255,.10));--profile-list-glow:rgba(0,232,255,.17);}
.profile_list_effect_rainbow{--profile-list-effect:linear-gradient(105deg,rgba(255,87,87,.18),rgba(255,222,89,.17),rgba(82,224,132,.15),rgba(75,164,255,.17),rgba(177,97,255,.15));--profile-list-glow:rgba(132,151,255,.17);}
.profile_list_effect_gold{--profile-list-effect:radial-gradient(circle at 38% 40%,rgba(255,249,187,.38),transparent 15%),linear-gradient(120deg,rgba(255,185,49,.28),rgba(255,224,106,.15),rgba(150,83,13,.08));--profile-list-glow:rgba(255,192,48,.18);}
.profile_list_effect_crown{--profile-list-effect:linear-gradient(120deg,rgba(255,206,67,.27),rgba(255,112,51,.13),rgba(136,65,255,.09));--profile-list-glow:rgba(255,192,44,.18);}
.profile_list_effect_wings{--profile-list-effect:linear-gradient(120deg,rgba(208,215,255,.25),rgba(147,117,255,.17),rgba(245,188,255,.11));--profile-list-glow:rgba(182,163,255,.18);}
.profile_list_effect_moon{--profile-list-effect:radial-gradient(circle at 65% 35%,rgba(255,247,183,.34),transparent 13%),linear-gradient(120deg,rgba(26,42,100,.24),rgba(93,110,212,.14));--profile-list-glow:rgba(128,149,255,.18);}
.profile_list_effect_rose{--profile-list-effect:radial-gradient(circle at 42% 42%,rgba(255,175,191,.32),transparent 13%),linear-gradient(120deg,rgba(207,37,79,.22),rgba(255,109,155,.13));--profile-list-glow:rgba(255,91,138,.17);}
.profile_list_effect_fireworks{--profile-list-effect:radial-gradient(circle at 68% 34%,rgba(255,237,155,.35),transparent 12%),linear-gradient(120deg,rgba(92,55,255,.23),rgba(255,73,182,.15),rgba(43,155,255,.10));--profile-list-glow:rgba(165,115,255,.18);}
.profile_list_effect_smoke{--profile-list-effect:linear-gradient(120deg,rgba(197,211,231,.20),rgba(105,133,168,.14),rgba(61,77,110,.09));--profile-list-glow:rgba(151,178,208,.14);}
.profile_list_effect_energy{--profile-list-effect:radial-gradient(circle at 48% 45%,rgba(147,255,253,.35),transparent 12%),linear-gradient(120deg,rgba(40,221,255,.22),rgba(110,60,255,.20),rgba(255,65,218,.10));--profile-list-glow:rgba(69,216,255,.18);}
.chat_dark_mode .profile_list_name_fx,
.dark_mode .profile_list_name_fx,
body:has(#actual_theme[href*="/Dark/"]) .profile_list_name_fx{
	background:rgba(255,255,255,.014);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 0 11px var(--profile-list-glow);
}
@media (prefers-reduced-motion:reduce){
	.profile_list_name_fx::before{animation:none;}
}

/* Final override: the legacy global rule hides name pseudo-elements; restore the name halo only inside equipped cards. */
.profile_list_card_effect .profile_list_name_fx{
	background:transparent !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	padding:0 !important;
}
.profile_list_card_effect .profile_list_name_fx::before{
	display:block !important;
	content:"" !important;
	position:absolute !important;
	z-index:0 !important;
	inset:-7px -12px !important;
	border:0 !important;
	border-radius:50% !important;
	background:var(--profile-list-effect) !important;
	filter:blur(7px) saturate(1.18) !important;
	opacity:.92 !important;
	pointer-events:none !important;
}
.profile_list_card_effect .profile_list_name_fx::after{
	display:none !important;
}
.profile_list_card_effect .profile_list_name_fx_text,
.profile_list_card_effect .name_glitter_text{
	position:relative !important;
	z-index:1 !important;
	color:#fff !important;
	-webkit-text-fill-color:#fff !important;
	text-shadow:0 0 4px var(--profile-list-glow),0 0 10px var(--profile-list-glow),0 1px 2px rgba(0,0,0,.82) !important;
}

/* Remove the legacy inline name badge inside equipped cards; reveal the card effect behind the letters. */
.profile_list_card_effect p.username,
.profile_list_card_effect .username{
	background:transparent !important;
	box-shadow:none !important;
	border:0 !important;
	border-radius:0 !important;
	padding:0 !important;
}
.profile_list_card_effect .profile_list_name_fx::before{
	z-index:0 !important;
	opacity:.98 !important;
	filter:blur(6px) saturate(1.28) !important;
}
.profile_list_card_effect .profile_list_name_fx_text,
.profile_list_card_effect .name_glitter_text{
	position:relative !important;
	z-index:1 !important;
}

/* Make the equipped effect visibly reach the letters without creating a name badge. */
.profile_list_card_effect .profile_list_name_fx{
	filter:drop-shadow(0 0 5px var(--profile-list-glow)) drop-shadow(0 0 11px var(--profile-list-glow)) drop-shadow(0 0 18px var(--profile-list-glow)) !important;
	animation:profileListNameHaloPulse 3.8s ease-in-out infinite !important;
}
.profile_list_card_effect .profile_list_name_fx_text,
.profile_list_card_effect .name_glitter_text{
	text-shadow:0 0 4px var(--profile-list-glow),0 0 10px var(--profile-list-glow),0 0 18px var(--profile-list-glow),0 1px 2px rgba(0,0,0,.82) !important;
}
@keyframes profileListNameHaloPulse{
	0%,100%{filter:drop-shadow(0 0 4px var(--profile-list-glow)) drop-shadow(0 0 9px var(--profile-list-glow)) drop-shadow(0 0 14px var(--profile-list-glow));}
	50%{filter:drop-shadow(0 0 7px var(--profile-list-glow)) drop-shadow(0 0 15px var(--profile-list-glow)) drop-shadow(0 0 24px var(--profile-list-glow));}
}
@media (prefers-reduced-motion:reduce){
	.profile_list_card_effect .profile_list_name_fx{animation:none !important;}
}

/* Strong letter-level halo palette: visible but still feathered, never a rectangular badge. */
.profile_list_effect_fireball{--profile-list-name-halo:rgba(255,106,24,.62);}
.profile_list_effect_dolphin{--profile-list-name-halo:rgba(61,201,255,.62);}
.profile_list_effect_ocean{--profile-list-name-halo:rgba(35,163,255,.62);}
.profile_list_effect_lightning{--profile-list-name-halo:rgba(156,123,255,.62);}
.profile_list_effect_ice{--profile-list-name-halo:rgba(125,218,255,.62);}
.profile_list_effect_hearts{--profile-list-name-halo:rgba(255,86,148,.62);}
.profile_list_effect_stars{--profile-list-name-halo:rgba(255,211,82,.62);}
.profile_list_effect_sakura{--profile-list-name-halo:rgba(255,151,207,.62);}
.profile_list_effect_bubbles{--profile-list-name-halo:rgba(63,219,235,.62);}
.profile_list_effect_aurora{--profile-list-name-halo:rgba(97,224,193,.62);}
.profile_list_effect_volcano{--profile-list-name-halo:rgba(255,83,37,.62);}
.profile_list_effect_neon{--profile-list-name-halo:rgba(0,232,255,.62);}
.profile_list_effect_rainbow{--profile-list-name-halo:rgba(132,151,255,.62);}
.profile_list_effect_gold{--profile-list-name-halo:rgba(255,192,48,.62);}
.profile_list_effect_crown{--profile-list-name-halo:rgba(255,192,44,.62);}
.profile_list_effect_wings{--profile-list-name-halo:rgba(182,163,255,.62);}
.profile_list_effect_moon{--profile-list-name-halo:rgba(128,149,255,.62);}
.profile_list_effect_rose{--profile-list-name-halo:rgba(255,91,138,.62);}
.profile_list_effect_fireworks{--profile-list-name-halo:rgba(165,115,255,.68);}
.profile_list_effect_smoke{--profile-list-name-halo:rgba(151,178,208,.52);}
.profile_list_effect_energy{--profile-list-name-halo:rgba(69,216,255,.65);}
.profile_list_card_effect .profile_list_name_fx::before{
	inset:-8px -20px !important;
	border-radius:50% !important;
	background:radial-gradient(ellipse at center, var(--profile-list-name-halo, rgba(255,255,255,.55)) 0%, transparent 72%) !important;
	filter:blur(5px) saturate(1.25) !important;
	opacity:.94 !important;
}
.profile_list_card_effect .profile_list_name_fx_text,
.profile_list_card_effect .name_glitter_text{
	text-shadow:0 0 5px var(--profile-list-name-halo),0 0 12px var(--profile-list-name-halo),0 0 20px var(--profile-list-name-halo),0 1px 2px rgba(0,0,0,.82) !important;
}


/* Public chat message layout repair — v23.38
   Keep rank/avatar/name in one identity row and let message text wrap in its own cell. */
#chat_logs_container .chat_message_wrapper,
#chat_logs_container .chat_log .chat_message_wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    gap: 5px !important;
    padding: 3px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    line-height: 1.45 !important;
}
#chat_logs_container .chat_message_wrapper::after {
    display: none !important;
    content: none !important;
}
#chat_logs_container .chat_identity_cell {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: ltr !important;
    position: static !important;
    float: none !important;
    width: max-content !important;
    max-width: 190px !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    order: 0 !important;
}
#chat_logs_container .chat_identity_cell .chat_rank_cell,
#chat_logs_container .chat_identity_cell .chat_avatar_cell,
#chat_logs_container .chat_identity_cell .chat_name_cell {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}
#chat_logs_container .chat_identity_cell .chat_rank_cell {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    justify-content: center !important;
    align-items: center !important;
    order: 0 !important;
}
#chat_logs_container .chat_identity_cell .chat_name_cell {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    order: 1 !important;
    line-height: 30px !important;
}
#chat_logs_container .chat_identity_cell .chat_name_cell .username {
    display: inline !important;
    max-width: 120px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 30px !important;
}
#chat_logs_container .chat_identity_cell .chat_name_cell::after {
    display: inline-block !important;
    position: static !important;
    margin-inline: 4px 0 !important;
    line-height: 30px !important;
    order: 2 !important;
}
#chat_logs_container .chat_identity_cell .chat_avatar_cell {
    display: inline-flex !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    justify-content: center !important;
    align-items: center !important;
    order: 2 !important;
}
#chat_logs_container .chat_identity_cell .chat_avatar_cell .cavatar,
#chat_logs_container .chat_identity_cell .chat_avatar_cell .avatar_wrapper {
    width: 30px !important;
    height: 30px !important;
}
#chat_logs_container .chat_content_cell {
    display: block !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
#chat_logs_container .chat_content_cell > div:first-child,
#chat_logs_container .chat_content_cell > div:first-child .mbubble {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}
#chat_logs_container .chat_date_cell {
    display: none !important;
}
#chat_logs_container .chat_menu_cell {
    display: flex !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 30px !important;
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    order: 3 !important;
}
@media (max-width: 600px) {
    #chat_logs_container .chat_message_wrapper,
    #chat_logs_container .chat_log .chat_message_wrapper {
        gap: 3px !important;
        min-height: 27px !important;
        padding: 2px 0 !important;
    }
    #chat_logs_container .chat_identity_cell {
        height: 27px !important;
        max-width: 165px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_rank_cell,
    #chat_logs_container .chat_identity_cell .chat_name_cell,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell {
        height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_name_cell .username {
        max-width: 100px !important;
        line-height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_name_cell::after {
        line-height: 27px !important;
    }
    #chat_logs_container .chat_identity_cell .chat_avatar_cell,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell .cavatar,
    #chat_logs_container .chat_identity_cell .chat_avatar_cell .avatar_wrapper {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #chat_logs_container .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}


/* Public message layout final scope — v24.70
   The live markup uses li.public__message > .chat_message_container. */
#chat_logs_container li.public__message .chat_message_container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}
#chat_logs_container li.public__message .chat_message_wrapper,
#chat_logs_container li.public__message .chat_message_container > .chat_message_wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    gap: 5px !important;
    position: static !important;
    float: none !important;
    overflow: visible !important;
    direction: rtl !important;
}
#chat_logs_container li.public__message .chat_identity_cell {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 190px !important;
    min-width: 0 !important;
    height: 30px !important;
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: ltr !important;
}
#chat_logs_container li.public__message .chat_identity_cell > div,
#chat_logs_container li.public__message .chat_identity_cell .chat_rank_cell,
#chat_logs_container li.public__message .chat_identity_cell .chat_avatar_cell,
#chat_logs_container li.public__message .chat_identity_cell .chat_name_cell {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px !important;
    min-height: 0 !important;
    overflow: visible !important;
}
#chat_logs_container li.public__message .chat_identity_cell .chat_rank_cell {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    justify-content: center !important;
    align-items: center !important;
}
#chat_logs_container li.public__message .chat_identity_cell .chat_name_cell {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    white-space: nowrap !important;
    line-height: 30px !important;
}
#chat_logs_container li.public__message .chat_identity_cell .chat_name_cell .username {
    display: inline !important;
    width: auto !important;
    max-width: 140px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 30px !important;
}
#chat_logs_container li.public__message .chat_identity_cell .chat_avatar_cell {
    display: inline-flex !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    justify-content: center !important;
    align-items: center !important;
}
#chat_logs_container li.public__message .chat_content_cell {
    display: block !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
}
#chat_logs_container li.public__message .chat_content_cell > div:first-child {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    vertical-align: baseline !important;
}
#chat_logs_container li.public__message .chat_date_cell,
#chat_logs_container li.public__message .chat_menu_cell {
    display: none !important;
}
@media (max-width: 600px) {
    #chat_logs_container li.public__message .chat_identity_cell { max-width: 170px !important; }
    #chat_logs_container li.public__message .chat_identity_cell .chat_name_cell .username { max-width: 115px !important; }
}


/* Public message layout — direct live markup fallback v24.70 */
li.public__message .chat_message_container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}
li.public__message .chat_message_wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px 0 !important;
    gap: 5px !important;
    position: static !important;
    float: none !important;
    overflow: visible !important;
    direction: rtl !important;
}
li.public__message .chat_identity_cell {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 190px !important;
    min-width: 0 !important;
    height: 30px !important;
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: ltr !important;
}
li.public__message .chat_identity_cell > div,
li.public__message .chat_identity_cell .chat_rank_cell,
li.public__message .chat_identity_cell .chat_avatar_cell,
li.public__message .chat_identity_cell .chat_name_cell {
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px !important;
    min-height: 0 !important;
    overflow: visible !important;
}
li.public__message .chat_identity_cell .chat_rank_cell {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    justify-content: center !important;
    align-items: center !important;
}
li.public__message .chat_identity_cell .chat_name_cell {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    white-space: nowrap !important;
    line-height: 30px !important;
}
li.public__message .chat_identity_cell .chat_name_cell .username {
    display: inline !important;
    width: auto !important;
    max-width: 140px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 30px !important;
}
li.public__message .chat_identity_cell .chat_avatar_cell {
    display: inline-flex !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    justify-content: center !important;
    align-items: center !important;
}
li.public__message .chat_content_cell {
    display: block !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
}
li.public__message .chat_content_cell > div:first-child {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    vertical-align: baseline !important;
}
li.public__message .chat_date_cell,
li.public__message .chat_menu_cell {
    display: none !important;
}
@media (max-width: 600px) {
    li.public__message .chat_identity_cell { max-width: 170px !important; }
    li.public__message .chat_identity_cell .chat_name_cell .username { max-width: 115px !important; }
}


/* v24.72 final: restore the original animated glitter on equipped user-list names. */
.profile_list_card_effect .name_glitter_wrap .name_glitter_text {
    position: relative !important;
    z-index: 5 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background-color: transparent !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    text-shadow: 0 0 4px var(--profile-list-name-halo, var(--profile-list-glow)), 0 1px 2px rgba(0,0,0,.86) !important;
}

/* v24.72 final: public-chat rows must keep identity and text on one flow.
   The message body remains a separate flex cell, so wrapped lines align under
   the first message line instead of falling back to the page edge. */
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    gap: 5px !important;
    padding: 3px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper > .chat_identity_cell {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: ltr !important;
    position: static !important;
    float: none !important;
    order: 0 !important;
    width: max-content !important;
    max-width: 190px !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell,
#chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell,
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    clear: none !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    order: 0 !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    order: 1 !important;
    line-height: 30px !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell .username {
    display: inline-block !important;
    max-width: 120px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 30px !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell::after {
    display: inline-block !important;
    position: static !important;
    order: 2 !important;
    margin-inline: 0 5px !important;
    line-height: 30px !important;
    white-space: nowrap !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell {
    display: inline-flex !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important;
}
#chat_logs_container li.public__message .chat_content_cell {
    display: block !important;
    flex: 1 1 0% !important;
    order: 1 !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
#chat_logs_container li.public__message .chat_content_cell > div:first-child,
#chat_logs_container li.public__message .chat_content_cell > div:first-child .mbubble {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}
#chat_logs_container li.public__message .chat_content_cell .chat_react_summary,
#chat_logs_container li.public__message .chat_content_cell .chat_react_opt:not(:empty),
#chat_logs_container li.public__message .chat_content_cell .chat_quote_opt {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    float: none !important;
    clear: none !important;
    width: max-content !important;
    max-width: max-content !important;
    min-width: 0 !important;
    margin: 0 4px 0 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    position: relative !important;
    top: 0 !important;
}
#chat_logs_container li.public__message .chat_date_cell {
    display: none !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
        min-height: 27px !important;
        gap: 3px !important;
        padding: 2px 0 !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell {
        max-width: 165px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell .username {
        max-width: 100px !important;
        line-height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell::after {
        line-height: 27px !important;
    }
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell .cavatar,
    #chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell .avatar_wrapper {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #chat_logs_container li.public__message .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}


/* v24.73 root repair: override all legacy grid/block/absolute mobile attempts. */
body li.public__message .chat_message_wrapper {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    position:relative !important;
    float:none !important;
    clear:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:30px !important;
    height:auto !important;
    gap:5px !important;
    padding:3px 0 !important;
    margin:0 !important;
    direction:rtl !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
body li.public__message .chat_message_wrapper > .chat_identity_cell {
    display:flex !important;
    flex:0 0 auto !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    order:0 !important;
    position:static !important;
    float:none !important;
    clear:none !important;
    width:max-content !important;
    max-width:190px !important;
    min-width:0 !important;
    height:30px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    direction:ltr !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_rank_cell,
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell,
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell {
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    float:none !important;
    clear:none !important;
    transform:none !important;
    flex-shrink:0 !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
    max-width:none !important;
    height:30px !important;
    min-height:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_rank_cell {
    display:inline-flex !important;
    flex:0 0 18px !important;
    width:18px !important;
    align-items:center !important;
    justify-content:center !important;
    order:0 !important;
}
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell {
    display:inline-flex !important;
    flex:0 0 30px !important;
    width:30px !important;
    align-items:center !important;
    justify-content:center !important;
    order:1 !important;
}
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell {
    display:inline-flex !important;
    flex:0 1 auto !important;
    align-items:center !important;
    justify-content:flex-start !important;
    order:2 !important;
    line-height:30px !important;
}
body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell .username {
    display:inline-block !important;
    position:static !important;
    max-width:125px !important;
    height:auto !important;
    line-height:30px !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
}
body li.public__message .chat_message_wrapper > .chat_content_cell {
    display:block !important;
    flex:1 1 0% !important;
    order:1 !important;
    position:static !important;
    float:none !important;
    clear:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    direction:rtl !important;
    text-align:right !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    box-sizing:border-box !important;
}
body li.public__message .chat_message_wrapper > .chat_content_cell > div:first-child {
    display:inline !important;
    position:static !important;
    float:none !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    line-height:inherit !important;
    vertical-align:baseline !important;
}
body li.public__message .chat_message_wrapper > .chat_content_cell .chat_react_opt:not(:empty),
body li.public__message .chat_message_wrapper > .chat_content_cell .chat_react_summary,
body li.public__message .chat_message_wrapper > .chat_content_cell .chat_quote_opt {
    display:inline-flex !important;
    position:static !important;
    float:none !important;
    clear:none !important;
    width:max-content !important;
    max-width:max-content !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 4px 0 0 !important;
    padding:0 !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
    line-height:1 !important;
}
body li.public__message .chat_date_cell { display:none !important; }

@media (max-width:800px) {
    body li.public__message .chat_message_wrapper { min-height:27px !important; gap:3px !important; padding:2px 0 !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_rank_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell { height:27px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell { max-width:165px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_name_cell .username { max-width:100px !important; line-height:27px !important; }
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell .avatar_wrapper,
    body li.public__message .chat_message_wrapper > .chat_identity_cell > .chat_avatar_cell .cavatar { width:26px !important; height:26px !important; flex-basis:26px !important; }
    body li.public__message .chat_message_wrapper > .chat_content_cell { font-size:13px !important; line-height:1.4 !important; }
}
.public_message_flow {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    gap: 5px !important;
    padding: 3px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.public_message_flow > .chat_identity_cell {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: ltr !important;
    position: static !important;
    float: none !important;
    order: 0 !important;
    width: max-content !important;
    max-width: 190px !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
.public_message_flow > .chat_identity_cell > .chat_rank_cell,
.public_message_flow > .chat_identity_cell > .chat_avatar_cell,
.public_message_flow > .chat_identity_cell > .chat_name_cell {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    position: static !important;
    float: none !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
.public_message_flow > .chat_identity_cell > .chat_name_cell {
    max-width: 125px !important;
    overflow: hidden !important;
}
.public_message_flow > .chat_identity_cell > .chat_name_cell .username,
.public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
.public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
    display: inline-block !important;
    max-width: 125px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    line-height: 30px !important;
}
.public_message_flow > .chat_content_cell {
    display: block !important;
    flex: 1 1 auto !important;
    order: 1 !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
}
.public_message_flow > .chat_content_cell > div:first-child,
.public_message_flow > .chat_content_cell > div:first-child .mbubble {
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
}
.public_message_flow > .chat_content_cell .chat_react_summary,
.public_message_flow > .chat_content_cell .chat_react_opt:not(:empty) {
    display: inline-flex !important;
    float: none !important;
    clear: none !important;
    vertical-align: middle !important;
    width: max-content !important;
    max-width: max-content !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
.public_message_flow ~ .chat_date_cell,
.public_message_flow ~ .chat_menu_cell {
    display: none !important;
}
@media (max-width: 800px) {
    li.public__message .chat_message_container {
    position: relative !important;
}
.public_message_flow {
        min-height: 27px !important;
        gap: 3px !important;
        padding: 2px 0 !important;
    }
    .public_message_flow > .chat_identity_cell,
    .public_message_flow > .chat_identity_cell > .chat_rank_cell,
    .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
    }
    .public_message_flow > .chat_identity_cell {
        max-width: 160px !important;
    }
    .public_message_flow > .chat_identity_cell > .chat_name_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
        max-width: 105px !important;
        line-height: 27px !important;
    }
    .public_message_flow > .chat_content_cell {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}
.public_message_flow {
    position: relative !important;
}
.public_message_flow > .chat_identity_cell,
.public_message_flow > .chat_content_cell {
    position: relative !important;
}
li.public__message .chat_message_container {
    position: relative !important;
}
.public_message_flow {
    align-items: flex-start !important;
    overflow: visible !important;
}
.public_message_flow > .chat_identity_cell {
    align-items: flex-start !important;
    height: 30px !important;
    line-height: 30px !important;
}
.public_message_flow > .chat_identity_cell > .chat_rank_cell,
.public_message_flow > .chat_identity_cell > .chat_avatar_cell,
.public_message_flow > .chat_identity_cell > .chat_name_cell {
    align-items: flex-start !important;
    height: 30px !important;
    line-height: 30px !important;
}
.public_message_flow > .chat_identity_cell > .chat_name_cell,
.public_message_flow > .chat_identity_cell > .chat_name_cell .username,
.public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
.public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
    line-height: 30px !important;
    vertical-align: baseline !important;
}
.public_message_flow > .chat_content_cell {
    align-self: flex-start !important;
    padding-top: 4px !important;
    line-height: 1.4 !important;
    vertical-align: baseline !important;
}
.public_message_flow > .chat_content_cell > div:first-child,
.public_message_flow > .chat_content_cell > div:first-child .mbubble {
    line-height: 1.4 !important;
    vertical-align: baseline !important;
}
/* The menu is a sibling of the wrapper; keep it above the message, not below it. */
.public_message_flow ~ .chat_menu_cell {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    z-index: 20 !important;
    transform: none !important;
}
.public_message_flow ~ .chat_menu_cell .logs_menu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.public_message_flow + .chat_date_cell {
    display: none !important;
}
@media (max-width: 800px) {
    .public_message_flow > .chat_identity_cell,
    .public_message_flow > .chat_identity_cell > .chat_rank_cell,
    .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell {
        height: 27px !important;
        line-height: 27px !important;
    }
    .public_message_flow > .chat_identity_cell > .chat_name_cell,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
    .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
        line-height: 27px !important;
    }
    .public_message_flow > .chat_content_cell {
        padding-top: 4px !important;
        line-height: 1.35 !important;
    }
    .public_message_flow > .chat_content_cell > div:first-child,
    .public_message_flow > .chat_content_cell > div:first-child .mbubble {
        line-height: 1.35 !important;
    }
    .public_message_flow ~ .chat_menu_cell {
        top: 0 !important;
        height: 22px !important;
    }
}


/* Strong final override: the legacy rule hides the menu with an ID selector. */
#chat_logs_container li.public__message > .chat_message_container {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 30px !important;
    overflow: visible !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    overflow: visible !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_date_cell {
    display: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_menu_cell {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: flex-start !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 50 !important;
    transform: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_menu_cell .logs_menu {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container {
        min-height: 27px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper {
        gap: 3px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_menu_cell {
        top: 0 !important;
        left: 0 !important;
        height: 22px !important;
    }
}
/* 24.78: menu is now inside the public message flow wrapper. */
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
    align-items: flex-start !important;
    vertical-align: top !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
    align-self: flex-start !important;
    vertical-align: top !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
    align-items: baseline !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
    line-height: 1.35 !important;
    text-align: right !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu,
body li.public__message .chat_message_wrapper.public_message_flow > .public_message_menu {
    display: flex !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 60 !important;
}
#chat_logs_container li.public__message .public_message_menu .logs_menu,
body li.public__message .public_message_menu .logs_menu {
    display: inline-flex !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
        align-items: flex-start !important;
        gap: 3px !important;
    }
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu,
    body li.public__message .chat_message_wrapper.public_message_flow > .public_message_menu {
        top: 0 !important;
        left: 0 !important;
        height: 22px !important;
    }
}

/* 24.79 — vertical alignment refinement for public message first line */
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
    align-items: flex-start !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
    align-self: flex-start !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
    height: 30px !important;
    align-items: center !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
    padding-top: 4px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child {
    line-height: 1.35 !important;
    vertical-align: baseline !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu {
    top: 0 !important;
}
@media (max-width: 800px) {
    #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
        padding-top: 4px !important;
        line-height: 1.35 !important;
    }
}
/* End 24.79 vertical alignment refinement */

/* v24.80 — keep public-message date beside the three-dot menu */
body li.public__message .public_message_flow .public_message_menu,
body .public_message_flow .public_message_menu {
  display: flex !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 3px !important;
  white-space: nowrap !important;
  direction: ltr !important;
  z-index: 30 !important;
  float: none !important;
  transform: none !important;
}

body li.public__message .public_message_flow .public_message_menu .logs_menu,
body .public_message_flow .public_message_menu .logs_menu {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  margin: 0 !important;
  transform: none !important;
  line-height: 1 !important;
}

body li.public__message .public_message_flow .public_message_date,
body .public_message_flow .public_message_date {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: ltr !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  opacity: .72 !important;
  color: inherit !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}


/* v24.81 — one horizontal public-message row */
body li.public__message .public_message_flow,
body .public_message_flow {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  direction: rtl !important;
}

body li.public__message .public_message_flow > .chat_identity_cell,
body .public_message_flow > .chat_identity_cell {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  align-self: center !important;
  height: 30px !important;
  min-width: max-content !important;
  width: auto !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body li.public__message .public_message_flow > .chat_content_cell,
body .public_message_flow > .chat_content_cell {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  align-self: center !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: min(55vw, 520px) !important;
  height: 30px !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  direction: rtl !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 30px !important;
}

body li.public__message .public_message_flow > .chat_content_cell > div:first-child,
body .public_message_flow > .chat_content_cell > div:first-child {
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 30px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Date and ellipsis are now part of the same row, beside one another. */
body li.public__message .public_message_flow > .public_message_menu,
body .public_message_flow > .public_message_menu {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  align-self: center !important;
  justify-content: flex-start !important;
  position: static !important;
  order: 3 !important;
  width: auto !important;
  min-width: max-content !important;
  height: 30px !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  gap: 3px !important;
  float: none !important;
  transform: none !important;
  direction: ltr !important;
  white-space: nowrap !important;
  z-index: 30 !important;
}

body li.public__message .public_message_flow > .public_message_menu .logs_menu,
body .public_message_flow > .public_message_menu .logs_menu {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  width: auto !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  transform: none !important;
}

body li.public__message .public_message_flow > .public_message_menu .public_message_date,
body .public_message_flow > .public_message_menu .public_message_date {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  font-size: 9px !important;
  white-space: nowrap !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  opacity: .72 !important;
}

body li.public__message .public_message_flow > .chat_date_cell,
body .public_message_flow > .chat_date_cell {
  display: none !important;
}


/* v24.82 — keep date/menu adjacent to the message content */
body li.public__message .public_message_flow > .public_message_menu,
body .public_message_flow > .public_message_menu {
  position: static !important;
  order: 3 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 2px !important;
  margin-left: auto !important;
  align-self: center !important;
  justify-self: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: max-content !important;
  height: 30px !important;
  white-space: nowrap !important;
}

body li.public__message .public_message_flow > .public_message_menu .public_message_date,
body .public_message_flow > .public_message_menu .public_message_date {
  position: static !important;
  display: inline-flex !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  height: 30px !important;
  white-space: nowrap !important;
}


/* v24.83 — keep menu/date tight beside identity and message */
body li.public__message .public_message_flow > .public_message_menu,
body .public_message_flow > .public_message_menu {
  margin-left: 0 !important;
  margin-right: 2px !important;
  position: static !important;
  order: 3 !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: max-content !important;
  height: 30px !important;
  white-space: nowrap !important;
}


/* v24.84 — prevent the content cell from consuming the full row */
body li.public__message .public_message_flow > .chat_content_cell,
body .public_message_flow > .chat_content_cell {
  flex: 0 1 auto !important;
  width: max-content !important;
  max-width: calc(100% - 150px) !important;
  min-width: 0 !important;
  display: block !important;
  float: none !important;
  position: static !important;
  align-self: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
body li.public__message .public_message_flow > .chat_content_cell > div,
body .public_message_flow > .chat_content_cell > div {
  display: inline-block !important;
  vertical-align: middle !important;
  max-width: 100% !important;
}
body li.public__message .public_message_flow > .public_message_menu,
body .public_message_flow > .public_message_menu {
  margin-left: 0 !important;
  margin-right: 2px !important;
  flex: 0 0 auto !important;
}
/* v24.86 — compact online user list without removing card/background effects */
#container_user .online_user > .user_item,
body #container_user .online_user > .user_item {
    box-sizing: border-box !important;
    min-height: 40px !important;
    margin: 1px 0 !important;
    padding: 2px 6px !important;
}

#container_user .online_user > .user_item.namebg_row,
body #container_user .online_user > .user_item.namebg_row {
    margin: 1px 0 !important;
    padding: 2px 6px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

#container_user .online_user > .user_item:first-child,
body #container_user .online_user > .user_item:first-child {
    margin-top: 0 !important;
}

#container_user .online_user .user_item_data,
body #container_user .online_user .user_item_data {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

#container_user .online_user .user_item_icon,
body #container_user .online_user .user_item_icon {
    width: 21px !important;
    font-size: 13px !important;
}

#container_user .online_user .user_item_flag,
body #container_user .online_user .user_item_flag {
    width: 21px !important;
}

#container_user .online_user .user_item_flag img,
body #container_user .online_user .user_item_flag img {
    width: 17px !important;
    height: auto !important;
}

/* Keep the equipped profile card effect full-width and behind the compact row. */
#container_user .online_user .profile_list_card_effect::before,
#container_user .online_user .profile_list_card_effect::after {
    border-radius: inherit !important;
}
/* v24.87 — reduce avatar/card footprint after 24.86 visual review */
#container_user .online_user > .user_item,
body #container_user .online_user > .user_item {
    min-height: 35px !important;
    margin: 0 !important;
    padding: 1px 4px !important;
}

#container_user .online_user > .user_item.namebg_row,
body #container_user .online_user > .user_item.namebg_row {
    margin: 1px 0 !important;
    padding: 1px 4px !important;
}

#container_user .online_user .user_item_avatar,
body #container_user .online_user .user_item_avatar {
    width: 32px !important;
    min-width: 32px !important;
}

#container_user .online_user .user_item_avatar .acav,
body #container_user .online_user .user_item_avatar .acav {
    width: 32px !important;
    height: 32px !important;
}

#container_user .online_user .user_item_avatar .avatar_frame_wrap,
body #container_user .online_user .user_item_avatar .avatar_frame_wrap {
    width: 32px !important;
    height: 32px !important;
}

#container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
body #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
    width: 32px !important;
    height: 32px !important;
}

#container_user .online_user .user_item_data,
body #container_user .online_user .user_item_data {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

#container_user .online_user .user_item_icon,
body #container_user .online_user .user_item_icon {
    width: 19px !important;
    font-size: 12px !important;
}

#container_user .online_user .user_item_flag,
body #container_user .online_user .user_item_flag {
    width: 19px !important;
}

#container_user .online_user .user_item_flag img,
body #container_user .online_user .user_item_flag img {
    width: 16px !important;
}

#container_user .online_user .list_status,
body #container_user .online_user .list_status {
    width: 13px !important;
    height: 13px !important;
}

/* Preserve the full-card animated background and halo while compacting its contents. */
#container_user .online_user .profile_list_card_effect {
    min-height: 35px !important;
}
/* v24.88 — remove the legacy vpad5 vertical gap around each online user row */
#container_user .online_user.vpad5,
body #container_user .online_user.vpad5 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

#container_user .online_user.vpad5 > .user_item,
body #container_user .online_user.vpad5 > .user_item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* v24.89 — premium room-panel fill and header menus above the room list */

@media (max-width: 600px) {
    /* Let the room panel occupy the complete available vertical area. */
    #chat_right_data .chat_rlist,
    body #chat_right_data .chat_rlist {
        position: relative !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
        min-height: 100% !important;
        height: 100% !important;
        overflow-y: auto !important;
        padding: 10px 10px 14px !important;
        background:
            radial-gradient(circle at 18% 88%, rgba(22, 135, 232, .12), transparent 32%),
            radial-gradient(circle at 84% 66%, rgba(107, 85, 232, .10), transparent 30%),
            linear-gradient(180deg, rgba(255,255,255,.96), rgba(235,243,251,.98)) !important;
    }

    #chat_right_data #container_room,
    body #chat_right_data #container_room {
        position: relative !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
        min-height: 100% !important;
        padding-bottom: 16px !important;
    }

    /* A subtle premium lower panel fills unused space without adding a fake room. */
    #chat_right_data #container_room::after,
    body #chat_right_data #container_room::after {
        content: "";
        display: block;
        min-height: 76px;
        margin: 4px 1px 0;
        border: 1px solid rgba(22, 135, 232, .10);
        border-radius: 20px;
        background:
            radial-gradient(circle at 18% 30%, rgba(22, 135, 232, .16), transparent 25%),
            radial-gradient(circle at 84% 70%, rgba(107, 85, 232, .14), transparent 28%),
            linear-gradient(135deg, rgba(255,255,255,.52), rgba(220,233,247,.66));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 22px rgba(31,61,96,.06);
        pointer-events: none;
    }

    /* Keep the panel below all header-triggered menus and modal surfaces. */
    #chat_right_data,
    body #chat_right_data {
        position: relative !important;
        z-index: 10 !important;
    }

    #room_options_menu,
    #setting_menu,
    #friends_menu,
    #private_menu,
    #notification_menu,
    #status_menu,
    #report_menu,
    #bank_menu,
    #chat_main_menu,
    #page_main_menu,
    #leaderboard_menu,
    #game_menu,
    #tool_menu,
    #app_menu,
    #help_menu,
    #private_opt,
    #chat_left_menu,
    body > .sysmenu,
    body > .float_menu {
        z-index: 10050 !important;
    }

    #top_modal,
    body #top_modal,
    #top_modal_in,
    body #top_modal_in {
        z-index: 11000 !important;
    }

    #private_top,
    #search_option,
    #friends_option,
    #users_option,
    #setting_option,
    #notification_option,
    #status_option,
    #report_option,
    #bank_option {
        position: relative !important;
        z-index: 10050 !important;
    }
}

.chat_dark_mode #chat_right_data .chat_rlist,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data .chat_rlist,
.dark #chat_right_data .chat_rlist,
.night #chat_right_data .chat_rlist,
.dark_mode #chat_right_data .chat_rlist {
    background:
        radial-gradient(circle at 18% 88%, rgba(80, 181, 255, .16), transparent 32%),
        radial-gradient(circle at 84% 66%, rgba(155, 131, 255, .14), transparent 30%),
        linear-gradient(180deg, #101722, #172337) !important;
}

.chat_dark_mode #chat_right_data #container_room::after,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room::after,
.dark #chat_right_data #container_room::after,
.night #chat_right_data #container_room::after,
.dark_mode #chat_right_data #container_room::after {
    border-color: rgba(80, 181, 255, .16);
    background:
        radial-gradient(circle at 18% 30%, rgba(80, 181, 255, .18), transparent 25%),
        radial-gradient(circle at 84% 70%, rgba(155, 131, 255, .18), transparent 28%),
        linear-gradient(135deg, rgba(25,35,50,.68), rgba(22,36,58,.86));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.18);
}
/* v24.91 — keep header menus above the right room panel without changing chat layout */
#private_menu,
#friends_menu,
#notification_menu,
#status_menu,
#report_menu,
#bank_menu,
#room_options_menu,
#setting_menu,
#chat_main_menu,
#page_main_menu,
#leaderboard_menu,
#game_menu,
#tool_menu,
#app_menu,
#help_menu,
body > .sysmenu,
body > .float_menu {
    position: absolute !important;
    top: 50px !important;
    right: 0 !important;
    z-index: 10050 !important;
    pointer-events: auto !important;
}

#private_menu,
#friends_menu,
#notification_menu,
#status_menu,
#report_menu,
#bank_menu,
#room_options_menu,
#setting_menu,
#chat_main_menu,
#page_main_menu,
#leaderboard_menu,
#game_menu,
#tool_menu,
#app_menu,
#help_menu {
    max-height: calc(100vh - 70px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* The room panel stays below the menus; no height or position override is added here. */
#chat_right_data .chat_rlist,
#chat_right_data #container_room {
    z-index: 1 !important;
}
/* v24.92 — keep header menus above the right room panel without changing chat layout */
body > #private_menu,
body > #friends_menu,
body > #notification_menu,
body > #status_menu,
body > #report_menu,
body > #bank_menu,
body > #room_options_menu,
body > #setting_menu,
body > #chat_main_menu,
body > #page_main_menu,
body > #leaderboard_menu,
body > #game_menu,
body > #tool_menu,
body > #app_menu,
body > #help_menu {
  position: fixed !important;
  top: 45px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}

body > #private_menu,
body > #friends_menu,
body > #notification_menu {
  width: min(380px, 100vw) !important;
  max-width: 100vw !important;
  max-height: calc(100vh - 55px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    top: 38px !important;
    width: 100vw !important;
    max-height: calc(100vh - 48px) !important;
  }
}
/* v24.93 — opaque header overlays: hide the room panel behind an opened header menu */
body > #private_menu,
body > #friends_menu,
body > #notification_menu {
  position: fixed !important;
  top: 50px !important;
  right: 0 !important;
  left: auto !important;
  width: min(380px, 100vw) !important;
  max-width: 100vw !important;
  min-height: calc(100vh - 50px) !important;
  max-height: calc(100vh - 50px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 2147483000 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  background: #f3f7fb !important;
  background-image: none !important;
  box-shadow: -8px 0 24px rgba(22, 42, 68, .18) !important;
}

body.chat_dark_mode > #private_menu,
body.chat_dark_mode > #friends_menu,
body.chat_dark_mode > #notification_menu,
body:has(#actual_theme[href*="/Dark/"]) > #private_menu,
body:has(#actual_theme[href*="/Dark/"]) > #friends_menu,
body:has(#actual_theme[href*="/Dark/"]) > #notification_menu,
body.dark > #private_menu,
body.dark > #friends_menu,
body.dark > #notification_menu,
body.night > #private_menu,
body.night > #friends_menu,
body.night > #notification_menu,
body.dark_mode > #private_menu,
body.dark_mode > #friends_menu,
body.dark_mode > #notification_menu {
  background: #172337 !important;
  background-image: none !important;
  box-shadow: -8px 0 24px rgba(0, 0, 0, .38) !important;
}

/* Keep the room panel below the opened overlay without changing the chat height. */
body #chat_right_data,
body #chat_right_data .chat_rlist,
body #chat_right_data #container_room {
  z-index: 1 !important;
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    top: 38px !important;
    width: 100vw !important;
    min-height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }
}
/* v24.94 — target the actual body-level menu classes; the old ID selectors matched nothing */
body > .private_menu,
body > .friends_menu,
body > .notification_menu {
  position: fixed !important;
  top: 50px !important;
  right: 0 !important;
  left: auto !important;
  width: min(380px, 100vw) !important;
  max-width: 100vw !important;
  max-height: min(457px, calc(100vh - 60px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 2147483000 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
  background: #f3f7fb !important;
  background-image: none !important;
  box-shadow: -8px 0 24px rgba(22, 42, 68, .22) !important;
}

body.chat_dark_mode > .private_menu,
body.chat_dark_mode > .friends_menu,
body.chat_dark_mode > .notification_menu,
body:has(#actual_theme[href*="/Dark/"]) > .private_menu,
body:has(#actual_theme[href*="/Dark/"]) > .friends_menu,
body:has(#actual_theme[href*="/Dark/"]) > .notification_menu,
body.dark > .private_menu,
body.dark > .friends_menu,
body.dark > .notification_menu,
body.night > .private_menu,
body.night > .friends_menu,
body.night > .notification_menu,
body.dark_mode > .private_menu,
body.dark_mode > .friends_menu,
body.dark_mode > .notification_menu {
  background: #172337 !important;
  background-image: none !important;
  box-shadow: -8px 0 24px rgba(0, 0, 0, .42) !important;
}

/* Only lower the actual room-list containers; do not alter chat height. */
body .chat_right_data,
body .chat_right_data .chat_rlist,
body .chat_right_data #container_room {
  z-index: 1 !important;
}

@media (max-width: 600px) {
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    top: 38px !important;
    width: 100vw !important;
    max-height: calc(100vh - 48px) !important;
  }
}

@media (min-width: 601px) {
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    right: 0 !important;
  }
}
/* v24.95 — header menus above the room list without changing chat layout */
/* The live DOM uses body-level IDs; keep the class names only as a defensive fallback. */
body > #private_menu,
body > #friends_menu,
body > #notification_menu,
body > .private_menu,
body > .friends_menu,
body > .notification_menu {
  position: fixed !important;
  top: 50px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: min(380px, 100vw) !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  min-height: calc(100vh - 50px) !important;
  max-height: calc(100vh - 50px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  z-index: 2147483001 !important;
  pointer-events: auto !important;
  isolation: isolate !important;
  background: #f3f7fb !important;
  background-image: none !important;
  box-shadow: -8px 0 24px rgba(22, 42, 68, .22) !important;
}

/* Lower only the room panel while a header menu is actually open. */
body:has(> #private_menu[style*="display: block"]) > #chat_right,
body:has(> #friends_menu[style*="display: block"]) > #chat_right,
body:has(> #notification_menu[style*="display: block"]) > #chat_right {
  z-index: 1 !important;
}

/* Keep the content inside the room panel below the overlay as well. */
body:has(> #private_menu[style*="display: block"]) #chat_right_data,
body:has(> #friends_menu[style*="display: block"]) #chat_right_data,
body:has(> #notification_menu[style*="display: block"]) #chat_right_data,
body:has(> #private_menu[style*="display: block"]) #chat_right_data .chat_rlist,
body:has(> #friends_menu[style*="display: block"]) #chat_right_data .chat_rlist,
body:has(> #notification_menu[style*="display: block"]) #chat_right_data .chat_rlist {
  z-index: 1 !important;
}

/* Dark-mode surface, preserving the existing theme detection. */
body.chat_dark_mode > #private_menu,
body.chat_dark_mode > #friends_menu,
body.chat_dark_mode > #notification_menu,
body:has(#actual_theme[href*="/Dark/"]) > #private_menu,
body:has(#actual_theme[href*="/Dark/"]) > #friends_menu,
body:has(#actual_theme[href*="/Dark/"]) > #notification_menu,
body.dark > #private_menu,
body.dark > #friends_menu,
body.dark > #notification_menu,
body.night > #private_menu,
body.night > #friends_menu,
body.night > #notification_menu,
body.dark_mode > #private_menu,
body.dark_mode > #friends_menu,
body.dark_mode > #notification_menu {
  background: #172337 !important;
  background-image: none !important;
  box-shadow: -8px 0 24px rgba(0, 0, 0, .42) !important;
}

@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu,
  body > .private_menu,
  body > .friends_menu,
  body > .notification_menu {
    top: 38px !important;
    width: 100vw !important;
    min-height: calc(100vh - 38px) !important;
    max-height: calc(100vh - 38px) !important;
  }
}
/* v25.00 — stabilize header-menu width and public-message sizing
   Keep the overlay above Room List, but restore the original desktop menu width.
   Do not alter user-list cards or public-name backgrounds. */
@media (min-width: 601px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
  }
}

/* Keep public messages compact without forcing the date/menu cells to shrink. */
.chat_message_wrapper.public_message_flow .chat_content_cell {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: min(42vw, 460px) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: transparent;
  box-shadow: none;
}

.chat_message_wrapper.public_message_flow .public_message_menu {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

/* Preserve the existing name effect/background in the public chat. */
.chat_message_wrapper.public_message_flow .chat_name_cell,
.chat_message_wrapper.public_message_flow .chat_name_cell .username {
  opacity: 1 !important;
}

/* v24.95 overlay behavior remains unchanged. */
body > #private_menu,
body > #friends_menu,
body > #notification_menu {
  position: fixed !important;
  z-index: 7000 !important;
  pointer-events: auto !important;
}
/* v25.02 — final public-message flow correction
   Keep identity/name styling intact. Keep date and three-dot menu at natural size.
   Constrain only the message text to the remaining row space. */
body li.public__message .public_message_flow {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 30px !important;
  height: 30px !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_identity_cell {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  width: max-content !important;
  max-width: 190px !important;
  min-width: 0 !important;
  height: 30px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_rank_cell,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell {
  max-width: 125px !important;
  overflow: hidden !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_wrap,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell .name_glitter_text {
  display: inline-block !important;
  max-width: 125px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
  line-height: 30px !important;
}
body li.public__message .public_message_flow > .chat_content_cell {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: min(42vw, 460px) !important;
  min-width: 0 !important;
  height: 30px !important;
  align-items: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  line-height: 30px !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_content_cell > div:first-child {
  display: inline-block !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 30px !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_content_cell .chat_react_opt {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: max-content !important;
  height: 30px !important;
  align-items: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}
body li.public__message .public_message_flow > .public_message_menu,
body li.public__message .public_message_flow > .chat_menu_cell {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: max-content !important;
  height: 30px !important;
  align-items: center !important;
  overflow: visible !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
/* Never override the inline/background styling owned by the user's name effect. */

/* v25.04 — final narrow overlay and public-message row correction
   This patch intentionally leaves room-list cards, profile effects, and theme surfaces untouched. */

/* Header menus: retain the working overlay layer, but restore the natural desktop menu height. */
@media (min-width: 601px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(457px, calc(100vh - 60px)) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}

/* The mobile menu remains full-width, but no stale desktop min-height is allowed to leak into it. */
@media (max-width: 600px) {
  body > #private_menu,
  body > #friends_menu,
  body > #notification_menu {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 48px) !important;
  }
}

/* Envelope direction: neutralize any inherited RTL/flip rule without changing the header layout. */
#get_private,
#get_private > .notif_zone,
#get_private .bcell_mid,
#get_private .fa-envelope {
  direction: ltr !important;
}
#get_private .fa-envelope {
  display: inline-block !important;
  font-style: normal !important;
  transform: none !important;
  -webkit-transform: none !important;
  unicode-bidi: normal !important;
}

/* Public chat row: identity, text, date, and actions stay on one flex line. */
body li.public__message .public_message_flow {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_identity_cell {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 190px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body li.public__message .public_message_flow > .chat_content_cell {
  display: flex !important;
  flex: 1 1 0 !important;
  width: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 30px !important;
  align-items: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_content_cell > div:first-child {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 30px !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow > .chat_menu_cell.public_message_menu,
body li.public__message .public_message_flow > .public_message_menu,
body li.public__message .public_message_flow .public_message_menu {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 3px !important;
  white-space: nowrap !important;
  direction: ltr !important;
  transform: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
body li.public__message .public_message_flow .public_message_menu .logs_menu,
body li.public__message .public_message_flow .public_message_menu .public_message_date {
  position: static !important;
  flex: 0 0 auto !important;
  transform: none !important;
  white-space: nowrap !important;
}
/* v25.05 — public row identity order and Arabic name separator
   Keep the existing public-message flow and header overlay untouched. */
body li.public__message .public_message_flow > .chat_identity_cell,
body .public_message_flow > .chat_identity_cell {
  display: flex !important;
  flex-direction: row !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* In RTL reading order: rank → avatar → name. */
body li.public__message .public_message_flow > .chat_identity_cell > .chat_rank_cell,
body .public_message_flow > .chat_identity_cell > .chat_rank_cell {
  order: 0 !important;
  direction: ltr !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
body .public_message_flow > .chat_identity_cell > .chat_avatar_cell {
  order: 1 !important;
  direction: ltr !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell,
body .public_message_flow > .chat_identity_cell > .chat_name_cell {
  order: 2 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* The separator is generated after the username in RTL, i.e. immediately to its left. */
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell::after,
body .public_message_flow > .chat_identity_cell > .chat_name_cell::after {
  content: ':' !important;
  display: inline-block !important;
  order: 1 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  white-space: nowrap !important;
  line-height: inherit !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
body .public_message_flow > .chat_identity_cell > .chat_name_cell .username {
  order: 0 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
}
/* v25.06 — enforce visual public identity order
   In the Arabic visual reading direction (right to left): rank, avatar, name. */
body li.public__message .public_message_flow > .chat_identity_cell,
body .public_message_flow > .chat_identity_cell {
  display: flex !important;
  flex-direction: row-reverse !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_rank_cell,
body .public_message_flow > .chat_identity_cell > .chat_rank_cell {
  order: 0 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  direction: ltr !important;
  white-space: nowrap !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_avatar_cell,
body .public_message_flow > .chat_identity_cell > .chat_avatar_cell {
  order: 1 !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  direction: ltr !important;
  white-space: nowrap !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell,
body .public_message_flow > .chat_identity_cell > .chat_name_cell {
  order: 2 !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}

/* Visually: username, then colon toward the avatar; no RTL punctuation flip. */
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell::after,
body .public_message_flow > .chat_identity_cell > .chat_name_cell::after {
  content: ':' !important;
  display: inline-block !important;
  order: 1 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  margin: 0 0 0 5px !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  white-space: nowrap !important;
  line-height: inherit !important;
}
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
body .public_message_flow > .chat_identity_cell > .chat_name_cell .username {
  order: 0 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
/* v25.07 — final public identity order
   The template inline style is changed to row-reverse/ltr; these rules lock child order and punctuation. */
#chat_logs_container li.public__message .chat_message_wrapper.public_message_flow > .chat_identity_cell,
body li.public__message .public_message_flow > .chat_identity_cell,
body .public_message_flow > .chat_identity_cell {
  display: flex !important;
  flex-direction: row-reverse !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell,
#chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell,
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_rank_cell {
  order: 0 !important;
  justify-content: center !important;
  direction: ltr !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_avatar_cell {
  order: 1 !important;
  justify-content: center !important;
  direction: ltr !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell {
  order: 2 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  overflow: visible !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell .username {
  order: 0 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
#chat_logs_container li.public__message .chat_identity_cell > .chat_name_cell::after {
  content: ':' !important;
  order: 1 !important;
  display: inline-block !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  margin: 0 0 0 5px !important;
  padding: 0 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
  white-space: nowrap !important;
  line-height: inherit !important;
}
/*
 * arabchatting.com v25.10 — compact Room List + User List sizing
 * Scope: right-panel room/user lists only.
 * Do not change chat logs, composer, or scroll target.
 */

/* Shared panel sizing: keep internal content inside the available panel. */
#chat_right_data #container_room,
#chat_right_data #container_user,
#chat_right_data .chat_rlist {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Room List: remove the oversized card footprint without changing its visual theme. */
#chat_right_data .chat_rlist {
    padding: 8px !important;
    overflow-x: hidden !important;
}

#container_room .room_elem,
#container_room .room_celem {
    box-sizing: border-box !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 7px !important;
    padding: 8px 9px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

#container_room .room_elem:last-child,
#container_room .room_celem:last-child {
    margin-bottom: 0 !important;
}

#container_room .room_icon_wrap,
#container_room .room_cicon_wrap {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
}

#container_room .room_icon,
#container_room .room_cicon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 13px !important;
}

#container_room .room_content {
    min-width: 0 !important;
    padding: 0 8px 0 0 !important;
}

#container_room .room_name,
#container_room .room_cname {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

#container_room .room_description,
#container_room .room_cdescription {
    max-width: 100% !important;
    padding-top: 1px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

#container_room .room_content > .btable {
    margin-top: 4px !important;
    line-height: 1 !important;
}

#container_room .room_count,
#container_room .room_ccount {
    min-width: 20px !important;
    padding: 3px 6px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

/* User List: one consistent compact row while preserving avatar frames/effects. */
#chat_right_data #container_user {
    box-sizing: border-box !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    overflow-x: hidden !important;
}

#container_user .online_user,
body #container_user .online_user {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

#container_user .online_user > .user_item,
body #container_user .online_user > .user_item,
#container_user .online_user > .user_item.namebg_row,
body #container_user .online_user > .user_item.namebg_row {
    box-sizing: border-box !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 1px 4px !important;
    vertical-align: middle !important;
}

#container_user .online_user .user_item_avatar,
body #container_user .online_user .user_item_avatar {
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    vertical-align: middle !important;
}

#container_user .online_user .user_item_avatar .acav,
body #container_user .online_user .user_item_avatar .acav,
#container_user .online_user .user_item_avatar .avatar_frame_wrap,
body #container_user .online_user .user_item_avatar .avatar_frame_wrap {
    width: 30px !important;
    height: 30px !important;
}

#container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
body #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
    width: 30px !important;
    height: 30px !important;
}

#container_user .online_user .user_item_data,
body #container_user .online_user .user_item_data {
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}

#container_user .online_user .user_item_name,
#container_user .online_user .user_name,
#container_user .online_user .username {
    max-width: 100% !important;
    line-height: 1.15 !important;
}

#container_user .online_user .user_item_icon,
body #container_user .online_user .user_item_icon {
    width: 18px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

#container_user .online_user .user_item_flag,
body #container_user .online_user .user_item_flag {
    width: 18px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

#container_user .online_user .user_item_flag img,
body #container_user .online_user .user_item_flag img {
    width: 15px !important;
    height: auto !important;
    vertical-align: middle !important;
}

/* Narrow screens: compress cards a little further so two rooms fit naturally. */
@media (max-width: 600px) {
    #chat_right_data .chat_rlist {
        padding: 7px !important;
    }

    #container_room .room_elem,
    #container_room .room_celem {
        margin-bottom: 6px !important;
        padding: 7px 8px !important;
        border-radius: 13px !important;
    }

    #container_room .room_icon_wrap,
    #container_room .room_cicon_wrap {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
    }

    #container_room .room_icon,
    #container_room .room_cicon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 12px !important;
    }

    #container_room .room_name,
    #container_room .room_cname {
        font-size: 12px !important;
    }

    #container_room .room_description,
    #container_room .room_cdescription {
        font-size: 9.5px !important;
    }
}

/* Dark mode keeps the same geometry; colors remain inherited from the existing theme. */
.dark #chat_right_data .chat_rlist,
.night #chat_right_data .chat_rlist {
    color-scheme: dark;
}
/*
 * arabchatting.com v25.11 — compact Room List + User List refinement
 * Scope is limited to the right panel lists. No chat-log or scroll rules.
 * Keeps the existing room markup, switchRoom(), avatar frames and theme variables.
 */

/* Room List panel and search header. */
#chat_right_data #container_room,
body #chat_right_data #container_room {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
#chat_right_data .chat_rlist,
body #chat_right_data .chat_rlist {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 6px !important;
    overflow-x: hidden !important;
}
#chat_right_data #room_filter,
body #chat_right_data #room_filter {
    box-sizing: border-box !important;
    margin: 0 0 8px !important;
    padding: 8px !important;
    border-radius: 14px !important;
}
#chat_right_data #room_filter::before,
body #chat_right_data #room_filter::before {
    margin: 0 2px 5px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
}
#chat_right_data #search_chat_room,
body #chat_right_data #search_chat_room {
    height: 36px !important;
    padding: 0 36px 0 10px !important;
    border-radius: 11px !important;
    font-size: 11px !important;
}
#chat_right_data #room_filter .room_search::after,
body #chat_right_data #room_filter .room_search::after {
    right: 11px !important;
    font-size: 18px !important;
}

/* Compact room card geometry. Use stronger selectors than the premium layers. */
#chat_right_data #container_room .room_elem,
#chat_right_data #container_room .room_celem,
body #chat_right_data #container_room .room_elem,
body #chat_right_data #container_room .room_celem {
    display: table !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
#chat_right_data #container_room .room_elem:last-child,
#chat_right_data #container_room .room_celem:last-child,
body #chat_right_data #container_room .room_elem:last-child,
body #chat_right_data #container_room .room_celem:last-child {
    margin-bottom: 0 !important;
}
#chat_right_data #container_room .room_icon_wrap,
#chat_right_data #container_room .room_cicon_wrap,
body #chat_right_data #container_room .room_icon_wrap,
body #chat_right_data #container_room .room_cicon_wrap {
    box-sizing: border-box !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
#chat_right_data #container_room .room_icon,
#chat_right_data #container_room .room_cicon,
body #chat_right_data #container_room .room_icon,
body #chat_right_data #container_room .room_cicon {
    box-sizing: border-box !important;
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    border-radius: 11px !important;
}
#chat_right_data #container_room .room_content,
body #chat_right_data #container_room .room_content {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 6px 0 0 !important;
    vertical-align: middle !important;
}
#chat_right_data #container_room .room_name_line,
#chat_right_data #container_room .room_cname_line,
body #chat_right_data #container_room .room_name_line,
body #chat_right_data #container_room .room_cname_line {
    min-width: 0 !important;
    line-height: 1.1 !important;
}
#chat_right_data #container_room .room_name,
#chat_right_data #container_room .room_cname,
body #chat_right_data #container_room .room_name,
body #chat_right_data #container_room .room_cname {
    max-width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}
#chat_right_data #container_room .room_name::before,
body #chat_right_data #container_room .room_name::before {
    margin-left: 4px !important;
    font-size: 9px !important;
}
#chat_right_data #container_room .room_description,
#chat_right_data #container_room .room_cdescription,
body #chat_right_data #container_room .room_description,
body #chat_right_data #container_room .room_cdescription {
    max-width: 100% !important;
    padding: 1px 0 0 !important;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
}

/* Put presence/badges and access icons on one compact baseline. */
#chat_right_data #container_room .room_meta_row,
body #chat_right_data #container_room .room_meta_row {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    max-width: 100% !important;
    margin: 3px 0 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
#chat_right_data #container_room .room_presence,
body #chat_right_data #container_room .room_presence {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
#chat_right_data #container_room .room_presence i,
body #chat_right_data #container_room .room_presence i {
    font-size: 9px !important;
}
#chat_right_data #container_room .room_presence_count,
body #chat_right_data #container_room .room_presence_count {
    font-size: 9px !important;
    line-height: 1 !important;
}
#chat_right_data #container_room .room_locked_badge,
#chat_right_data #container_room .room_featured_badge,
body #chat_right_data #container_room .room_locked_badge,
body #chat_right_data #container_room .room_featured_badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    max-width: 78px !important;
    padding: 2px 4px !important;
    border-radius: 7px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#chat_right_data #container_room .room_locked_badge span,
#chat_right_data #container_room .room_featured_badge span,
body #chat_right_data #container_room .room_locked_badge span,
body #chat_right_data #container_room .room_featured_badge span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#chat_right_data #container_room .room_content > .btable,
body #chat_right_data #container_room .room_content > .btable {
    display: inline-table !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 3px 0 0 4px !important;
    table-layout: auto !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
#chat_right_data #container_room .room_content > .btable > .roomopt,
#chat_right_data #container_room .room_content > .btable > .roomcopt,
body #chat_right_data #container_room .room_content > .btable > .roomopt,
body #chat_right_data #container_room .room_content > .btable > .roomcopt {
    box-sizing: border-box !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 2px !important;
    border-radius: 7px !important;
}
#chat_right_data #container_room .room_content > .btable > .roomopt img,
#chat_right_data #container_room .room_content > .btable > .roomcopt img,
body #chat_right_data #container_room .room_content > .btable > .roomopt img,
body #chat_right_data #container_room .room_content > .btable > .roomcopt img {
    width: 13px !important;
    height: 13px !important;
    max-width: 13px !important;
    max-height: 13px !important;
}
#chat_right_data #container_room .room_content > .btable > .room_count,
#chat_right_data #container_room .room_content > .btable > .room_ccount,
body #chat_right_data #container_room .room_content > .btable > .room_count,
body #chat_right_data #container_room .room_content > .btable > .room_ccount {
    min-width: 36px !important;
    width: auto !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
}

/* User List: compact and uniform, while leaving avatar-frame overflow visible. */
#chat_right_data #container_user,
body #chat_right_data #container_user {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow-x: hidden !important;
}
#chat_right_data #container_user .online_user > .user_item,
body #chat_right_data #container_user .online_user > .user_item,
#chat_right_data #container_user .online_user > .user_item.namebg_row,
body #chat_right_data #container_user .online_user > .user_item.namebg_row {
    box-sizing: border-box !important;
    min-height: 33px !important;
    height: 33px !important;
    margin: 0 !important;
    padding: 1px 3px !important;
    line-height: 1.1 !important;
}
#chat_right_data #container_user .online_user .user_item_avatar,
body #chat_right_data #container_user .online_user .user_item_avatar {
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
}
#chat_right_data #container_user .online_user .user_item_avatar .acav,
body #chat_right_data #container_user .online_user .user_item_avatar .acav,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap {
    width: 30px !important;
    height: 30px !important;
}
#chat_right_data #container_user .online_user .user_item_data,
body #chat_right_data #container_user .online_user .user_item_data {
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    line-height: 1.1 !important;
}
#chat_right_data #container_user .online_user .user_item_icon,
body #chat_right_data #container_user .online_user .user_item_icon {
    width: 17px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}
#chat_right_data #container_user .online_user .user_item_flag,
body #chat_right_data #container_user .online_user .user_item_flag {
    width: 17px !important;
    line-height: 1 !important;
}
#chat_right_data #container_user .online_user .user_item_flag img,
body #chat_right_data #container_user .online_user .user_item_flag img {
    width: 14px !important;
    height: auto !important;
}

@media (max-width: 600px) {
    #chat_right_data .chat_rlist,
    body #chat_right_data .chat_rlist {
        padding: 5px !important;
    }
    #chat_right_data #room_filter,
    body #chat_right_data #room_filter {
        margin-bottom: 6px !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }
    #chat_right_data #container_room .room_elem,
    #chat_right_data #container_room .room_celem,
    body #chat_right_data #container_room .room_elem,
    body #chat_right_data #container_room .room_celem {
        margin-bottom: 5px !important;
        padding: 5px 6px !important;
        border-radius: 11px !important;
    }
    #chat_right_data #container_room .room_icon_wrap,
    #chat_right_data #container_room .room_cicon_wrap,
    body #chat_right_data #container_room .room_icon_wrap,
    body #chat_right_data #container_room .room_cicon_wrap {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }
    #chat_right_data #container_room .room_icon,
    #chat_right_data #container_room .room_cicon,
    body #chat_right_data #container_room .room_icon,
    body #chat_right_data #container_room .room_cicon {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        border-radius: 10px !important;
    }
    #chat_right_data #container_room .room_name,
    #chat_right_data #container_room .room_cname,
    body #chat_right_data #container_room .room_name,
    body #chat_right_data #container_room .room_cname {
        font-size: 11.5px !important;
    }
    #chat_right_data #container_room .room_description,
    #chat_right_data #container_room .room_cdescription,
    body #chat_right_data #container_room .room_description,
    body #chat_right_data #container_room .room_cdescription {
        font-size: 9px !important;
    }
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        min-height: 32px !important;
        height: 32px !important;
    }
}
/*
 * arabchatting.com v25.12 — public-message colon alignment
 * The name, one colon, and message remain on one horizontal baseline.
 * No template inline styles or chat scroll containers are changed.
 */
#chat_logs_container li.public__message .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell,
body .public_message_flow > .chat_identity_cell > .chat_name_cell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 1 auto !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
    line-height: 30px !important;
    overflow: visible !important;
    position: static !important;
    float: none !important;
    transform: none !important;
}
#chat_logs_container li.public__message .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell .username,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell .username,
body .public_message_flow > .chat_identity_cell > .chat_name_cell .username {
    display: inline-block !important;
    flex: 0 0 auto !important;
    order: 0 !important;
    min-width: 0 !important;
    vertical-align: middle !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
    line-height: 28px !important;
}
#chat_logs_container li.public__message .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell::before,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell::before,
body .public_message_flow > .chat_identity_cell > .chat_name_cell::before {
    content: none !important;
    display: none !important;
}
#chat_logs_container li.public__message .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell::after,
body li.public__message .public_message_flow > .chat_identity_cell > .chat_name_cell::after,
body .public_message_flow > .chat_identity_cell > .chat_name_cell::after {
    content: ':' !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    order: 1 !important;
    width: auto !important;
    height: 30px !important;
    margin: 0 0 0 5px !important;
    padding: 0 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    white-space: nowrap !important;
    line-height: 30px !important;
    position: static !important;
    float: none !important;
    transform: none !important;
}
/* v25.13 — public chat flow and Arabic text direction fix
   Keep chronological DOM order, bottom-anchor short logs, and force horizontal RTL text.
   Does not change the message template or scroll JavaScript. */
#show_chat > #chat_logs_container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    height: auto !important;
    direction: rtl !important;
    unicode-bidi: normal !important;
    writing-mode: horizontal-tb !important;
}
#show_chat > #chat_logs_container > li.chat_log {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    direction: rtl !important;
    unicode-bidi: normal !important;
    writing-mode: horizontal-tb !important;
}
#chat_logs_container li.public__message > .chat_message_container,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    unicode-bidi: isolate !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    direction: ltr !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    transform: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_rank_cell,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_avatar_cell,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    position: static !important;
    float: none !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_rank_cell {
    order: 0 !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_avatar_cell {
    order: 1 !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell {
    order: 2 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell > .chat_name_cell .username {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
    display: block !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    direction: rtl !important;
    unicode-bidi: isolate !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    text-align: right !important;
    vertical-align: baseline !important;
    transform: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child .mbubble {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    text-align: right !important;
    transform: none !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell .chat_react_summary,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell .chat_react_opt,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell .chat_quote_opt {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
}
/* v25.14 — User List readable compact sizing
   Slightly larger names and avatars while keeping the list dense and aligned. */
#chat_right_data #container_user .online_user > .user_item,
body #chat_right_data #container_user .online_user > .user_item {
    box-sizing: border-box !important;
    min-height: 35px !important;
    height: 35px !important;
    padding: 1px 4px !important;
    line-height: 1.15 !important;
}
#chat_right_data #container_user .online_user .user_item_avatar,
body #chat_right_data #container_user .online_user .user_item_avatar {
    width: 33px !important;
    min-width: 33px !important;
    height: 33px !important;
    vertical-align: middle !important;
}
#chat_right_data #container_user .online_user .user_item_avatar .acav,
body #chat_right_data #container_user .online_user .user_item_avatar .acav,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
    width: 33px !important;
    height: 33px !important;
}
#chat_right_data #container_user .online_user .user_item_data,
body #chat_right_data #container_user .online_user .user_item_data {
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}
#chat_right_data #container_user .online_user .user_item_data > .username,
#chat_right_data #container_user .online_user .user_item_data > .user_name,
#chat_right_data #container_user .online_user .user_item_name,
#chat_right_data #container_user .online_user .user_name,
#chat_right_data #container_user .online_user p.username,
body #chat_right_data #container_user .online_user .user_item_data > .username,
body #chat_right_data #container_user .online_user .user_item_data > .user_name,
body #chat_right_data #container_user .online_user .user_item_name,
body #chat_right_data #container_user .online_user .user_name,
body #chat_right_data #container_user .online_user p.username {
    font-size: 14px !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#chat_right_data #container_user .online_user .name_glitter_wrap,
#chat_right_data #container_user .online_user .name_glitter_text,
body #chat_right_data #container_user .online_user .name_glitter_wrap,
body #chat_right_data #container_user .online_user .name_glitter_text {
    font-size: 15px !important;
    line-height: 1.1 !important;
}
#chat_right_data #container_user .online_user .list_mood,
body #chat_right_data #container_user .online_user .list_mood {
    font-size: 10px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
}
#chat_right_data #container_user .online_user .user_item_icon,
body #chat_right_data #container_user .online_user .user_item_icon {
    width: 18px !important;
    font-size: 12px !important;
    line-height: 1 !important;
}
#chat_right_data #container_user .online_user .user_item_flag,
body #chat_right_data #container_user .online_user .user_item_flag {
    width: 18px !important;
    font-size: 12px !important;
    line-height: 1 !important;
}
#chat_right_data #container_user .online_user .user_item_flag img,
body #chat_right_data #container_user .online_user .user_item_flag img {
    width: 16px !important;
    height: auto !important;
}
#chat_right_data #container_user .online_user .achbadge_list,
body #chat_right_data #container_user .online_user .achbadge_list {
    gap: 2px !important;
    transform: none !important;
}
@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        min-height: 36px !important;
        height: 36px !important;
        padding: 1px 4px !important;
    }
    #chat_right_data #container_user .online_user .user_item_avatar,
    body #chat_right_data #container_user .online_user .user_item_avatar,
    #chat_right_data #container_user .online_user .user_item_avatar .acav,
    body #chat_right_data #container_user .online_user .user_item_avatar .acav,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
    }
    #chat_right_data #container_user .online_user .user_item_data > .username,
    #chat_right_data #container_user .online_user .user_item_data > .user_name,
    #chat_right_data #container_user .online_user .user_item_name,
    #chat_right_data #container_user .online_user .user_name,
    #chat_right_data #container_user .online_user p.username,
    body #chat_right_data #container_user .online_user .user_item_data > .username,
    body #chat_right_data #container_user .online_user .user_item_data > .user_name,
    body #chat_right_data #container_user .online_user .user_item_name,
    body #chat_right_data #container_user .online_user .user_name,
    body #chat_right_data #container_user .online_user p.username {
        font-size: 14px !important;
        line-height: 1.15 !important;
    }
    #chat_right_data #container_user .online_user .name_glitter_wrap,
    #chat_right_data #container_user .online_user .name_glitter_text,
    body #chat_right_data #container_user .online_user .name_glitter_wrap,
    body #chat_right_data #container_user .online_user .name_glitter_text {
        font-size: 15px !important;
    }
    #chat_right_data #container_user .online_user .user_item_icon,
    #chat_right_data #container_user .online_user .user_item_flag,
    body #chat_right_data #container_user .online_user .user_item_icon,
    body #chat_right_data #container_user .online_user .user_item_flag {
        width: 18px !important;
        font-size: 12px !important;
    }
}
/* v25.15 — User List breathing room
   Slightly taller rows and safer inner spacing around name/status. */
#chat_right_data #container_user .online_user > .user_item,
body #chat_right_data #container_user .online_user > .user_item {
    min-height: 37px !important;
    height: 37px !important;
    padding: 2px 5px !important;
    line-height: 1.15 !important;
}
#chat_right_data #container_user .online_user .user_item_avatar,
body #chat_right_data #container_user .online_user .user_item_avatar,
#chat_right_data #container_user .online_user .user_item_avatar .acav,
body #chat_right_data #container_user .online_user .user_item_avatar .acav,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
}
#chat_right_data #container_user .online_user .user_item_data,
body #chat_right_data #container_user .online_user .user_item_data {
    padding-left: 7px !important;
    padding-right: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}
#chat_right_data #container_user .online_user .user_item_data > .username,
#chat_right_data #container_user .online_user .user_item_data > .user_name,
#chat_right_data #container_user .online_user .user_item_name,
#chat_right_data #container_user .online_user .user_name,
#chat_right_data #container_user .online_user p.username,
body #chat_right_data #container_user .online_user .user_item_data > .username,
body #chat_right_data #container_user .online_user .user_item_data > .user_name,
body #chat_right_data #container_user .online_user .user_item_name,
body #chat_right_data #container_user .online_user .user_name,
body #chat_right_data #container_user .online_user p.username {
    margin: 0 2px 1px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    line-height: 1.15 !important;
}
#chat_right_data #container_user .online_user .list_mood,
body #chat_right_data #container_user .online_user .list_mood {
    margin: 2px 2px 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    line-height: 1.05 !important;
}
@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        min-height: 39px !important;
        height: 39px !important;
        padding: 2px 5px !important;
    }
    #chat_right_data #container_user .online_user .user_item_avatar,
    body #chat_right_data #container_user .online_user .user_item_avatar,
    #chat_right_data #container_user .online_user .user_item_avatar .acav,
    body #chat_right_data #container_user .online_user .user_item_avatar .acav,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
    #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
    body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
        width: 37px !important;
        min-width: 37px !important;
        height: 37px !important;
    }
    #chat_right_data #container_user .online_user .user_item_data,
    body #chat_right_data #container_user .online_user .user_item_data {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #chat_right_data #container_user .online_user .user_item_data > .username,
    #chat_right_data #container_user .online_user .user_item_data > .user_name,
    #chat_right_data #container_user .online_user .user_item_name,
    #chat_right_data #container_user .online_user .user_name,
    #chat_right_data #container_user .online_user p.username,
    body #chat_right_data #container_user .online_user .user_item_data > .username,
    body #chat_right_data #container_user .online_user .user_item_data > .user_name,
    body #chat_right_data #container_user .online_user .user_item_name,
    body #chat_right_data #container_user .online_user .user_name,
    body #chat_right_data #container_user .online_user p.username {
        margin-left: 3px !important;
        margin-right: 3px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    #chat_right_data #container_user .online_user .list_mood,
    body #chat_right_data #container_user .online_user .list_mood {
        margin-top: 3px !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}
/* =========================================================
   User List — 25.16 focused card width and separator
   Keeps normal rows compact; enlarges only the framed/name-bg card.
   ========================================================= */

#chat_right_data #container_user .online_user,
body #chat_right_data #container_user .online_user {
    overflow: visible !important;
}

#chat_right_data #container_user .online_user > .user_item,
body #chat_right_data #container_user .online_user > .user_item {
    width: calc(100% - 4px) !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    overflow: visible !important;
}

/* The framed/name-background card: slightly larger, with a clean gap below. */
#chat_right_data #container_user .online_user > .user_item.namebg_row,
body #chat_right_data #container_user .online_user > .user_item.namebg_row {
    min-height: 42px !important;
    height: 42px !important;
    margin-bottom: 6px !important;
    padding: 3px 7px !important;
    border-radius: 11px !important;
    overflow: visible !important;
}

#chat_right_data #container_user .online_user > .user_item.namebg_row .user_item_data,
body #chat_right_data #container_user .online_user > .user_item.namebg_row .user_item_data {
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-width: 0 !important;
}

#chat_right_data #container_user .online_user > .user_item.namebg_row .username,
body #chat_right_data #container_user .online_user > .user_item.namebg_row .username,
#chat_right_data #container_user .online_user > .user_item.namebg_row .user_name,
body #chat_right_data #container_user .online_user > .user_item.namebg_row .user_name {
    margin-left: 4px !important;
    margin-right: 4px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

#chat_right_data #container_user .online_user > .user_item.namebg_row .list_mood,
body #chat_right_data #container_user .online_user > .user_item.namebg_row .list_mood {
    margin-top: 3px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item {
        width: calc(100% - 2px) !important;
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    #chat_right_data #container_user .online_user > .user_item.namebg_row,
    body #chat_right_data #container_user .online_user > .user_item.namebg_row {
        min-height: 44px !important;
        height: 44px !important;
        margin-bottom: 7px !important;
        padding: 3px 8px !important;
    }

    #chat_right_data #container_user .online_user > .user_item.namebg_row .user_item_data,
    body #chat_right_data #container_user .online_user > .user_item.namebg_row .user_item_data {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }
}
/* =========================================================
   25.17 — User List matches Friends List geometry
   The user rows use the same compact card metrics as .ulist_item:
   auto height, 8px inner padding, 40px avatar, 5px radius,
   and a small 3px separator between cards.
   ========================================================= */
#chat_right_data #container_user .online_user,
body #chat_right_data #container_user .online_user {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

#chat_right_data #container_user .online_user > .user_item,
body #chat_right_data #container_user .online_user > .user_item {
    box-sizing: border-box !important;
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    margin: 0 0 3px !important;
    padding: 8px !important;
    border-radius: 5px !important;
    overflow: visible !important;
    line-height: normal !important;
}

#chat_right_data #container_user .online_user > .user_item.namebg_row,
body #chat_right_data #container_user .online_user > .user_item.namebg_row,
#chat_right_data #container_user .online_user .profile_list_card_effect,
body #chat_right_data #container_user .online_user .profile_list_card_effect {
    height: auto !important;
    min-height: 56px !important;
    margin: 0 0 3px !important;
    padding: 8px !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
}

#chat_right_data #container_user .online_user .user_item_avatar,
body #chat_right_data #container_user .online_user .user_item_avatar {
    display: table-cell !important;
    vertical-align: middle !important;
    width: 40px !important;
    min-width: 40px !important;
    position: relative !important;
    overflow: visible !important;
}

#chat_right_data #container_user .online_user .user_item_avatar .acav,
body #chat_right_data #container_user .online_user .user_item_avatar .acav,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap,
#chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay),
body #chat_right_data #container_user .online_user .user_item_avatar .avatar_frame_wrap img:not(.avatar_frame_overlay) {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
}

#chat_right_data #container_user .online_user .user_item_data,
body #chat_right_data #container_user .online_user .user_item_data,
#chat_right_data #container_user .online_user .user_item_name,
body #chat_right_data #container_user .online_user .user_item_name {
    display: table-cell !important;
    vertical-align: middle !important;
    min-width: 0 !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: normal !important;
}

#chat_right_data #container_user .online_user .user_item_icon,
body #chat_right_data #container_user .online_user .user_item_icon {
    display: table-cell !important;
    vertical-align: middle !important;
    width: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 15px !important;
}

#chat_right_data #container_user .online_user .user_item_flag,
body #chat_right_data #container_user .online_user .user_item_flag {
    display: table-cell !important;
    vertical-align: middle !important;
    width: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    text-align: center !important;
}

#chat_right_data #container_user .online_user .user_item_flag img,
body #chat_right_data #container_user .online_user .user_item_flag img {
    width: 17px !important;
    height: auto !important;
    max-width: 17px !important;
}

#chat_right_data #container_user .online_user .username,
body #chat_right_data #container_user .online_user .username,
#chat_right_data #container_user .online_user .user_name,
body #chat_right_data #container_user .online_user .user_name {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

#chat_right_data #container_user .online_user .list_mood,
body #chat_right_data #container_user .online_user .list_mood {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

#chat_right_data #container_user .online_user .list_status,
body #chat_right_data #container_user .online_user .list_status {
    z-index: 6 !important;
}

@media (max-width: 600px) {
    #chat_right_data #container_user .online_user > .user_item,
    body #chat_right_data #container_user .online_user > .user_item,
    #chat_right_data #container_user .online_user > .user_item.namebg_row,
    body #chat_right_data #container_user .online_user > .user_item.namebg_row,
    #chat_right_data #container_user .online_user .profile_list_card_effect,
    body #chat_right_data #container_user .online_user .profile_list_card_effect {
        min-height: 56px !important;
        height: auto !important;
        margin-bottom: 3px !important;
        padding: 8px !important;
    }
}
/* =========================================================
   25.18 — Public message identity and system-join alignment
   Scope: message rows only. Room/User lists and scroll containers untouched.
   ========================================================= */

/* Keep public messages in one horizontal flow on desktop and mobile. */
#chat_logs_container li.public__message .chat_message_wrapper.public_message_flow,
body #chat_logs_container li.public__message .chat_message_wrapper.public_message_flow {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    direction: ltr !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
    overflow: visible !important;
    writing-mode: horizontal-tb !important;
}

/* Identity order remains: rank → avatar → name, with a visible gap. */
#chat_logs_container li.public__message .chat_identity_cell,
body #chat_logs_container li.public__message .chat_identity_cell {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    column-gap: 6px !important;
    direction: ltr !important;
    width: auto !important;
    height: 30px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    writing-mode: horizontal-tb !important;
}

#chat_logs_container li.public__message .chat_rank_cell,
body #chat_logs_container li.public__message .chat_rank_cell {
    order: 0 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chat_logs_container li.public__message .chat_avatar_cell,
body #chat_logs_container li.public__message .chat_avatar_cell {
    order: 1 !important;
    flex: 0 0 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chat_logs_container li.public__message .chat_name_cell,
body #chat_logs_container li.public__message .chat_name_cell {
    order: 2 !important;
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    column-gap: 3px !important;
    width: auto !important;
    max-width: 240px !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Remove the old pseudo-colon from the name; it caused a second/wrong colon. */
#chat_logs_container li.public__message .chat_name_cell::before,
#chat_logs_container li.public__message .chat_name_cell::after,
body #chat_logs_container li.public__message .chat_name_cell::before,
body #chat_logs_container li.public__message .chat_name_cell::after {
    content: none !important;
    display: none !important;
}

/* The content cell starts directly after the identity; its pseudo-item is the only colon. */
#chat_logs_container li.public__message .chat_content_cell,
body #chat_logs_container li.public__message .chat_content_cell {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: row !important;
    align-items: center !important;
    column-gap: 5px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 30px !important;
    writing-mode: horizontal-tb !important;
}

#chat_logs_container li.public__message .chat_content_cell::before,
body #chat_logs_container li.public__message .chat_content_cell::before {
    content: ':' !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

#chat_logs_container li.public__message .chat_content_cell > div:first-child,
body #chat_logs_container li.public__message .chat_content_cell > div:first-child {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 30px !important;
}

#chat_logs_container li.public__message .chat_content_cell .chat_react_summary,
body #chat_logs_container li.public__message .chat_content_cell .chat_react_summary {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 2px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* System join rows: avatar and join text stay on one centered line. */
#chat_logs_container li.sys_log_join,
body #chat_logs_container li.sys_log_join {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    column-gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

#chat_logs_container li.sys_log_join .chat_savatar,
body #chat_logs_container li.sys_log_join .chat_savatar {
    display: flex !important;
    flex: 0 0 32px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chat_logs_container li.sys_log_join .chat_system,
body #chat_logs_container li.sys_log_join .chat_system {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    column-gap: 5px !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 19px !important;
}

#chat_logs_container li.sys_log_join .sysname,
body #chat_logs_container li.sys_log_join .sysname {
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message .chat_message_wrapper.public_message_flow,
    body #chat_logs_container li.public__message .chat_message_wrapper.public_message_flow {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: center !important;
        gap: 5px !important;
        min-height: 30px !important;
        padding: 3px 0 !important;
        line-height: 30px !important;
    }

    #chat_logs_container li.public__message .chat_identity_cell,
    body #chat_logs_container li.public__message .chat_identity_cell {
        column-gap: 5px !important;
        height: 30px !important;
    }

    #chat_logs_container li.public__message .chat_name_cell,
    body #chat_logs_container li.public__message .chat_name_cell {
        max-width: 180px !important;
        height: 30px !important;
    }

    #chat_logs_container li.public__message .chat_content_cell,
    body #chat_logs_container li.public__message .chat_content_cell {
        height: 30px !important;
        line-height: 30px !important;
    }

    #chat_logs_container li.sys_log_join,
    body #chat_logs_container li.sys_log_join {
        column-gap: 5px !important;
    }

    #chat_logs_container li.sys_log_join .chat_savatar,
    body #chat_logs_container li.sys_log_join .chat_savatar {
        flex-basis: 29px !important;
        width: 29px !important;
        min-width: 29px !important;
    }
}
/* 25.19 — message layout correction
   Scope: public-message colon duplication + join-row vertical stacking.
   Does not change chat containers, scroll heights, or message templates.
*/

/* Keep exactly one separator: the one emitted by .chat_content_cell::before. */
#chat_logs_container li.chat_log.public__message .chat_message_wrapper.public_message_flow .chat_identity_cell .chat_name_cell::before,
#chat_logs_container li.chat_log.public__message .chat_message_wrapper.public_message_flow .chat_identity_cell .chat_name_cell::after,
body #chat_logs_container li.chat_log.public__message .chat_message_wrapper.public_message_flow .chat_identity_cell .chat_name_cell::before,
body #chat_logs_container li.chat_log.public__message .chat_message_wrapper.public_message_flow .chat_identity_cell .chat_name_cell::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#chat_logs_container li.chat_log.public__message .chat_message_wrapper.public_message_flow .chat_content_cell::before,
body #chat_logs_container li.chat_log.public__message .chat_message_wrapper.public_message_flow .chat_content_cell::before {
    content: ':' !important;
    display: inline-block !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    line-height: 30px !important;
}

/* Make every join log a single horizontal row: avatar + text. */
#chat_logs_container li.chat_log.sys_log.sys_log_join,
body #chat_logs_container li.chat_log.sys_log.sys_log_join {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 32px !important;
    height: auto !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
    display: flex !important;
    flex: 0 0 32px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    position: static !important;
    float: none !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar {
    display: block !important;
    flex: 0 0 auto !important;
    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system {
    display: block !important;
    flex: 1 1 auto !important;
    align-self: center !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 30px !important;
    vertical-align: middle !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system > .sysname,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system > .sysname {
    display: inline !important;
    float: none !important;
    vertical-align: middle !important;
    line-height: 30px !important;
    white-space: nowrap !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.chat_log.sys_log.sys_log_join,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join {
        flex-flow: row nowrap !important;
        align-items: center !important;
        min-height: 30px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
        flex-basis: 29px !important;
        width: 29px !important;
        min-width: 29px !important;
        height: 30px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar {
        width: 25px !important;
        height: 25px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system {
        height: 28px !important;
        line-height: 28px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system > .sysname,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system > .sysname {
        line-height: 28px !important;
    }
}
/* 25.20 — authoritative public message layout
   The template now emits matching inline flex styles; these rules stabilize
   widths, text overflow, and the independent join-row grid.
*/

/* Public message: identity | content | menu, with no overlap. */
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow,
body #chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
    display: flex !important;
    flex-flow: row-reverse nowrap !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#chat_logs_container li.public__message .chat_identity_cell,
body #chat_logs_container li.public__message .chat_identity_cell {
    display: flex !important;
    flex: 0 1 45% !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 45% !important;
    min-width: 0 !important;
    height: 30px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    column-gap: 6px !important;
}

#chat_logs_container li.public__message .chat_rank_cell,
body #chat_logs_container li.public__message .chat_rank_cell,
#chat_logs_container li.public__message .chat_avatar_cell,
body #chat_logs_container li.public__message .chat_avatar_cell {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#chat_logs_container li.public__message .chat_name_cell,
body #chat_logs_container li.public__message .chat_name_cell {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 180px !important;
    width: auto !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

#chat_logs_container li.public__message .chat_name_cell .username,
body #chat_logs_container li.public__message .chat_name_cell .username,
#chat_logs_container li.public__message .chat_name_cell .name_glitter_wrap,
body #chat_logs_container li.public__message .chat_name_cell .name_glitter_wrap,
#chat_logs_container li.public__message .chat_name_cell .name_glitter_text,
body #chat_logs_container li.public__message .chat_name_cell .name_glitter_text {
    display: inline-block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

#chat_logs_container li.public__message .chat_content_cell,
body #chat_logs_container li.public__message .chat_content_cell {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
}

#chat_logs_container li.public__message .chat_content_cell > div:first-child,
body #chat_logs_container li.public__message .chat_content_cell > div:first-child {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 30px !important;
}

#chat_logs_container li.public__message .chat_menu_cell.public_message_menu,
body #chat_logs_container li.public__message .chat_menu_cell.public_message_menu {
    display: flex !important;
    flex: 0 0 auto !important;
    order: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 30px !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

/* Exactly one separator, generated before the content—not in the name cell. */
#chat_logs_container li.public__message .chat_name_cell::before,
#chat_logs_container li.public__message .chat_name_cell::after,
body #chat_logs_container li.public__message .chat_name_cell::before,
body #chat_logs_container li.public__message .chat_name_cell::after,
#chat_logs_container li.public__message .chat_identity_cell::before,
#chat_logs_container li.public__message .chat_identity_cell::after,
body #chat_logs_container li.public__message .chat_identity_cell::before,
body #chat_logs_container li.public__message .chat_identity_cell::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

#chat_logs_container li.public__message .chat_content_cell::before,
body #chat_logs_container li.public__message .chat_content_cell::before {
    content: ':' !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    line-height: 30px !important;
    visibility: visible !important;
}

/* Join log: explicit two-column grid prevents the first row from stacking. */
#chat_logs_container li.chat_log.sys_log.sys_log_join,
body #chat_logs_container li.chat_log.sys_log.sys_log_join {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 32px !important;
    grid-template-rows: minmax(30px, auto) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 30px !important;
    height: auto !important;
    box-sizing: border-box !important;
    direction: ltr !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    align-self: center !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 5px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 30px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-self: center !important;
    justify-self: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    float: none !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message .chat_identity_cell,
    body #chat_logs_container li.public__message .chat_identity_cell {
        flex-basis: 45% !important;
        max-width: 45% !important;
    }

    #chat_logs_container li.public__message .chat_name_cell,
    body #chat_logs_container li.public__message .chat_name_cell {
        max-width: 150px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join {
        grid-template-columns: minmax(0, 1fr) 29px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
        width: 29px !important;
        min-width: 29px !important;
    }
}
/* 25.21 — prevent public text from being hidden or overlapping identity */

#chat_logs_container li.public__message .chat_identity_cell,
body #chat_logs_container li.public__message .chat_identity_cell {
    flex: 0 1 44% !important;
    max-width: 44% !important;
    overflow: hidden !important;
    align-self: flex-start !important;
    padding-top: 0 !important;
}

#chat_logs_container li.public__message .chat_name_cell,
body #chat_logs_container li.public__message .chat_name_cell {
    flex: 0 1 160px !important;
    max-width: 160px !important;
    overflow: hidden !important;
    text-align: right !important;
}

#chat_logs_container li.public__message .chat_content_cell,
body #chat_logs_container li.public__message .chat_content_cell {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 30px !important;
    align-self: flex-start !important;
    align-items: flex-start !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 22px !important;
}

#chat_logs_container li.public__message .chat_content_cell > div:first-child,
body #chat_logs_container li.public__message .chat_content_cell > div:first-child,
#chat_logs_container li.public__message .chat_content_cell > div:first-child .mbubble,
body #chat_logs_container li.public__message .chat_content_cell > div:first-child .mbubble {
    display: block !important;
    flex: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    direction: rtl !important;
    text-align: right !important;
    line-height: 22px !important;
}

#chat_logs_container li.public__message .chat_react_opt,
body #chat_logs_container li.public__message .chat_react_opt {
    display: inline-block !important;
    max-width: 100% !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 22px !important;
    padding: 4px 5px !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system .sysname,
body #chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system .sysname {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 45% !important;
    vertical-align: middle !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.public__message .chat_identity_cell,
    body #chat_logs_container li.public__message .chat_identity_cell {
        flex-basis: 42% !important;
        max-width: 42% !important;
    }

    #chat_logs_container li.public__message .chat_name_cell,
    body #chat_logs_container li.public__message .chat_name_cell {
        max-width: 125px !important;
    }
}
/* Layout restore: keep public chat rows compact and prevent profile-card effects from stretching them. */
#chat_logs_container li.public__message > .chat_message_container,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
  box-sizing: border-box !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
  display: flex !important;
  flex-flow: row-reverse nowrap !important;
  align-items: center !important;
  min-height: 30px !important;
  height: 30px !important;
  overflow: visible !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu {
  height: 30px !important;
  min-height: 30px !important;
  align-self: center !important;
  box-sizing: border-box !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
  flex: 0 1 44% !important;
  max-width: 44% !important;
  overflow: hidden !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  line-height: 30px !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child .mbubble {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  line-height: 30px !important;
}
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu .logs_menu,
#chat_logs_container li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu .public_message_date {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  white-space: nowrap !important;
}
#chat_logs_container li.public__message .profile_list_card_effect,
#chat_logs_container li.public__message .profile_list_card_effect::before,
#chat_logs_container li.public__message .profile_list_card_effect::after {
  display: contents !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_join {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 32px !important;
  grid-template-rows: 32px !important;
  min-height: 32px !important;
  height: 32px !important;
  align-items: center !important;
  overflow: visible !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_system {
  grid-column: 1 !important;
  grid-row: 1 !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 5px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_join > .chat_savatar > .savatar {
  width: 27px !important;
  height: 27px !important;
}
/* Priority fix: the generic #show_chat > #chat_logs_container > li.chat_log rule was overriding join rows. */
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 32px !important;
  grid-template-rows: 32px !important;
  align-items: center !important;
  min-height: 32px !important;
  height: 32px !important;
  overflow: visible !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  height: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
  padding: 0 5px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Final message alignment: preserve the full name/frame and keep text at its natural edge. */
#show_chat > #chat_logs_container > li.public__message {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 4px 10px !important;
  overflow: visible !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
  height: 34px !important;
  min-height: 34px !important;
  align-items: center !important;
  overflow: visible !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
  height: 34px !important;
  min-height: 34px !important;
  overflow: visible !important;
  align-self: center !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell,
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell .name_glitter_wrap,
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell .username {
  height: auto !important;
  min-height: 30px !important;
  max-height: 34px !important;
  overflow: visible !important;
  align-self: center !important;
  line-height: 30px !important;
  box-sizing: border-box !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
  flex: 0 1 auto !important;
  width: max-content !important;
  max-width: min(55vw, 520px) !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  align-self: center !important;
  align-items: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  line-height: 34px !important;
  text-align: right !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child,
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child .mbubble {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 34px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  line-height: 34px !important;
  vertical-align: middle !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu {
  height: 34px !important;
  min-height: 34px !important;
  align-self: center !important;
}
/* Core message row: identity at the RTL start, content beside it, and menu/date at the opposite end. */
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
  justify-content: flex-start !important;
  align-items: center !important;
  direction: ltr !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
  flex: 0 1 44% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
  flex: 0 1 auto !important;
  width: max-content !important;
  max-width: min(55vw, 520px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: center !important;
  text-align: right !important;
  white-space: nowrap !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .public_message_menu {
  flex: 0 0 auto !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  white-space: nowrap !important;
}
#show_chat > #chat_logs_container > li.public__message .public_message_date,
#show_chat > #chat_logs_container > li.public__message .logs_menu {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* ============================================================
   25.23 — directional repair for public rows and join logs
   ============================================================ */
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow {
  display: flex !important;
  flex-direction: row-reverse !important;
  direction: ltr !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 30px !important;
  overflow: visible !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell {
  order: 1 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 45% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 30px !important;
  align-self: flex-start !important;
  overflow: visible !important;
  margin: 0 !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 160px !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell .username,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_identity_cell .chat_name_cell .username {
  display: inline-block !important;
  max-width: 160px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell {
  order: 2 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 30px !important;
  align-self: flex-start !important;
  display: flex !important;
  align-items: flex-start !important;
  direction: rtl !important;
  text-align: right !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child,
#show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child .mbubble,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child,
body #show_chat > #chat_logs_container > li.public__message > .chat_message_container > .chat_message_wrapper.public_message_flow > .chat_content_cell > div:first-child .mbubble {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  line-height: 30px !important;
}
/* Join rows: avatar and system text are adjacent, with the avatar at the RTL start. */
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join {
  display: flex !important;
  flex-direction: row !important;
  direction: rtl !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: 6px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 32px !important;
  overflow: visible !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar {
  order: 1 !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system {
  order: 2 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 38px) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 30px !important;
  line-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  text-align: right !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system *,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system * {
  white-space: normal !important;
}

/* v25.27 — restore microphone seat interaction.
   The seat bar is visually overlaid with pointer-events:none; only its controls
   were re-enabled, leaving the microphone seats themselves unclickable. */
#mic_seat_bar_wrap .mic_seat_bar,
#mic_seat_bar_wrap .mic_seat_item,
#mic_seat_bar_wrap .mic_seat_avatar_wrap,
#mic_seat_bar_wrap .mic_seat_name {
  pointer-events: auto !important;
}
#mic_seat_bar_wrap .mic_seat_avatar_wrap {
  cursor: pointer !important;
}
/* Empty chat center patch: keep the placeholder centered in the public chat area. */
#show_chat #chat_logs_container:empty {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px !important;
    overflow: hidden !important;
    direction: rtl !important;
}
#show_chat #chat_logs_container:empty::before {
    margin: 0 !important;
    flex: 0 0 auto !important;
}
/* 25.30 — compact name-color chip in public chat */
#chat_logs_container li.public__message .chat_name_cell > .username,
#chat_logs_container li.chat_log .chat_name_cell > .username,
body #chat_logs_container .chat_name_cell > .username {
  display: inline-block !important;
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 5px !important;
  min-height: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
  border-radius: 5px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

#chat_logs_container li.public__message .chat_name_cell,
#chat_logs_container li.chat_log .chat_name_cell {
  width: fit-content !important;
  max-width: 160px !important;
  flex: 0 1 auto !important;
}
/* ============================================================
   Luxury microphone seats v25.31
   Visual-only override: preserves seat data, onclick handlers and layout.
   ============================================================ */

#mic_seat_bar_wrap.mic_seat_bar_wrap {
  --mic-seat-bg: rgba(255, 255, 255, .92);
  --mic-seat-border: rgba(47, 110, 242, .18);
  --mic-seat-text: #263451;
  --mic-seat-shadow: 0 5px 16px rgba(30, 55, 100, .13);
  --mic-seat-hover-bg: rgba(238, 244, 255, .98);
  --mic-seat-hover-border: rgba(47, 110, 242, .48);
  --mic-seat-icon-bg: linear-gradient(145deg, #f4f8ff 0%, #e5edff 100%);
  --mic-seat-icon-color: #2f6ef2;
  --mic-seat-number-bg: #2f6ef2;
  --mic-seat-number-color: #fff;
  --mic-seat-me: #22b573;
  --mic-seat-muted: #e53935;
}

#mic_seat_bar_wrap.mic_seat_bar_wrap,
body:not(.dark_mode) #mic_seat_bar_wrap.mic_seat_bar_wrap {
  color: var(--mic-seat-text);
}

body.dark #mic_seat_bar_wrap.mic_seat_bar_wrap,
body.dark_mode #mic_seat_bar_wrap.mic_seat_bar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap.mic_seat_bar_wrap {
  --mic-seat-bg: rgba(29, 39, 67, .92);
  --mic-seat-border: rgba(143, 174, 255, .24);
  --mic-seat-text: #e8edff;
  --mic-seat-shadow: 0 6px 18px rgba(0, 0, 0, .28);
  --mic-seat-hover-bg: rgba(44, 58, 96, .98);
  --mic-seat-hover-border: rgba(143, 174, 255, .58);
  --mic-seat-icon-bg: linear-gradient(145deg, #2b467a 0%, #1d2d51 100%);
  --mic-seat-icon-color: #a9c3ff;
  --mic-seat-number-bg: #496fc7;
  --mic-seat-number-color: #f8faff;
  --mic-seat-me: #4dd694;
  --mic-seat-muted: #ff6666;
}

#mic_seat_bar_wrap .mic_seat_bar {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(9px, 2.5vw, 22px) !important;
  padding: 5px 10px 2px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  pointer-events: auto;
}

#mic_seat_bar_wrap .mic_seat_bar::-webkit-scrollbar {
  display: none;
}

#mic_seat_bar_wrap .mic_seat_item {
  position: relative;
  flex: 0 0 66px;
  width: 66px !important;
  min-width: 66px;
  gap: 3px;
  transition: transform .2s ease, filter .2s ease;
}

#mic_seat_bar_wrap .mic_seat_item::before {
  content: attr(data-seat);
  position: absolute;
  top: -1px;
  right: 3px;
  z-index: 8;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border: 2px solid var(--mic-seat-bg);
  border-radius: 7px;
  background: var(--mic-seat-number-bg);
  color: var(--mic-seat-number-color);
  font-size: 10px;
  font-weight: 800;
  line-height: 13px;
  text-align: center;
  box-shadow: 0 2px 7px rgba(31, 65, 140, .24);
  pointer-events: none;
}

#mic_seat_bar_wrap .mic_seat_avatar_wrap {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid var(--mic-seat-border) !important;
  border-radius: 16px !important;
  background: var(--mic-seat-bg) !important;
  color: var(--mic-seat-icon-color) !important;
  box-shadow: var(--mic-seat-shadow);
  overflow: visible;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

#mic_seat_bar_wrap .mic_seat_avatar_wrap::after {
  content: '';
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 12px;
  pointer-events: none;
}

#mic_seat_bar_wrap .mic_seat_avatar {
  width: 100% !important;
  height: 100% !important;
  border-radius: 13px !important;
  object-fit: cover;
}

#mic_seat_bar_wrap .mic_seat_empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--mic-seat-icon-bg) !important;
  color: var(--mic-seat-icon-color) !important;
}

#mic_seat_bar_wrap .mic_seat_empty_icon {
  position: relative;
  z-index: 2;
  color: var(--mic-seat-icon-color) !important;
  font-size: 22px !important;
  filter: drop-shadow(0 2px 4px rgba(47, 110, 242, .22));
}

#mic_seat_bar_wrap .mic_seat_empty + .mic_seat_name {
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

#mic_seat_bar_wrap .mic_seat_name {
  max-width: 66px !important;
  margin-top: 3px !important;
  color: var(--mic-seat-text) !important;
  font-size: 10.5px !important;
  font-weight: 700;
  line-height: 15px;
  text-shadow: none;
}

@media (hover: hover) {
  #mic_seat_bar_wrap .mic_seat_avatar_wrap:hover {
    transform: translateY(-2px);
    border-color: var(--mic-seat-hover-border) !important;
    background: var(--mic-seat-hover-bg) !important;
    box-shadow: 0 8px 20px rgba(47, 110, 242, .2);
  }

  #mic_seat_bar_wrap .mic_seat_item:hover {
    filter: brightness(1.03);
  }
}

#mic_seat_bar_wrap .mic_seat_avatar_wrap.mic_seat_me {
  border-color: var(--mic-seat-me) !important;
  box-shadow: 0 0 0 3px rgba(34, 181, 115, .24), var(--mic-seat-shadow);
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking {
  animation: none !important;
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap {
  animation: micLuxurySpeaking 1.15s ease-in-out infinite;
}

@keyframes micLuxurySpeaking {
  0%, 100% { box-shadow: 0 0 0 0 rgba(47, 110, 242, 0), var(--mic-seat-shadow); }
  50% { box-shadow: 0 0 0 5px rgba(47, 110, 242, .17), 0 8px 22px rgba(47, 110, 242, .25); }
}

#mic_seat_bar_wrap .mic_seat_item.mic_muted .mic_seat_avatar_wrap {
  opacity: .68;
  filter: grayscale(.25);
}

#mic_seat_bar_wrap .mic_seat_muted {
  top: -6px !important;
  right: -6px !important;
  left: auto !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px;
  border: 2px solid var(--mic-seat-bg) !important;
  border-radius: 7px !important;
  background: var(--mic-seat-muted) !important;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(229, 57, 53, .28);
  z-index: 9;
}

@media (max-width: 480px) {
  #mic_seat_bar_wrap .mic_seat_bar {
    justify-content: flex-start;
    gap: 8px !important;
    padding-right: 8px;
    padding-left: 8px;
  }

  #mic_seat_bar_wrap .mic_seat_item {
    flex-basis: 58px;
    width: 58px !important;
    min-width: 58px;
  }

  #mic_seat_bar_wrap .mic_seat_avatar_wrap {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
  }

  #mic_seat_bar_wrap .mic_seat_name {
    max-width: 58px !important;
  }
}
/* ============================================================
   Mic-only icon treatment v25.32
   No seat numbers, cards, backgrounds or frames.
   Keeps the original seat click handlers and occupied-user avatars.
   ============================================================ */

#mic_seat_bar_wrap .mic_seat_bar {
  gap: clamp(16px, 4vw, 34px) !important;
  padding: 4px 10px 2px !important;
  align-items: flex-start;
}

#mic_seat_bar_wrap .mic_seat_item {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  gap: 2px;
  filter: none !important;
}

/* Remove all decorative seat number/card layers. */
#mic_seat_bar_wrap .mic_seat_item::before,
#mic_seat_bar_wrap .mic_seat_avatar_wrap::after {
  display: none !important;
  content: none !important;
}

#mic_seat_bar_wrap .mic_seat_avatar_wrap,
#mic_seat_bar_wrap .mic_seat_avatar_wrap.mic_seat_me,
#mic_seat_bar_wrap .mic_seat_empty {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #276cf2 !important;
  transition: transform .18s ease, color .18s ease, filter .18s ease;
}

#mic_seat_bar_wrap .mic_seat_empty_icon {
  position: relative;
  z-index: 2;
  color: #276cf2 !important;
  font-size: 31px !important;
  line-height: 42px;
  filter: drop-shadow(0 3px 5px rgba(39, 108, 242, .32));
  transition: transform .18s ease, color .18s ease, filter .18s ease;
}

#mic_seat_bar_wrap .mic_seat_avatar_wrap:hover,
#mic_seat_bar_wrap .mic_seat_empty:hover {
  transform: translateY(-2px) scale(1.1);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(1.06);
}

#mic_seat_bar_wrap .mic_seat_empty:hover .mic_seat_empty_icon {
  color: #1555ce !important;
  filter: drop-shadow(0 4px 8px rgba(39, 108, 242, .48));
}

body.dark #mic_seat_bar_wrap .mic_seat_avatar_wrap,
body.dark_mode #mic_seat_bar_wrap .mic_seat_avatar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_avatar_wrap,
body.dark #mic_seat_bar_wrap .mic_seat_empty,
body.dark_mode #mic_seat_bar_wrap .mic_seat_empty,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_empty {
  color: #a8c2ff !important;
}

body.dark #mic_seat_bar_wrap .mic_seat_empty_icon,
body.dark_mode #mic_seat_bar_wrap .mic_seat_empty_icon,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_empty_icon {
  color: #a8c2ff !important;
  filter: drop-shadow(0 3px 7px rgba(112, 157, 255, .5));
}

body.dark #mic_seat_bar_wrap .mic_seat_empty:hover .mic_seat_empty_icon,
body.dark_mode #mic_seat_bar_wrap .mic_seat_empty:hover .mic_seat_empty_icon,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_empty:hover .mic_seat_empty_icon {
  color: #d2deff !important;
  filter: drop-shadow(0 4px 10px rgba(140, 176, 255, .68));
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap,
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_empty_icon {
  animation: micOnlyPulse 1.05s ease-in-out infinite;
}

@keyframes micOnlyPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.13); }
}

/* Keep the user's muted indicator small and functional, not a seat card. */
#mic_seat_bar_wrap .mic_seat_muted {
  top: -5px !important;
  right: -7px !important;
  left: auto !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 8px !important;
  box-shadow: 0 2px 6px rgba(229, 57, 53, .38) !important;
}

@media (max-width: 480px) {
  #mic_seat_bar_wrap .mic_seat_bar {
    justify-content: space-evenly !important;
    gap: 10px !important;
    padding: 3px 7px 1px !important;
  }

  #mic_seat_bar_wrap .mic_seat_item {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
  }

  #mic_seat_bar_wrap .mic_seat_avatar_wrap,
  #mic_seat_bar_wrap .mic_seat_avatar_wrap.mic_seat_me,
  #mic_seat_bar_wrap .mic_seat_empty {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  #mic_seat_bar_wrap .mic_seat_empty_icon {
    font-size: 27px !important;
    line-height: 36px;
  }

  #mic_seat_bar_wrap .mic_seat_muted {
    top: -4px !important;
    right: -6px !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    font-size: 7px !important;
  }
}
/* ============================================================
   Mic avatar + live speaking effect v25.33
   Empty seat stays a naked microphone icon.
   Occupied seat becomes the member avatar with name below.
   ============================================================ */

/* A member's photo fills the microphone seat. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
  width: 45px !important;
  height: 45px !important;
  min-width: 45px !important;
  border: 2px solid rgba(47, 108, 242, .72) !important;
  border-radius: 50% !important;
  background: transparent !important;
  overflow: visible !important;
  box-shadow: 0 3px 12px rgba(31, 74, 160, .24) !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_name {
  margin-top: 5px !important;
}

/* Loud but clean live-speaking rings around the member photo. */
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap {
  z-index: 3;
  border-color: #25c77a !important;
  animation: micAvatarTalk 0.72s ease-in-out infinite;
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before,
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::after {
  content: '' !important;
  display: block !important;
  position: absolute;
  inset: -5px;
  z-index: -1;
  border: 2px solid rgba(37, 199, 122, .75);
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(37, 199, 122, .66), 0 0 24px rgba(37, 199, 122, .34);
  pointer-events: none;
  animation: micVoiceRing 1.25s ease-out infinite;
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::after {
  inset: -10px;
  border-color: rgba(93, 215, 157, .48);
  box-shadow: 0 0 14px rgba(37, 199, 122, .42);
  animation-delay: .34s;
}

@keyframes micAvatarTalk {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.09); filter: brightness(1.14); }
}

@keyframes micVoiceRing {
  0% { opacity: .9; transform: scale(.86); }
  70% { opacity: .24; }
  100% { opacity: 0; transform: scale(1.4); }
}

/* Existing visualizer spans become animated sound bars while speaking. */
#mic_seat_bar_wrap .mic_visualizer {
  position: absolute;
  left: 50%;
  bottom: -7px;
  z-index: 6;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  width: 28px;
  height: 13px;
  padding: 2px 4px;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 8px;
  background: rgba(19, 31, 54, .84);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .22);
  opacity: 0;
  transform: translateX(-50%) translateY(3px) scale(.8);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: none;
}

#mic_seat_bar_wrap .mic_visualizer span {
  display: block;
  width: 3px;
  height: 4px;
  border-radius: 3px;
  background: #70e3a7;
  box-shadow: 0 0 5px rgba(112, 227, 167, .8);
}

#mic_seat_bar_wrap .mic_visualizer span:nth-child(2) { height: 8px; }
#mic_seat_bar_wrap .mic_visualizer span:nth-child(3) { height: 5px; }

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_visualizer {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_visualizer span {
  animation: micVoiceBar .42s ease-in-out infinite alternate;
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_visualizer span:nth-child(2) { animation-delay: -.2s; }
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_visualizer span:nth-child(3) { animation-delay: -.1s; }

@keyframes micVoiceBar {
  from { height: 3px; }
  to { height: 11px; }
}

#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_name {
  color: #179c61 !important;
  text-shadow: 0 0 8px rgba(37, 199, 122, .24);
}

body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
  border-color: rgba(151, 182, 255, .82) !important;
  box-shadow: 0 3px 15px rgba(90, 133, 229, .32) !important;
}

body.dark #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap {
  border-color: #73e0a8 !important;
}

@media (max-width: 480px) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  #mic_seat_bar_wrap .mic_visualizer {
    bottom: -6px;
    width: 25px;
    height: 12px;
    gap: 1px;
    padding: 2px 3px;
  }

  #mic_seat_bar_wrap .mic_visualizer span {
    width: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap,
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before,
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::after,
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_visualizer span {
    animation-duration: 1.8s;
  }
}
/* ============================================================
   Room music player direction + compact polish v25.34
   Visual order only; JavaScript markup and controls remain unchanged.
   ============================================================ */

#room_player_bar.room_player_bar {
  direction: ltr !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  white-space: nowrap;
  width: fit-content !important;
  max-width: 90% !important;
  padding: 6px 14px !important;
}

/* Reference order: close, queue, volume slider, mute, song information. */
#room_player_bar .rp_close {
  order: 1 !important;
}

#room_player_bar .rp_queue_btn {
  order: 2 !important;
}

#room_player_bar .rp_slider_wrap {
  order: 3 !important;
  direction: ltr !important;
  width: 110px !important;
  flex: 0 0 110px !important;
}

#room_player_bar .rp_mute_btn {
  order: 4 !important;
}

#room_player_bar .rp_info {
  order: 5 !important;
  direction: rtl !important;
  text-align: right !important;
  min-width: 90px !important;
  max-width: 150px !important;
  flex: 0 1 150px !important;
  overflow: hidden;
}

#room_player_bar .rp_title_wrap,
#room_player_bar .rp_subtitle {
  direction: rtl !important;
  text-align: right !important;
  max-width: 100%;
}

#room_player_bar .rp_title,
#room_player_bar .rp_subtitle {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#room_player_bar .rp_subtitle {
  display: block !important;
  line-height: 14px;
}

#room_player_bar .rp_by_wrap,
#room_player_bar .rp_by_sep,
#room_player_bar .rp_time_val {
  direction: ltr;
}

/* Keep the queue dropdown attached to its button after the direction fix. */
#room_player_bar .rp_queue_panel {
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  direction: rtl;
}

/* Dark-mode contrast without increasing dimensions. */
body.dark #room_player_bar .rp_title,
body.dark_mode #room_player_bar .rp_title,
body.chat_dark_mode #room_player_bar .rp_title {
  color: #f2f5ff !important;
}

body.dark #room_player_bar .rp_subtitle,
body.dark_mode #room_player_bar .rp_subtitle,
body.chat_dark_mode #room_player_bar .rp_subtitle {
  color: #b9c4df !important;
}

@media (max-width: 500px) {
  #room_player_bar.room_player_bar {
    gap: 6px !important;
    padding: 5px 9px !important;
    max-width: 94% !important;
  }

  #room_player_bar .rp_slider_wrap {
    width: 82px !important;
    flex-basis: 82px !important;
  }

  #room_player_bar .rp_info {
    min-width: 70px !important;
    max-width: 110px !important;
    flex-basis: 110px !important;
  }

  #room_player_bar .rp_close,
  #room_player_bar .rp_queue_btn,
  #room_player_bar .rp_mute_btn {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px;
  }
}
/* ============================================================
   Room music player reverse layout + compact size v25.35
   Info left, controls right. Visual CSS only.
   ============================================================ */

#room_player_bar.room_player_bar {
  direction: ltr !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: fit-content !important;
  max-width: 82% !important;
  padding: 5px 10px !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid rgba(125, 159, 220, .36) !important;
  border-radius: 13px !important;
  box-shadow: 0 5px 16px rgba(63, 104, 184, .14), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

/* Reverse of the previous layout: information first, controls last. */
#room_player_bar .rp_info {
  order: 1 !important;
  direction: rtl !important;
  text-align: left !important;
  min-width: 78px !important;
  max-width: 126px !important;
  flex: 0 1 126px !important;
  overflow: hidden;
}

#room_player_bar .rp_mute_btn {
  order: 2 !important;
}

#room_player_bar .rp_slider_wrap {
  order: 3 !important;
  direction: ltr !important;
  width: 86px !important;
  flex: 0 0 86px !important;
}

#room_player_bar .rp_queue_btn {
  order: 4 !important;
}

#room_player_bar .rp_close {
  order: 5 !important;
}

#room_player_bar .rp_title_wrap,
#room_player_bar .rp_title,
#room_player_bar .rp_subtitle {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#room_player_bar .rp_title_wrap,
#room_player_bar .rp_subtitle {
  text-align: left !important;
}

#room_player_bar .rp_subtitle {
  display: block !important;
  line-height: 13px !important;
}

#room_player_bar .rp_by_wrap,
#room_player_bar .rp_by_sep,
#room_player_bar .rp_time_val {
  direction: ltr !important;
}

#room_player_bar .rp_queue_panel {
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  direction: rtl !important;
}

/* Light theme controls: clear color without changing their dimensions. */
#room_player_bar .rp_mute_btn,
#room_player_bar .rp_queue_btn {
  background: rgba(47, 110, 242, .10) !important;
  color: #2868d9 !important;
}

#room_player_bar .rp_mute_btn:hover,
#room_player_bar .rp_queue_btn:hover {
  background: rgba(47, 110, 242, .18) !important;
}

#room_player_bar .rp_close {
  background: rgba(229, 72, 77, .12) !important;
  color: #dd4c52 !important;
}

#room_player_bar .rp_close:hover {
  background: rgba(229, 72, 77, .22) !important;
}

#room_player_bar .rp_title {
  color: #1d2b46 !important;
}

#room_player_bar .rp_subtitle {
  color: #71809b !important;
}

/* Dark theme: compact dark glass with bright readable controls. */
body.dark #room_player_bar.room_player_bar,
body.dark_mode #room_player_bar.room_player_bar,
body.chat_dark_mode #room_player_bar.room_player_bar,
.dark_mode #room_player_bar.room_player_bar {
  background: rgba(25, 31, 45, .90) !important;
  border-color: rgba(142, 171, 236, .28) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.dark #room_player_bar .rp_mute_btn,
body.dark #room_player_bar .rp_queue_btn,
body.dark_mode #room_player_bar .rp_mute_btn,
body.dark_mode #room_player_bar .rp_queue_btn,
body.chat_dark_mode #room_player_bar .rp_mute_btn,
body.chat_dark_mode #room_player_bar .rp_queue_btn,
.dark_mode #room_player_bar .rp_mute_btn,
.dark_mode #room_player_bar .rp_queue_btn {
  background: rgba(123, 162, 244, .16) !important;
  color: #a9c5ff !important;
}

body.dark #room_player_bar .rp_title,
body.dark_mode #room_player_bar .rp_title,
body.chat_dark_mode #room_player_bar .rp_title,
.dark_mode #room_player_bar .rp_title {
  color: #f0f4ff !important;
}

body.dark #room_player_bar .rp_subtitle,
body.dark_mode #room_player_bar .rp_subtitle,
body.chat_dark_mode #room_player_bar .rp_subtitle,
.dark_mode #room_player_bar .rp_subtitle {
  color: #aebbd5 !important;
}

@media (max-width: 500px) {
  #room_player_bar.room_player_bar {
    gap: 4px !important;
    max-width: 94% !important;
    padding: 4px 7px !important;
  }

  #room_player_bar .rp_info {
    min-width: 64px !important;
    max-width: 96px !important;
    flex-basis: 96px !important;
  }

  #room_player_bar .rp_slider_wrap {
    width: 70px !important;
    flex-basis: 70px !important;
  }

  #room_player_bar .rp_close,
  #room_player_bar .rp_queue_btn,
  #room_player_bar .rp_mute_btn {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
  }
}
/* ============================================================
   Room music player compact dark + smooth marquee v25.36
   Info stays left, controls stay right. Visual CSS only.
   ============================================================ */

#room_player_bar.room_player_bar {
  gap: 4px !important;
  max-width: 78% !important;
  padding: 4px 7px !important;
  border-radius: 12px !important;
}

/* Keep the player genuinely compact while retaining usable controls. */
#room_player_bar .rp_info {
  width: 104px !important;
  min-width: 0 !important;
  max-width: 104px !important;
  flex: 0 1 104px !important;
  overflow: hidden !important;
}

#room_player_bar .rp_slider_wrap {
  width: 72px !important;
  min-width: 0 !important;
  flex: 0 0 72px !important;
}

#room_player_bar .rp_close,
#room_player_bar .rp_queue_btn,
#room_player_bar .rp_mute_btn {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
}

/* Restore the existing smooth marquee engine for long titles. */
#room_player_bar .rp_title_wrap {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: left !important;
}

#room_player_bar .rp_title {
  display: inline-block !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  will-change: transform;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_title {
  animation-name: rp-marquee-scroll !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-duration: var(--rp-marquee-duration, 10s) !important;
}

#room_player_bar .rp_by_wrap {
  display: inline-block !important;
  max-width: 58px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

#room_player_bar .rp_by {
  display: inline-block !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  will-change: transform;
}

#room_player_bar .rp_by_wrap.rp_marquee .rp_by {
  animation-name: rp-marquee-scroll !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-duration: var(--rp-marquee-duration, 8s) !important;
}

@keyframes rp-marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--rp-marquee-distance, 100px))); }
}

/* Dark theme surface: include the actual Dark stylesheet detector. */
body.dark_mode #room_player_bar.room_player_bar,
body.chat_dark_mode #room_player_bar.room_player_bar,
body.dark #room_player_bar.room_player_bar,
body.night #room_player_bar.room_player_bar,
body:has(#actual_theme[href*="/Dark/"]) #room_player_bar.room_player_bar,
.dark_mode #room_player_bar.room_player_bar {
  background: rgba(23, 28, 40, .94) !important;
  border-color: rgba(142, 171, 236, .24) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07) !important;
  color: #edf3ff !important;
}

body.dark_mode #room_player_bar .rp_title,
body.chat_dark_mode #room_player_bar .rp_title,
body.dark #room_player_bar .rp_title,
body.night #room_player_bar .rp_title,
body:has(#actual_theme[href*="/Dark/"]) #room_player_bar .rp_title,
.dark_mode #room_player_bar .rp_title {
  color: #f2f5ff !important;
}

body.dark_mode #room_player_bar .rp_subtitle,
body.chat_dark_mode #room_player_bar .rp_subtitle,
body.dark #room_player_bar .rp_subtitle,
body.night #room_player_bar .rp_subtitle,
body:has(#actual_theme[href*="/Dark/"]) #room_player_bar .rp_subtitle,
.dark_mode #room_player_bar .rp_subtitle {
  color: #aebbd4 !important;
}

body.dark_mode #room_player_bar .rp_mute_btn,
body.dark_mode #room_player_bar .rp_queue_btn,
body.chat_dark_mode #room_player_bar .rp_mute_btn,
body.chat_dark_mode #room_player_bar .rp_queue_btn,
body.dark #room_player_bar .rp_mute_btn,
body.dark #room_player_bar .rp_queue_btn,
body.night #room_player_bar .rp_mute_btn,
body.night #room_player_bar .rp_queue_btn,
body:has(#actual_theme[href*="/Dark/"]) #room_player_bar .rp_mute_btn,
body:has(#actual_theme[href*="/Dark/"]) #room_player_bar .rp_queue_btn,
.dark_mode #room_player_bar .rp_mute_btn,
.dark_mode #room_player_bar .rp_queue_btn {
  background: rgba(111, 151, 235, .18) !important;
  color: #b9d0ff !important;
}

body.dark_mode #room_player_bar .rp_close,
body.chat_dark_mode #room_player_bar .rp_close,
body.dark #room_player_bar .rp_close,
body.night #room_player_bar .rp_close,
body:has(#actual_theme[href*="/Dark/"]) #room_player_bar .rp_close,
.dark_mode #room_player_bar .rp_close {
  background: rgba(235, 92, 101, .18) !important;
  color: #ffabb0 !important;
}

/* Compact phone layout; text still scrolls inside its own clipped lane. */
@media (max-width: 500px) {
  #room_player_bar.room_player_bar {
    gap: 3px !important;
    max-width: 94% !important;
    padding: 4px 6px !important;
  }

  #room_player_bar .rp_info {
    width: 84px !important;
    max-width: 84px !important;
    flex-basis: 84px !important;
  }

  #room_player_bar .rp_slider_wrap {
    width: 64px !important;
    flex-basis: 64px !important;
  }

  #room_player_bar .rp_by_wrap {
    max-width: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #room_player_bar .rp_title_wrap.rp_marquee .rp_title,
  #room_player_bar .rp_by_wrap.rp_marquee .rp_by {
    animation-play-state: paused !important;
  }
}
/* Seamless duplicated-track marquee v25.37 */
#room_player_bar .rp_title_wrap,
#room_player_bar .rp_by_wrap {
  overflow: hidden !important;
  position: relative !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

#room_player_bar .rp_title {
  display: inline-block !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}

#room_player_bar .rp_by {
  display: inline-block !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}

#room_player_bar .rp_marquee_track {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-width: max-content !important;
  direction: ltr !important;
  white-space: nowrap !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

#room_player_bar .rp_title_gap,
#room_player_bar .rp_by_gap {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 40px !important;
  height: 1px !important;
}

#room_player_bar .rp_by_gap {
  width: 24px !important;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_title,
#room_player_bar .rp_by_wrap.rp_marquee .rp_by {
  animation: none !important;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
#room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
  animation-name: rp-marquee-track-scroll !important;
  animation-duration: var(--rp-marquee-duration, 9s) !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: both !important;
  animation-delay: 0s !important;
}

@keyframes rp-marquee-track-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-1 * var(--rp-marquee-distance, 100px)), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
  #room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
    animation-play-state: paused !important;
  }
}
/* Room-player marquee visibility and seamless-loop fix v25.38 */
#room_player_bar .rp_title_wrap,
#room_player_bar .rp_by_wrap {
  overflow: hidden !important;
  position: relative !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}

#room_player_bar .rp_title,
#room_player_bar .rp_by {
  display: inline-block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 1em !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  vertical-align: top !important;
}

#room_player_bar .rp_marquee_probe {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: inline-block !important;
  width: max-content !important;
  max-width: none !important;
  height: auto !important;
  visibility: hidden !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 0 !important;
}

#room_player_bar .rp_marquee_track {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-width: max-content !important;
  direction: ltr !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

#room_player_bar .rp_title_gap,
#room_player_bar .rp_by_gap {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 40px !important;
  height: 1px !important;
}

#room_player_bar .rp_by_gap {
  width: 24px !important;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_title,
#room_player_bar .rp_by_wrap.rp_marquee .rp_by {
  animation: none !important;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
#room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
  animation: rp-marquee-track-scroll-25-38 var(--rp-marquee-duration, 9s) linear infinite both !important;
  animation-delay: 0s !important;
}

@keyframes rp-marquee-track-scroll-25-38 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-1 * var(--rp-marquee-distance, 100px)), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
  #room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
    animation-play-state: paused !important;
  }
}
/* Room-player title marquee start fix v25.39 */
#room_player_bar .rp_title_wrap.rp_marquee,
#room_player_bar .rp_by_wrap.rp_marquee {
  direction: ltr !important;
  text-align: left !important;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_title,
#room_player_bar .rp_by_wrap.rp_marquee .rp_by {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
#room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
  direction: ltr !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  animation-direction: normal !important;
  animation-fill-mode: none !important;
  animation-timing-function: linear !important;
}

/* Keep the first character visible at the beginning of every cycle. */
@keyframes rp-marquee-track-scroll-25-39 {
  0%, 2% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(calc(-1 * var(--rp-marquee-distance, 100px)), 0, 0);
  }
}

#room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
#room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
  animation-name: rp-marquee-track-scroll-25-39 !important;
}

@media (max-width: 520px) {
  #room_player_bar .rp_title_wrap.rp_marquee,
  #room_player_bar .rp_by_wrap.rp_marquee {
    text-align: left !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #room_player_bar .rp_title_wrap.rp_marquee .rp_marquee_track,
  #room_player_bar .rp_by_wrap.rp_marquee .rp_marquee_track {
    animation-play-state: paused !important;
  }
}

/* End v25.39 */
/* Mic seat 25.40 — member photo fills the same microphone icon shape. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  position: relative !important;
  display: block !important;
  overflow: visible !important;
  border-radius: 50% !important;
  background: #2f6ef2 !important;
  border: 2px solid rgba(76, 132, 255, .72) !important;
  box-shadow: 0 4px 14px rgba(47, 110, 242, .28) !important;
  isolation: isolate;
}
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}
/* A very light microphone watermark preserves the original icon identity. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after {
  content: "\f130" !important;
  position: absolute !important;
  z-index: 4 !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .48) !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translate(-50%, -50%) !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .45) !important;
  pointer-events: none !important;
}
/* Speaking: photo stays in the same icon-sized circle while light waves pulse out. */
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap {
  border-color: #39e58b !important;
  box-shadow: 0 0 0 2px rgba(57, 229, 139, .28), 0 0 18px rgba(57, 229, 139, .55), 0 5px 18px rgba(0, 0, 0, .24) !important;
  animation: micPhotoPulse2540 .72s ease-in-out infinite !important;
}
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before,
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  inset: -5px !important;
  z-index: -1 !important;
  border: 2px solid rgba(57, 229, 139, .82) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 12px rgba(57, 229, 139, .72), 0 0 24px rgba(57, 229, 139, .34) !important;
  animation: micPhotoWave2540 1.18s ease-out infinite !important;
  pointer-events: none !important;
}
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::after {
  inset: -10px !important;
  border-color: rgba(123, 245, 184, .54) !important;
  box-shadow: 0 0 16px rgba(57, 229, 139, .48) !important;
  animation-delay: .34s !important;
}
#mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_visualizer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
@keyframes micPhotoPulse2540 {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50% { transform: scale(1.055); filter: brightness(1.16) saturate(1.12); }
}
@keyframes micPhotoWave2540 {
  0% { opacity: .92; transform: scale(.84); }
  68% { opacity: .22; }
  100% { opacity: 0; transform: scale(1.42); }
}
body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
  background: #315aa8 !important;
  border-color: rgba(143, 181, 255, .86) !important;
  box-shadow: 0 4px 16px rgba(33, 71, 143, .48) !important;
}
body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after {
  color: rgba(255, 255, 255, .58) !important;
}
@media (max-width: 480px) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after {
    font-size: 14px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap,
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before,
  #mic_seat_bar_wrap .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::after {
    animation-duration: 1.8s !important;
  }
}
/* Mic photo silhouette 25.41: occupied seat photo replaces the blue icon, not a circle. */

.mic_seat_item .mic_seat_avatar_wrap {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mic_seat_item .mic_seat_avatar {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

/* Keep the empty seat as the original blue microphone icon. */
.mic_seat_item.mic_seat_empty .mic_seat_empty_icon {
  position: relative !important;
  z-index: 1 !important;
}

/* Premium speaking glow without creating a circular avatar card. */
.mic_seat_item.mic_speaking .mic_seat_avatar_wrap {
  animation: mic_silhouette_glow_25_41 1.15s ease-in-out infinite !important;
}

.mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 3px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(43, 226, 139, .9) !important;
  box-shadow: 0 0 8px rgba(43, 226, 139, .85), 0 0 18px rgba(43, 226, 139, .45) !important;
  animation: mic_silhouette_ring_25_41 1.15s ease-out infinite !important;
  pointer-events: none !important;
}

.mic_seat_item.mic_speaking .mic_seat_visualizer {
  opacity: 1 !important;
  transform: scale(1.15) !important;
  filter: drop-shadow(0 0 5px rgba(43, 226, 139, .8)) !important;
}

.mic_seat_item.mic_speaking .mic_seat_name {
  color: #20c982 !important;
  text-shadow: 0 0 7px rgba(32, 201, 130, .45) !important;
}

@keyframes mic_silhouette_glow_25_41 {
  0%, 100% { filter: drop-shadow(0 0 2px rgba(43, 226, 139, .35)); }
  50% { filter: drop-shadow(0 0 10px rgba(43, 226, 139, .95)); }
}

@keyframes mic_silhouette_ring_25_41 {
  0% { opacity: .95; transform: scale(.82); }
  70%, 100% { opacity: 0; transform: scale(1.38); }
}

/* Dark theme: brighter photo edge and balanced glow. */
.dark_mode .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before,
body.dark_mode .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before {
  border-color: rgba(112, 255, 192, .95) !important;
  box-shadow: 0 0 9px rgba(112, 255, 192, .95), 0 0 20px rgba(112, 255, 192, .5) !important;
}

.dark_mode .mic_seat_item.mic_speaking .mic_seat_name,
body.dark_mode .mic_seat_item.mic_speaking .mic_seat_name {
  color: #7dffc2 !important;
  text-shadow: 0 0 8px rgba(125, 255, 194, .55) !important;
}

@media (max-width: 600px) {
  .mic_seat_item .mic_seat_avatar_wrap,
  .mic_seat_item .mic_seat_avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before {
    inset: 2px !important;
  }

  .mic_seat_item.mic_speaking .mic_seat_visualizer {
    transform: scale(1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mic_seat_item.mic_speaking .mic_seat_avatar_wrap,
  .mic_seat_item.mic_speaking .mic_seat_avatar_wrap::before {
    animation-duration: 2s !important;
  }
}
/* Mic photo silhouette 25.42
   Overrides the earlier circular occupied-seat rules only.
   Empty seats (data-user-id="0") remain unchanged. */

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap.mic_seat_me {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap img.mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap > img {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}

/* Remove the old microphone watermark over a quiet member photo. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Speaking glow follows the microphone silhouette rather than a circular ring. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap.mic_seat_me {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  animation: micSilhouetteVoice2542 1.08s ease-in-out infinite !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap::before,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(77, 238, 166, .86) !important;
  box-shadow: 0 0 12px rgba(77, 238, 166, .8), 0 0 24px rgba(77, 238, 166, .42) !important;
  pointer-events: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap::before {
  inset: -5px !important;
  opacity: .82 !important;
  animation: micSilhouetteWave2542 1.1s ease-out infinite !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap::after {
  inset: -10px !important;
  opacity: .56 !important;
  animation: micSilhouetteWave2542 1.1s ease-out .34s infinite !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap .mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap img.mic_seat_avatar {
  animation: micSilhouettePhoto2542 1.08s ease-in-out infinite !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_muted {
  z-index: 5 !important;
}

@keyframes micSilhouetteVoice2542 {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(77, 238, 166, 0)); }
  50% { filter: drop-shadow(0 0 5px rgba(77, 238, 166, .72)); }
}

@keyframes micSilhouettePhoto2542 {
  0%, 100% { filter: brightness(1) saturate(1); }
  50% { filter: brightness(1.14) saturate(1.14) drop-shadow(0 0 4px rgba(77, 238, 166, .82)); }
}

@keyframes micSilhouetteWave2542 {
  0% { transform: scale(.88); opacity: .8; }
  72% { opacity: .18; }
  100% { transform: scale(1.13); opacity: 0; }
}

@media (max-width: 600px) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar,
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap img.mic_seat_avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before,
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::after {
    animation-duration: 2s !important;
  }
}
/* Mic frame silhouette 25.43
   The avatar frame is generated as a wrapper around the photo.
   Mask the wrapper too, so decorative frames follow the microphone silhouette. */

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap {
  display: block !important;
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-mode: alpha !important;
  mask-mode: alpha !important;
}

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap > .mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap > img.mic_seat_avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
}

/* Keep the selected frame visible, but fit it to the masked microphone shape. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap > .avatar_frame_overlay,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_overlay {
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  transform: translate(-50%, -50%) scale(1.08) !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

/* Do not let a frame create a circular border around the member seat. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap::before,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap::after {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }

  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap > .mic_seat_avatar,
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap > img.mic_seat_avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}
/* Mic frame visibility 25.44
   Hide avatar-frame artwork only inside mic seats.
   Profile cards, user lists, and other avatar contexts are untouched. */

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_overlay,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap > img.avatar_frame_overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep the frame wrapper neutral so it cannot add a border or circular background. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .avatar_frame_wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Mic dark theme fix 25.45
   Dark-theme selectors previously had higher specificity and restored a blue
   circular card behind occupied photos. Neutralize that only for occupied seats. */

body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body.night #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap,
body:has(#actual_theme[href*="/Dark/"]) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* No watermark or old dark-theme icon over a quiet member photo. */
body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after,
body.night #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after,
body:has(#actual_theme[href*="/Dark/"]) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap:not(.mic_speaking)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep the photo vivid against the dark chat without adding a rectangular card. */
body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar,
body.night #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar,
body:has(#actual_theme[href*="/Dark/"]) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap .mic_seat_avatar {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(1.05) saturate(1.08) !important;
}

/* Speaking glow remains silhouette-shaped and does not fall back to a circle. */
body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap,
body.night #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap,
body:has(#actual_theme[href*="/Dark/"]) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Luxury occupied mic seat colors 25.46
   Adds a visible microphone-shaped rim around the member photo.
   Empty seats are intentionally excluded by data-user-id. */

#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Shape-matched rim behind the member photo. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before {
  content: "" !important;
  position: absolute !important;
  inset: -4px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, #2b76ff 0%, #14c8d7 48%, #7b45db 100%) !important;
  opacity: 0.98 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  filter: drop-shadow(0 0 5px rgba(36, 190, 255, 0.7)) drop-shadow(0 4px 8px rgba(74, 43, 170, 0.45)) !important;
  transition: filter 0.25s ease, opacity 0.25s ease !important;
}

/* Put the photo above the new rim and keep it transparent outside the mic shape. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap > .mic_seat_avatar,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap > .avatar_frame_wrap {
  position: relative !important;
  z-index: 2 !important;
}

/* Dark theme: cool cyan-blue with a premium violet edge. */
body.dark #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before,
body.dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before,
body.chat_dark_mode #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before,
body.night #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before,
body:has(#actual_theme[href*="/Dark/"]) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before {
  background: linear-gradient(145deg, #5ff3ff 0%, #238bff 43%, #bb72ff 100%) !important;
  filter: drop-shadow(0 0 6px rgba(75, 218, 255, 0.95)) drop-shadow(0 0 13px rgba(120, 78, 255, 0.55)) !important;
}

/* Light theme: deeper blue and turquoise for clear contrast on white. */
body:not(.dark):not(.dark_mode):not(.chat_dark_mode):not(.night) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before,
body:not(:has(#actual_theme[href*="/Dark/"])) #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before {
  background: linear-gradient(145deg, #1556c7 0%, #009eae 50%, #6e35c9 100%) !important;
  filter: drop-shadow(0 0 4px rgba(0, 132, 194, 0.45)) drop-shadow(0 3px 7px rgba(43, 63, 145, 0.3)) !important;
}

/* Speaking state: a restrained silhouette-shaped pulse, not a circular halo. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]).mic_speaking .mic_seat_avatar_wrap::before,
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap.mic_speaking::before {
  animation: micLuxuryRimPulse25_46 1.05s ease-in-out infinite !important;
}

@keyframes micLuxuryRimPulse25_46 {
  0%, 100% {
    opacity: 0.88;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (max-width: 600px) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_avatar_wrap::before {
    inset: -3px !important;
  }
}
/* Mic seat position + muted personal halo 25.47
   Scope: mic seats only. Empty seats and all non-mic UI are excluded.
*/

/* Compact the four seats and lower the row a touch without changing its anchor. */
#mic_seat_bar_wrap .mic_seat_bar {
  gap: 8px !important;
  transform: translateY(4px) !important;
}

#mic_seat_bar_wrap .mic_seat_item {
  width: 56px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#mic_seat_bar_wrap .mic_seat_item .mic_seat_name {
  max-width: 56px !important;
}

/* Keep the personal mute badge clear of the red silhouette halo. */
#mic_seat_bar_wrap .mic_seat_item.mic_muted .mic_seat_avatar_wrap.mic_seat_me .mic_seat_muted {
  z-index: 8 !important;
  background: #d91935 !important;
  box-shadow: 0 0 7px rgba(255, 53, 78, .55) !important;
}

/* Muted personal microphone: calm red silhouette-shaped pulse. */
#mic_seat_bar_wrap .mic_seat_item.mic_muted .mic_seat_avatar_wrap.mic_seat_me {
  animation: micMutedSeatBreath25_47 2.4s ease-in-out infinite !important;
}

#mic_seat_bar_wrap .mic_seat_item.mic_muted:not(.mic_speaking) .mic_seat_avatar_wrap.mic_seat_me::before,
#mic_seat_bar_wrap .mic_seat_item.mic_muted:not(.mic_speaking) .mic_seat_avatar_wrap.mic_seat_me::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, #ff6a72 0%, #ef334e 48%, #a80f3d 100%) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M32 4a14 14 0 0 0-14 14v16a14 14 0 0 0 28 0V18A14 14 0 0 0 32 4zM13 33h5a14 14 0 0 0 28 0h5a19 19 0 0 1-16 18v6h8v5H21v-5h8v-6A19 19 0 0 1 13 33z'/%3E%3C/svg%3E") !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
}

#mic_seat_bar_wrap .mic_seat_item.mic_muted:not(.mic_speaking) .mic_seat_avatar_wrap.mic_seat_me::before {
  inset: -5px !important;
  opacity: .82 !important;
  filter: drop-shadow(0 0 5px rgba(255, 48, 74, .78)) drop-shadow(0 0 12px rgba(188, 18, 57, .42)) !important;
  animation: micMutedHalo25_47 2.2s ease-in-out infinite !important;
}

#mic_seat_bar_wrap .mic_seat_item.mic_muted:not(.mic_speaking) .mic_seat_avatar_wrap.mic_seat_me::after {
  inset: -9px !important;
  opacity: .36 !important;
  filter: drop-shadow(0 0 8px rgba(255, 38, 65, .5)) !important;
  animation: micMutedHalo25_47 2.2s ease-in-out .42s infinite !important;
}

@keyframes micMutedSeatBreath25_47 {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(255, 42, 68, 0)); }
  50% { filter: drop-shadow(0 0 5px rgba(255, 42, 68, .28)); }
}

@keyframes micMutedHalo25_47 {
  0% { transform: scale(.94); opacity: .18; }
  45% { opacity: .64; }
  100% { transform: scale(1.10); opacity: 0; }
}

@media (max-width: 600px) {
  #mic_seat_bar_wrap .mic_seat_bar {
    gap: 5px !important;
    transform: translateY(3px) !important;
  }

  #mic_seat_bar_wrap .mic_seat_item {
    width: 53px !important;
  }

  #mic_seat_bar_wrap .mic_seat_item .mic_seat_name {
    max-width: 53px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mic_seat_bar_wrap .mic_seat_item.mic_muted .mic_seat_avatar_wrap.mic_seat_me,
  #mic_seat_bar_wrap .mic_seat_item.mic_muted:not(.mic_speaking) .mic_seat_avatar_wrap.mic_seat_me::before,
  #mic_seat_bar_wrap .mic_seat_item.mic_muted:not(.mic_speaking) .mic_seat_avatar_wrap.mic_seat_me::after {
    animation: none !important;
  }
}

/* End 25.47 */

/* Mic seat refinement 25.48
   Scope: occupied mic seats and their row only.
*/

/* Move the whole mic block away from the header, including controls. */
#mic_seat_bar_wrap {
  padding: 9px 0 3px !important;
}

#mic_seat_bar_wrap .mic_seat_bar {
  gap: 5px !important;
  transform: none !important;
}

/* Slightly smaller cards; the avatar remains readable. */
#mic_seat_bar_wrap .mic_seat_item {
  width: 52px !important;
  min-width: 52px !important;
}

/* Keep long names present and readable instead of disappearing too early. */
#mic_seat_bar_wrap .mic_seat_item .mic_seat_name {
  display: block !important;
  width: 68px !important;
  max-width: 68px !important;
  min-width: 0 !important;
  margin-top: 3px !important;
  padding: 0 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 9px !important;
  line-height: 12px !important;
  letter-spacing: .8px !important;
}

/* A quiet green online indicator next to every occupied-seat name. */
#mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_name::before {
  content: "" !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  margin: 0 3px 0 0 !important;
  vertical-align: 1px !important;
  border-radius: 50% !important;
  background: #35e879 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.48), 0 0 6px rgba(53,232,121,.68) !important;
  animation: micOnlineDot25_48 1.9s ease-in-out infinite !important;
}

@keyframes micOnlineDot25_48 {
  0%, 100% { opacity: .72; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1.16); }
}

@media (max-width: 600px) {
  #mic_seat_bar_wrap {
    padding-top: 7px !important;
  }

  #mic_seat_bar_wrap .mic_seat_bar {
    gap: 3px !important;
  }

  #mic_seat_bar_wrap .mic_seat_item {
    width: 50px !important;
    min-width: 50px !important;
  }

  #mic_seat_bar_wrap .mic_seat_item .mic_seat_name {
    width: 64px !important;
    max-width: 64px !important;
    font-size: 8.5px !important;
    letter-spacing: .55px !important;
  }

  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_name::before {
    width: 4px !important;
    height: 4px !important;
    margin-right: 2px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mic_seat_bar_wrap .mic_seat_item[data-user-id]:not([data-user-id="0"]) .mic_seat_name::before {
    animation: none !important;
  }
}

/* End 25.48 */

/* YouTube room-list luxury modal v25.49 */

/* Keep one close control only: the close button inside the YouTube header. */
#over_modal_in:has(.rp_search_modal) {
  max-width: 470px !important;
  width: 94% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: 0 24px 70px rgba(0, 36, 84, .34), 0 0 0 1px rgba(76, 192, 255, .28) !important;
}
#over_modal_in:has(.rp_search_modal) > .cancel_over {
  display: none !important;
}
#over_modal:has(.rp_search_modal) {
  background: rgba(3, 12, 28, .72) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}

.rp_search_modal {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  border: 1px solid rgba(84, 204, 255, .48) !important;
  background: linear-gradient(145deg, #ffffff 0%, #f2f8ff 54%, #e9f5ff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 14px 44px rgba(15, 89, 156, .2) !important;
}
.rp_search_modal::before {
  content: "";
  position: absolute;
  top: -90px;
  left: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36, 190, 234, .2), transparent 68%);
  pointer-events: none;
}
.rp_search_modal::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -120px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(84, 77, 232, .16), transparent 68%);
  pointer-events: none;
}

.rp_search_modal .rp_search_head {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 64px !important;
  padding: 12px 16px 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(42, 142, 220, .2) !important;
  background: linear-gradient(135deg, #11b8dc 0%, #187edb 54%, #5148cf 100%) !important;
  color: #fff !important;
  box-shadow: 0 5px 18px rgba(19, 130, 218, .24) !important;
}
.rp_search_modal .rp_search_head::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 18px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);
}
.rp_search_modal .rp_search_head > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .1px !important;
  text-shadow: 0 2px 8px rgba(0, 45, 110, .24) !important;
}
.rp_search_modal .rp_youtube_icon {
  color: #fff !important;
  font-size: 21px !important;
  filter: drop-shadow(0 2px 5px rgba(0, 39, 110, .24)) !important;
}
.rp_search_modal .rp_music_icon {
  display: none !important;
}
.rp_search_modal .rp_single_close {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  border-radius: 11px !important;
  background: rgba(4, 55, 130, .28) !important;
  color: #fff !important;
  font-size: 17px !important;
  cursor: pointer !important;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.rp_search_modal .rp_single_close:hover {
  transform: rotate(90deg) scale(1.06) !important;
  background: rgba(255,255,255,.22) !important;
  box-shadow: 0 0 16px rgba(255,255,255,.28) !important;
}

.rp_search_modal .rp_search_body {
  position: relative !important;
  z-index: 1 !important;
  padding: 19px 18px 18px !important;
  background: transparent !important;
}
.rp_search_modal .rp_search_label {
  margin: 0 0 3px !important;
  color: #123a66 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}
.rp_search_modal .rp_search_hint {
  margin: 0 0 13px !important;
  color: #64809d !important;
  font-size: 11px !important;
}
.rp_search_modal .rp_search_row {
  display: flex !important;
  align-items: stretch !important;
  gap: 9px !important;
  padding: 5px !important;
  border: 1px solid rgba(42, 146, 222, .3) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 7px 22px rgba(27, 111, 178, .12), inset 0 1px 2px rgba(255,255,255,.9) !important;
}
.rp_search_modal .rp_search_row:focus-within {
  border-color: #269de4 !important;
  box-shadow: 0 0 0 3px rgba(38, 157, 228, .13), 0 9px 24px rgba(27, 111, 178, .14) !important;
}
.rp_search_modal #rp_search_input {
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 13px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #173d63 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.rp_search_modal #rp_search_input::placeholder {
  color: #91a7bc !important;
}
.rp_search_modal .rp_search_row button {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 45px !important;
  width: 45px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #18bfe1, #287fe0 62%, #514bd2) !important;
  color: #fff !important;
  font-size: 17px !important;
  box-shadow: 0 6px 15px rgba(34, 126, 219, .28) !important;
  cursor: pointer !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}
.rp_search_modal .rp_search_row button:hover {
  transform: translateY(-1px) scale(1.03) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 8px 20px rgba(34, 126, 219, .38) !important;
}
.rp_search_modal .rp_search_note {
  margin: 12px 2px 10px !important;
  color: #6d8399 !important;
  font-size: 11px !important;
  text-align: center !important;
}
.rp_search_modal .rp_search_tips {
  padding: 10px 12px !important;
  border: 1px solid rgba(48, 148, 221, .2) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(228, 246, 255, .82), rgba(239, 237, 255, .72)) !important;
}
.rp_search_modal .rp_search_tips p {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 !important;
  color: #52728e !important;
  font-size: 11px !important;
}
.rp_search_modal .rp_search_tips i {
  width: 18px !important;
  color: #218ed8 !important;
  text-align: center !important;
}

/* Dark mode: room-list navy cards with cyan/purple accents. */
body.dark_mode .rp_search_modal,
body.chat_dark_mode .rp_search_modal,
body.dark .rp_search_modal,
body.night .rp_search_modal,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal,
.dark_mode .rp_search_modal {
  border-color: rgba(53, 195, 255, .38) !important;
  background: linear-gradient(145deg, #111e31 0%, #0e1728 58%, #141637 100%) !important;
  box-shadow: inset 0 1px 0 rgba(122, 216, 255, .1), 0 18px 58px rgba(0,0,0,.5), 0 0 0 1px rgba(94, 131, 214, .16) !important;
}
body.dark_mode .rp_search_modal .rp_search_label,
body.chat_dark_mode .rp_search_modal .rp_search_label,
body.dark .rp_search_modal .rp_search_label,
body.night .rp_search_modal .rp_search_label,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal .rp_search_label,
.dark_mode .rp_search_modal .rp_search_label {
  color: #e3f5ff !important;
}
body.dark_mode .rp_search_modal .rp_search_hint,
body.chat_dark_mode .rp_search_modal .rp_search_hint,
body.dark .rp_search_modal .rp_search_hint,
body.night .rp_search_modal .rp_search_hint,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal .rp_search_hint,
.dark_mode .rp_search_modal .rp_search_hint,
body.dark_mode .rp_search_modal .rp_search_note,
body.chat_dark_mode .rp_search_modal .rp_search_note,
body.dark .rp_search_modal .rp_search_note,
body.night .rp_search_modal .rp_search_note,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal .rp_search_note,
.dark_mode .rp_search_modal .rp_search_note {
  color: #8ca9c4 !important;
}
body.dark_mode .rp_search_modal .rp_search_row,
body.chat_dark_mode .rp_search_modal .rp_search_row,
body.dark .rp_search_modal .rp_search_row,
body.night .rp_search_modal .rp_search_row,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal .rp_search_row,
.dark_mode .rp_search_modal .rp_search_row {
  border-color: rgba(64, 189, 244, .36) !important;
  background: rgba(17, 35, 57, .88) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(128, 219, 255, .07) !important;
}
body.dark_mode .rp_search_modal #rp_search_input,
body.chat_dark_mode .rp_search_modal #rp_search_input,
body.dark .rp_search_modal #rp_search_input,
body.night .rp_search_modal #rp_search_input,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal #rp_search_input,
.dark_mode .rp_search_modal #rp_search_input {
  color: #e8f7ff !important;
}
body.dark_mode .rp_search_modal #rp_search_input::placeholder,
body.chat_dark_mode .rp_search_modal #rp_search_input::placeholder,
body.dark .rp_search_modal #rp_search_input::placeholder,
body.night .rp_search_modal #rp_search_input::placeholder,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal #rp_search_input::placeholder,
.dark_mode .rp_search_modal #rp_search_input::placeholder {
  color: #6e8ca6 !important;
}
body.dark_mode .rp_search_modal .rp_search_tips,
body.chat_dark_mode .rp_search_modal .rp_search_tips,
body.dark .rp_search_modal .rp_search_tips,
body.night .rp_search_modal .rp_search_tips,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal .rp_search_tips,
.dark_mode .rp_search_modal .rp_search_tips {
  border-color: rgba(62, 185, 237, .25) !important;
  background: linear-gradient(135deg, rgba(17, 47, 71, .82), rgba(37, 31, 77, .72)) !important;
}
body.dark_mode .rp_search_modal .rp_search_tips p,
body.chat_dark_mode .rp_search_modal .rp_search_tips p,
body.dark .rp_search_modal .rp_search_tips p,
body.night .rp_search_modal .rp_search_tips p,
body:has(#actual_theme[href*="/Dark/"]) .rp_search_modal .rp_search_tips p,
.dark_mode .rp_search_modal .rp_search_tips p {
  color: #9dbbd0 !important;
}

@media (max-width: 600px) {
  #over_modal_in:has(.rp_search_modal) {
    width: 94% !important;
    border-radius: 20px !important;
  }
  .rp_search_modal .rp_search_head {
    min-height: 58px !important;
    padding: 10px 12px !important;
  }
  .rp_search_modal .rp_search_head > span {
    font-size: 16px !important;
  }
  .rp_search_modal .rp_search_body {
    padding: 15px 12px 14px !important;
  }
}
/* Mic options luxury theme v25.50
   Scope: #mic_options_overlay only.
   Visual-only layer: keeps all existing mic JavaScript and actions intact.
*/

#mic_options_overlay {
  background: rgba(10, 25, 48, .28) !important;
  backdrop-filter: blur(9px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(125%) !important;
}

#mic_options_overlay .mic_opt_box {
  width: min(430px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  max-height: min(82vh, 620px) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,247,255,.98)) !important;
  border: 1px solid rgba(35, 129, 214, .28) !important;
  box-shadow: 0 24px 70px rgba(20, 70, 130, .25), 0 0 0 1px rgba(255,255,255,.72) inset, 0 0 36px rgba(38, 179, 219, .12) !important;
}

#mic_options_overlay .mic_opt_head {
  position: relative !important;
  min-height: 62px !important;
  padding: 16px 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #087d9f 0%, #236ee0 54%, #6350d8 100%) !important;
  border-bottom: 0 !important;
  box-shadow: 0 8px 22px rgba(30, 106, 204, .22) !important;
}

#mic_options_overlay .mic_opt_head::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 18px 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.86), transparent) !important;
  opacity: .72 !important;
}

#mic_options_overlay .mic_opt_head span {
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .1px !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.18) !important;
}

#mic_options_overlay .mic_opt_head i {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  color: rgba(255,255,255,.82) !important;
  background: rgba(255,255,255,.13) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  font-size: 14px !important;
  transition: transform .22s ease, background .22s ease, color .22s ease !important;
}

#mic_options_overlay .mic_opt_head i:hover {
  color: #fff !important;
  background: rgba(255,255,255,.24) !important;
  transform: rotate(90deg) scale(1.04) !important;
}

#mic_options_overlay .mic_opt_item {
  position: relative !important;
  min-height: 52px !important;
  margin: 8px 12px !important;
  padding: 11px 13px !important;
  gap: 11px !important;
  border: 1px solid rgba(39, 119, 202, .14) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.68) !important;
  color: #193650 !important;
  box-shadow: 0 5px 14px rgba(37, 105, 165, .06), inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

#mic_options_overlay .mic_opt_item:hover {
  transform: translateY(-1px) !important;
  background: rgba(230,247,255,.96) !important;
  border-color: rgba(23, 153, 205, .34) !important;
  box-shadow: 0 9px 20px rgba(28, 117, 191, .12), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

#mic_options_overlay .mic_opt_item > i {
  flex: 0 0 31px !important;
  width: 31px !important;
  height: 31px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  color: #1e7ed0 !important;
  background: linear-gradient(145deg, rgba(45, 195, 223, .18), rgba(83, 86, 224, .14)) !important;
  border: 1px solid rgba(39, 127, 210, .2) !important;
  font-size: 14px !important;
}

#mic_options_overlay .mic_opt_item > span:not(.mic_opt_state) {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  color: #1d3852 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#mic_options_overlay .mic_opt_state {
  flex: 0 0 auto !important;
  margin-inline-start: auto !important;
  margin-left: auto !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  color: #68819a !important;
  background: rgba(83, 121, 151, .10) !important;
  border: 1px solid rgba(83, 121, 151, .14) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* A clear status badge: active mute reads مكتوم instead of the ambiguous مفعّل. */
#mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state {
  font-size: 0 !important;
  color: #b4233a !important;
  background: rgba(239, 68, 82, .11) !important;
  border-color: rgba(220, 55, 76, .22) !important;
  box-shadow: 0 0 0 1px rgba(255, 107, 118, .06) inset !important;
}

#mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before {
  content: "مكتوم" !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  color: #bd2942 !important;
}

#mic_options_overlay .mic_opt_item.mic_opt_active {
  background: linear-gradient(100deg, rgba(37, 186, 211, .13), rgba(93, 76, 211, .10) 62%, rgba(239, 68, 82, .08)) !important;
  border-color: rgba(48, 141, 205, .34) !important;
  box-shadow: 0 8px 22px rgba(39, 119, 202, .10), 0 0 0 1px rgba(75, 199, 224, .08) inset !important;
}

#mic_options_overlay .mic_opt_item.mic_opt_active > i {
  color: #d8314b !important;
  background: linear-gradient(145deg, rgba(255, 100, 111, .18), rgba(102, 74, 214, .15)) !important;
  border-color: rgba(218, 55, 79, .28) !important;
  box-shadow: 0 0 12px rgba(236, 68, 86, .16) !important;
}

#mic_options_overlay .mic_opt_divider {
  margin-top: 5px !important;
  padding: 10px 18px 3px !important;
}

#mic_options_overlay .mic_opt_divider span {
  color: #64819a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .45px !important;
}

#mic_options_overlay .mic_opt_members_list {
  padding: 0 0 8px !important;
}

#mic_options_overlay .mic_opt_member_row > i.fa-volume-xmark {
  color: #d52e48 !important;
  background: rgba(239, 68, 82, .12) !important;
  border-color: rgba(218, 55, 79, .24) !important;
}

#mic_options_overlay .mic_opt_member_row > i.fa-volume-high {
  color: #199c71 !important;
  background: rgba(35, 188, 129, .12) !important;
  border-color: rgba(35, 188, 129, .22) !important;
}

#mic_options_overlay .mic_opt_member_row .mic_opt_state {
  color: #1b9b70 !important;
  background: rgba(35, 188, 129, .10) !important;
  border-color: rgba(35, 188, 129, .18) !important;
}

#mic_options_overlay .mic_opt_member_row:has(.fa-volume-xmark) .mic_opt_state {
  color: #bd2942 !important;
  background: rgba(239, 68, 82, .10) !important;
  border-color: rgba(220, 55, 76, .20) !important;
}

#mic_options_overlay .mic_opt_empty {
  color: #6e879e !important;
  padding: 18px 12px 22px !important;
}

/* Dark theme */
body.dark #mic_options_overlay,
body.dark_mode #mic_options_overlay,
body.chat_dark_mode #mic_options_overlay,
body.night #mic_options_overlay,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay {
  background: rgba(1, 7, 20, .55) !important;
}

body.dark #mic_options_overlay .mic_opt_box,
body.dark_mode #mic_options_overlay .mic_opt_box,
body.chat_dark_mode #mic_options_overlay .mic_opt_box,
body.night #mic_options_overlay .mic_opt_box,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_box {
  background: linear-gradient(145deg, rgba(10, 20, 43, .985), rgba(25, 20, 64, .985)) !important;
  border-color: rgba(73, 196, 231, .38) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.58), 0 0 38px rgba(35, 177, 222, .16), 0 0 0 1px rgba(255,255,255,.07) inset !important;
}

body.dark #mic_options_overlay .mic_opt_head,
body.dark_mode #mic_options_overlay .mic_opt_head,
body.chat_dark_mode #mic_options_overlay .mic_opt_head,
body.night #mic_options_overlay .mic_opt_head,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_head {
  background: linear-gradient(135deg, #082f53 0%, #154e9f 50%, #4a328d 100%) !important;
  box-shadow: 0 9px 24px rgba(0, 103, 190, .22) !important;
}

body.dark #mic_options_overlay .mic_opt_item,
body.dark_mode #mic_options_overlay .mic_opt_item,
body.chat_dark_mode #mic_options_overlay .mic_opt_item,
body.night #mic_options_overlay .mic_opt_item,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_item {
  color: rgba(239, 247, 255, .92) !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(98, 197, 231, .16) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

body.dark #mic_options_overlay .mic_opt_item:hover,
body.dark_mode #mic_options_overlay .mic_opt_item:hover,
body.chat_dark_mode #mic_options_overlay .mic_opt_item:hover,
body.night #mic_options_overlay .mic_opt_item:hover,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_item:hover {
  background: rgba(52, 177, 221, .13) !important;
  border-color: rgba(80, 205, 236, .35) !important;
}

body.dark #mic_options_overlay .mic_opt_item > span:not(.mic_opt_state),
body.dark_mode #mic_options_overlay .mic_opt_item > span:not(.mic_opt_state),
body.chat_dark_mode #mic_options_overlay .mic_opt_item > span:not(.mic_opt_state),
body.night #mic_options_overlay .mic_opt_item > span:not(.mic_opt_state),
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_item > span:not(.mic_opt_state) {
  color: #e8f5ff !important;
}

body.dark #mic_options_overlay .mic_opt_state,
body.dark_mode #mic_options_overlay .mic_opt_state,
body.chat_dark_mode #mic_options_overlay .mic_opt_state,
body.night #mic_options_overlay .mic_opt_state,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_state {
  color: #9bb9cf !important;
  background: rgba(141, 190, 218, .10) !important;
  border-color: rgba(141, 190, 218, .18) !important;
}

body.dark #mic_options_overlay .mic_opt_item.mic_opt_active,
body.dark_mode #mic_options_overlay .mic_opt_item.mic_opt_active,
body.chat_dark_mode #mic_options_overlay .mic_opt_item.mic_opt_active,
body.night #mic_options_overlay .mic_opt_item.mic_opt_active,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_item.mic_opt_active {
  background: linear-gradient(100deg, rgba(35, 186, 221, .18), rgba(96, 75, 213, .24) 60%, rgba(232, 62, 83, .12)) !important;
  border-color: rgba(79, 202, 231, .42) !important;
  box-shadow: 0 9px 24px rgba(0, 119, 196, .14), 0 0 0 1px rgba(103, 219, 238, .08) inset !important;
}

body.dark #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state,
body.dark_mode #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state,
body.chat_dark_mode #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state,
body.night #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state {
  color: #ff9da5 !important;
  background: rgba(237, 71, 87, .15) !important;
  border-color: rgba(255, 109, 122, .28) !important;
}

body.dark #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before,
body.dark_mode #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before,
body.chat_dark_mode #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before,
body.night #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before {
  color: #ff9da5 !important;
}

body.dark #mic_options_overlay .mic_opt_divider span,
body.dark_mode #mic_options_overlay .mic_opt_divider span,
body.chat_dark_mode #mic_options_overlay .mic_opt_divider span,
body.night #mic_options_overlay .mic_opt_divider span,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_divider span,
body.dark #mic_options_overlay .mic_opt_empty,
body.dark_mode #mic_options_overlay .mic_opt_empty,
body.chat_dark_mode #mic_options_overlay .mic_opt_empty,
body.night #mic_options_overlay .mic_opt_empty,
body:has(#actual_theme[href*="/Dark/"]) #mic_options_overlay .mic_opt_empty {
  color: #8aa8bf !important;
}

@media (max-width: 600px) {
  #mic_options_overlay .mic_opt_box {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    border-radius: 20px !important;
  }
  #mic_options_overlay .mic_opt_head {
    min-height: 56px !important;
    padding: 14px 15px !important;
  }
  #mic_options_overlay .mic_opt_item {
    min-height: 49px !important;
    margin: 7px 9px !important;
    padding: 10px 10px !important;
    gap: 8px !important;
  }
  #mic_options_overlay .mic_opt_item > span:not(.mic_opt_state) {
    font-size: 12px !important;
  }
  #mic_options_overlay .mic_opt_state {
    padding: 4px 7px !important;
    font-size: 9px !important;
  }
  #mic_options_overlay .mic_opt_item.mic_opt_active .mic_opt_state::before {
    font-size: 9px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mic_options_overlay .mic_opt_box,
  #mic_options_overlay .mic_opt_item,
  #mic_options_overlay .mic_opt_head i {
    animation: none !important;
    transition: none !important;
  }
}

/* End mic options luxury theme v25.50 */
/* =========================================================
   ROOM CLEANUP ROW FIX 25.51
   Keeps the system cleanup row independent from the composer.
   Scoped only to #show_chat > #chat_logs_container > .sys_log_join.
   ========================================================= */

#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 7px 7px 15px !important;
    padding: 5px 10px 5px 9px !important;
    overflow: visible !important;
    line-height: normal !important;
}

#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar {
    flex: 0 0 30px !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    margin: 0 0 0 5px !important;
    align-self: center !important;
}

#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 18px !important;
}

#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system > .sysname,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system > .sysname {
    display: inline-block !important;
    max-width: 42% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    line-height: 18px !important;
}

/* Reserve a quiet breathing space before the composer when cleanup is the last row. */
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join:last-child,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join:last-child {
    margin-bottom: 20px !important;
}

/* Light mode: clean blue-violet system card. */
body:not(.dark):not(.night) #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
body:has(#actual_theme[href*="/Light/"]) #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join {
    background: linear-gradient(90deg, rgba(34, 119, 235, .045), rgba(119, 76, 210, .04)) !important;
    border-color: rgba(42, 117, 219, .18) !important;
    box-shadow: 0 3px 12px rgba(42, 117, 219, .08), inset 0 1px 0 rgba(255,255,255,.68) !important;
}

/* Dark mode: subtle navy card with readable text. */
body.dark #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
body.night #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join {
    background: linear-gradient(90deg, rgba(27, 55, 102, .26), rgba(94, 55, 132, .18)) !important;
    border-color: rgba(94, 168, 255, .22) !important;
    box-shadow: 0 3px 13px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

@media (max-width: 800px) {
    #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join {
        width: calc(100% - 10px) !important;
        max-width: calc(100% - 10px) !important;
        min-height: 36px !important;
        margin: 6px 5px 14px !important;
        padding: 4px 8px 4px 7px !important;
    }

    #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join:last-child,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join:last-child {
        margin-bottom: 18px !important;
    }

    #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_savatar {
        flex-basis: 28px !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin-left: 4px !important;
    }

    #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system {
        line-height: 17px !important;
    }

    #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system > .sysname,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_join > .chat_system > .sysname {
        max-width: 48% !important;
        line-height: 17px !important;
    }
}
/* =========================================================
   ROOM CLEANUP SYSTEM CARD 25.52
   Dedicated to .sys_log_clear only.
   It intentionally does not modify normal messages, join rows, or mic seats.
   ========================================================= */

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear {
    position: relative !important;
    z-index: 2 !important;
    isolation: isolate !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-height: 43px !important;
    height: auto !important;
    margin: 8px 8px 20px !important;
    padding: 6px 10px 6px 8px !important;
    direction: rtl !important;
    text-align: right !important;
    overflow: visible !important;
    border: 1px solid rgba(219, 158, 48, .30) !important;
    border-radius: 11px !important;
    background: linear-gradient(105deg, rgba(219, 158, 48, .075), rgba(139, 78, 190, .065) 52%, rgba(37, 139, 211, .07)) !important;
    box-shadow: 0 5px 15px rgba(61, 46, 104, .10), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear::before,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear::before {
    content: "" !important;
    position: absolute !important;
    inset: 6px auto 6px 0 !important;
    width: 3px !important;
    border-radius: 0 5px 5px 0 !important;
    background: linear-gradient(180deg, #e2b94f, #e17b44, #9b63d2) !important;
    pointer-events: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear > .chat_savatar {
    flex: 0 0 31px !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    margin: 0 0 0 8px !important;
    align-self: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    opacity: .94 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar > .savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar > .savatar,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear > .chat_savatar > .savatar {
    display: block !important;
    width: 31px !important;
    height: 31px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 2px solid rgba(225, 174, 68, .55) !important;
    box-sizing: border-box !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear > .chat_system {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 20px !important;
    color: #4d5261 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear .sys_clear_badge {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 5px !important;
    height: 25px !important;
    margin: 0 0 0 7px !important;
    padding: 0 8px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    border: 1px solid rgba(208, 146, 31, .28) !important;
    border-radius: 7px !important;
    background: linear-gradient(135deg, rgba(221, 170, 61, .17), rgba(166, 92, 162, .11)) !important;
    color: #9b6717 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    line-height: 25px !important;
    box-shadow: 0 2px 6px rgba(170, 112, 35, .08) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear .sys_clear_badge i {
    display: inline-block !important;
    color: #c28b27 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname,
body #chat_logs_container li.chat_log.sys_log.sys_log_clear .sysname {
    display: inline-block !important;
    max-width: 33% !important;
    margin: 0 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    color: #7b3fa0 !important;
    font-weight: 800 !important;
    line-height: 20px !important;
}

/* Dark theme: maintain contrast without a harsh bright block. */
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
body.night #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
body:has(#actual_theme[href*="/Dark/"]) #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear {
    border-color: rgba(239, 188, 72, .27) !important;
    background: linear-gradient(105deg, rgba(104, 70, 20, .25), rgba(75, 42, 107, .25) 52%, rgba(25, 70, 106, .25)) !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system,
body.night #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system,
body:has(#actual_theme[href*="/Dark/"]) #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system {
    color: #e8e9f0 !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge,
body.night #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge,
body:has(#actual_theme[href*="/Dark/"]) #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge {
    border-color: rgba(239, 188, 72, .34) !important;
    background: linear-gradient(135deg, rgba(239, 188, 72, .16), rgba(171, 104, 193, .20)) !important;
    color: #f2d27f !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i,
body.night #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i,
body:has(#actual_theme[href*="/Dark/"]) #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i {
    color: #f1c85f !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname,
body.night #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname,
body:has(#actual_theme[href*="/Dark/"]) #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname {
    color: #d6a9ef !important;
}

@media (max-width: 800px) {
    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear {
        width: calc(100% - 10px) !important;
        max-width: calc(100% - 10px) !important;
        min-height: 40px !important;
        margin: 7px 5px 19px !important;
        padding: 5px 8px 5px 7px !important;
        border-radius: 10px !important;
    }

    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear > .chat_savatar {
        flex-basis: 28px !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin-left: 6px !important;
    }

    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar > .savatar,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_savatar > .savatar,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear > .chat_savatar > .savatar {
        width: 28px !important;
        height: 28px !important;
    }

    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear .sys_clear_badge {
        height: 23px !important;
        margin-left: 5px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
        line-height: 23px !important;
    }

    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge i,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear .sys_clear_badge i {
        font-size: 11px !important;
    }

    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sysname,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear .sysname {
        max-width: 38% !important;
        line-height: 18px !important;
    }

    #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system,
    #chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system,
    body #chat_logs_container li.chat_log.sys_log.sys_log_clear > .chat_system {
        line-height: 18px !important;
    }
}
/* =========================================================
   ROOM ACTION SYSTEM CARDS 25.53
   Dedicated to ban / block / mute / kick system logs.
   Does not alter ordinary public messages, cleanup cards, or mic seats.
   ========================================================= */

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
#chat_logs_container > li.chat_log.sys_log.sys_log_ban,
#chat_logs_container > li.chat_log.sys_log.sys_log_block,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick,
body #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body #chat_logs_container li.chat_log.sys_log.sys_log_block,
body #chat_logs_container li.chat_log.sys_log.sys_log_mute,
body #chat_logs_container li.chat_log.sys_log.sys_log_kick {
    position: relative !important;
    z-index: 1 !important;
    isolation: isolate !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 7px 8px 10px !important;
    padding: 5px 10px 5px 8px !important;
    direction: rtl !important;
    text-align: right !important;
    overflow: visible !important;
    border: 1px solid rgba(172, 94, 137, .22) !important;
    border-radius: 10px !important;
    background: linear-gradient(105deg, rgba(168, 83, 122, .055), rgba(74, 113, 193, .055)) !important;
    box-shadow: 0 4px 13px rgba(50, 42, 90, .075), inset 0 1px 0 rgba(255,255,255,.52) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban::before,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block::before,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute::before,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_ban::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_block::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick::before,
body #chat_logs_container li.chat_log.sys_log.sys_log_ban::before,
body #chat_logs_container li.chat_log.sys_log.sys_log_block::before,
body #chat_logs_container li.chat_log.sys_log.sys_log_mute::before,
body #chat_logs_container li.chat_log.sys_log.sys_log_kick::before {
    content: "" !important;
    position: absolute !important;
    inset: 6px auto 6px 0 !important;
    width: 3px !important;
    border-radius: 0 5px 5px 0 !important;
    background: linear-gradient(180deg, #b36be0, #4d8ed2) !important;
    pointer-events: none !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban {
    border-color: rgba(205, 65, 85, .30) !important;
    background: linear-gradient(105deg, rgba(215, 68, 81, .08), rgba(137, 66, 172, .055)) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban::before {
    background: linear-gradient(180deg, #e25563, #bd3e71, #8452c6) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_block {
    border-color: rgba(115, 83, 195, .30) !important;
    background: linear-gradient(105deg, rgba(108, 80, 192, .08), rgba(47, 143, 192, .055)) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_block::before {
    background: linear-gradient(180deg, #7658d6, #3f8fd5) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_mute {
    border-color: rgba(215, 154, 45, .30) !important;
    background: linear-gradient(105deg, rgba(220, 157, 45, .09), rgba(191, 95, 127, .05)) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_mute::before {
    background: linear-gradient(180deg, #e4b547, #d4774e, #aa5ebc) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_kick {
    border-color: rgba(224, 116, 55, .28) !important;
    background: linear-gradient(105deg, rgba(229, 116, 52, .08), rgba(179, 83, 142, .05)) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_kick::before {
    background: linear-gradient(180deg, #e59b42, #df695b, #a957bd) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_savatar,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_savatar {
    flex: 0 0 29px !important;
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    margin: 0 0 0 8px !important;
    align-self: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    opacity: .93 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar > .savatar,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_savatar > .savatar,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar > .savatar,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar > .savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_savatar > .savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_savatar > .savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_savatar > .savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_savatar > .savatar {
    display: block !important;
    width: 29px !important;
    height: 29px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 2px solid rgba(124, 92, 179, .42) !important;
    box-sizing: border-box !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_system,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_system {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 19px !important;
    color: #525565 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_action_badge,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 5px !important;
    height: 24px !important;
    margin: 0 0 0 7px !important;
    padding: 0 8px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    border: 1px solid rgba(126, 83, 180, .25) !important;
    border-radius: 7px !important;
    background: linear-gradient(135deg, rgba(121, 81, 190, .12), rgba(63, 142, 205, .09)) !important;
    color: #6f4797 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 24px !important;
    box-shadow: 0 2px 6px rgba(81, 65, 144, .08) !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    border-color: rgba(205, 65, 85, .28) !important;
    background: linear-gradient(135deg, rgba(216, 67, 81, .15), rgba(153, 69, 171, .11)) !important;
    color: #ad3e5d !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge {
    border-color: rgba(102, 78, 194, .28) !important;
    color: #6146a9 !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge {
    border-color: rgba(209, 148, 39, .32) !important;
    background: linear-gradient(135deg, rgba(224, 167, 54, .16), rgba(187, 86, 132, .10)) !important;
    color: #a06d17 !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge {
    border-color: rgba(219, 110, 55, .30) !important;
    color: #af5b2e !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge i,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_action_badge i,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge i,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge i,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge i,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge i,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge i,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge i {
    font-size: 11px !important;
    line-height: 1 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sysname,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block .sysname,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sysname,
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sysname,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sysname,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sysname,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sysname {
    display: inline-block !important;
    max-width: 42% !important;
    margin: 0 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    color: #75469a !important;
    font-weight: 900 !important;
    line-height: 19px !important;
}

/* Dark mode */
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_block,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_kick,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_block,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_kick {
    background: linear-gradient(105deg, rgba(94, 39, 66, .27), rgba(45, 49, 105, .28)) !important;
    border-color: rgba(153, 126, 213, .28) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban { border-color: rgba(237, 107, 115, .35) !important; }
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_block { border-color: rgba(139, 121, 232, .35) !important; }
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_mute { border-color: rgba(230, 180, 77, .35) !important; }
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_kick { border-color: rgba(233, 132, 79, .35) !important; }

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_system,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_system,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_system,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_system,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_system,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_system,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_system {
    color: #e7e7ef !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    background: rgba(214, 67, 89, .19) !important;
    border-color: rgba(241, 114, 126, .38) !important;
    color: #ffabb2 !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge {
    background: rgba(111, 88, 211, .20) !important;
    border-color: rgba(159, 143, 242, .38) !important;
    color: #c9beff !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge {
    background: rgba(215, 157, 47, .19) !important;
    border-color: rgba(238, 194, 97, .39) !important;
    color: #ffe09a !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge {
    background: rgba(220, 105, 53, .19) !important;
    border-color: rgba(239, 147, 98, .38) !important;
    color: #ffc19e !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sysname,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_block .sysname,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sysname,
body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sysname,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sysname,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_block .sysname,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_kick .sysname,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sysname,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_block .sysname,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_kick .sysname {
    color: #d8c2f3 !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.chat_log.sys_log.sys_log_ban,
    #chat_logs_container li.chat_log.sys_log.sys_log_block,
    #chat_logs_container li.chat_log.sys_log.sys_log_mute,
    #chat_logs_container li.chat_log.sys_log.sys_log_kick {
        width: calc(100% - 10px) !important;
        max-width: calc(100% - 10px) !important;
        min-height: 38px !important;
        margin: 6px 5px 9px !important;
        padding: 4px 8px 4px 7px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_savatar,
    #chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_savatar,
    #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_savatar,
    #chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_savatar {
        flex-basis: 27px !important;
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        margin-left: 6px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_savatar > .savatar,
    #chat_logs_container li.chat_log.sys_log.sys_log_block > .chat_savatar > .savatar,
    #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_savatar > .savatar,
    #chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_savatar > .savatar {
        width: 27px !important;
        height: 27px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
    #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_badge,
    #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge,
    #chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge {
        height: 22px !important;
        margin-left: 5px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
        line-height: 22px !important;
    }

    #chat_logs_container li.chat_log.sys_log.sys_log_ban .sysname,
    #chat_logs_container li.chat_log.sys_log.sys_log_block .sysname,
    #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
    #chat_logs_container li.chat_log.sys_log.sys_log_kick .sysname {
        max-width: 40% !important;
        line-height: 18px !important;
    }
}
/* BAN CARD REFINEMENT 25.54 */

#chat_logs_container li.chat_log.sys_log.sys_log_ban {
    border: 1px solid rgba(210, 45, 66, .42) !important;
    background: linear-gradient(105deg, rgba(215, 45, 62, .15), rgba(151, 46, 107, .08)) !important;
    box-shadow: 0 5px 15px rgba(167, 37, 64, .11), inset 0 1px 0 rgba(255,255,255,.58) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban::before {
    width: 4px !important;
    background: linear-gradient(180deg, #ff4359, #d2193d, #9b2e80) !important;
    box-shadow: 0 0 8px rgba(224, 38, 67, .34) !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    border-color: rgba(205, 38, 58, .42) !important;
    background: linear-gradient(135deg, #e72e49, #b71f56) !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(74, 0, 20, .34) !important;
    box-shadow: 0 3px 8px rgba(190, 29, 65, .22) !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_role {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 22px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 7px !important;
    border: 1px solid rgba(115, 74, 164, .26) !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, rgba(124, 76, 174, .14), rgba(61, 123, 189, .10)) !important;
    color: #67468e !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 22px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role i {
    color: #c63758 !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_role i {
    color: #6952c0 !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason {
    display: inline-block !important;
    max-width: 100% !important;
    margin: 0 4px 0 0 !important;
    color: #8c5260 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 19px !important;
    vertical-align: middle !important;
    white-space: normal !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason::before {
    content: "•" !important;
    margin-left: 4px !important;
    color: #d22c49 !important;
    font-weight: 900 !important;
}

/* Dark mode */
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban {
    border-color: rgba(255, 91, 108, .46) !important;
    background: linear-gradient(105deg, rgba(139, 26, 50, .34), rgba(91, 28, 84, .25)) !important;
    box-shadow: 0 6px 17px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    background: linear-gradient(135deg, #d92f4c, #a91f56) !important;
    border-color: rgba(255, 139, 151, .5) !important;
    color: #fff !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role {
    border-color: rgba(202, 157, 239, .35) !important;
    background: rgba(125, 77, 170, .24) !important;
    color: #e3cafa !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role i,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role i,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role i {
    color: #ff9eaf !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason {
    color: #ffb8c1 !important;
}

@media (max-width: 800px) {
    #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_role,
    #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_role {
        height: 20px !important;
        margin-right: 3px !important;
        padding: 0 5px !important;
        font-size: 9px !important;
        line-height: 20px !important;
    }
    #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
    #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason {
        font-size: 9px !important;
        line-height: 17px !important;
    }
}
/* BAN SENTENCE ORDER 25.55 */
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_role,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_actor_role {
    display: inline !important;
    margin: 0 3px !important;
    color: #b51f3b !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
#chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason {
    display: inline !important;
    margin: 0 3px !important;
    color: #9a4053 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason::before {
    content: "" !important;
    margin: 0 !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_role,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_role,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_role,
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_actor_role,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_actor_role,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_actor_role {
    color: #ff9eae !important;
}
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
body.dark #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason {
    color: #ffc0c9 !important;
}
@media (max-width: 800px) {
    #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_role,
    #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_actor_role,
    #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason,
    #chat_logs_container li.chat_log.sys_log.sys_log_block .sys_action_reason {
        font-size: 9px !important;
    }
}
/* 25.56 — clickable real ban actor */
.sys_log_ban .sys_actor_link,
.sys_log_block .sys_actor_link {
  cursor: pointer;
  display: inline-block;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color .18s ease, text-shadow .18s ease, opacity .18s ease;
}

.sys_log_ban .sys_actor_link:hover,
.sys_log_ban .sys_actor_link:focus-visible {
  color: #b3122f !important;
  text-shadow: 0 0 10px rgba(179, 18, 47, .38);
  opacity: .92;
}

.sys_log_block .sys_actor_link:hover,
.sys_log_block .sys_actor_link:focus-visible {
  color: #6b45d9 !important;
  text-shadow: 0 0 10px rgba(107, 69, 217, .34);
  opacity: .92;
}

body.dark .sys_log_ban .sys_actor_link:hover,
body.night .sys_log_ban .sys_actor_link:hover,
.chat_dark_mode .sys_log_ban .sys_actor_link:hover {
  color: #ff6b82 !important;
}

@media (max-width: 600px) {
  .sys_log_ban .sys_actor_link,
  .sys_log_block .sys_actor_link {
    text-underline-offset: 2px;
  }
}
/* 25.57 — luxury ban card without avatar */
#chat_logs_container li.chat_log.sys_log.sys_log_ban .chat_savatar {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  direction: rtl !important;
  min-height: 38px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(181, 31, 59, .28) !important;
  border-right: 3px solid #c92345 !important;
  border-radius: 11px !important;
  background: linear-gradient(105deg, rgba(255,255,255,.96), rgba(255,241,244,.98)) !important;
  box-shadow: 0 5px 16px rgba(172, 28, 57, .11), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .chat_system {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: visible !important;
  line-height: 1.65 !important;
  text-align: right !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
  order: -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 50px !important;
  height: 25px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 116, 139, .72) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #b31235, #e52e50 58%, #9d1736) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .2px !important;
  line-height: 25px !important;
  box-shadow: 0 4px 11px rgba(179, 18, 47, .28), inset 0 1px 0 rgba(255,255,255,.24) !important;
  text-shadow: 0 1px 2px rgba(72, 0, 16, .42) !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge::before {
  content: "!" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 13px !important;
  height: 13px !important;
  margin-left: 4px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  line-height: 12px !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_role,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_reason {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link {
  cursor: pointer !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transition: color .18s ease, text-shadow .18s ease, opacity .18s ease !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link:hover,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link:focus-visible {
  color: #8f102d !important;
  text-shadow: 0 0 9px rgba(179, 18, 47, .38) !important;
  opacity: .92 !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_ban {
  border-color: rgba(255, 91, 108, .52) !important;
  border-right-color: #ff526b !important;
  background: linear-gradient(105deg, rgba(87, 15, 32, .72), rgba(49, 16, 31, .86)) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
  background: linear-gradient(135deg, #d22142, #ff4966 58%, #a91d3c) !important;
  border-color: rgba(255, 174, 186, .62) !important;
  color: #fff !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link:hover,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link:hover,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link:hover,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_actor_link:hover {
  color: #ff8da0 !important;
}

@media (max-width: 800px) {
  #chat_logs_container li.chat_log.sys_log.sys_log_ban {
    gap: 5px !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
    border-radius: 9px !important;
  }
  #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    min-width: 43px !important;
    height: 22px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
    line-height: 22px !important;
  }
  #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge::before {
    width: 11px !important;
    height: 11px !important;
    margin-left: 3px !important;
    font-size: 8px !important;
    line-height: 10px !important;
  }
}
/* 25.58 — ban chip: word first, clear ban icon, no exclamation */
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  direction: ltr !important;
  flex-direction: row !important;
  gap: 5px !important;
  min-width: 62px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 150, 164, .9) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff8395 0%, #ff627b 56%, #f24865 100%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 13px rgba(240, 59, 88, .28), inset 0 1px 0 rgba(255,255,255,.42) !important;
  text-shadow: 0 1px 2px rgba(112, 12, 30, .35) !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge::before {
  content: none !important;
  display: none !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge > i.fa-ban {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: 1 !important;
  width: 16px !important;
  height: 16px !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-shadow: 0 1px 2px rgba(117, 7, 26, .42) !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge > span {
  display: inline-block !important;
  order: 2 !important;
  color: #fff !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
  border-color: rgba(255, 154, 169, .94) !important;
  background: linear-gradient(135deg, #ff8296 0%, #ff5f79 56%, #ed3e5d 100%) !important;
  color: #fff !important;
  box-shadow: 0 5px 15px rgba(255, 66, 94, .32), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

@media (max-width: 800px) {
  #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    min-width: 54px !important;
    height: 24px !important;
    padding: 0 8px !important;
    gap: 4px !important;
    font-size: 10px !important;
    line-height: 24px !important;
  }
  #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge > i.fa-ban {
    width: 14px !important;
    height: 14px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }
}
/* 25.59 — priority override for the ban chip */
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_savatar {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_system {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  direction: ltr !important;
  flex-direction: row !important;
  gap: 5px !important;
  min-width: 62px !important;
  height: 28px !important;
  margin: 0 7px 0 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 168, 180, .95) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff9aaa 0%, #ff7187 55%, #f34d6b 100%) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 28px !important;
  box-shadow: 0 4px 14px rgba(239, 56, 86, .30), inset 0 1px 0 rgba(255,255,255,.55) !important;
  text-shadow: 0 1px 2px rgba(112, 12, 30, .30) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge::before,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge::before {
  content: none !important;
  display: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge > i.fa-ban,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge > i.fa-ban {
  display: inline-flex !important;
  order: 1 !important;
  width: 16px !important;
  height: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 16px !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge > span,
#chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge > span {
  display: inline-block !important;
  order: 2 !important;
  color: #fff !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

@media (max-width: 800px) {
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
  #chat_logs_container li.chat_log.sys_log.sys_log_ban > .chat_system {
    padding: 0 6px !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge,
  #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge {
    min-width: 54px !important;
    height: 24px !important;
    margin-right: 5px !important;
    padding: 0 8px !important;
    gap: 4px !important;
    font-size: 10px !important;
    line-height: 24px !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge > i.fa-ban,
  #chat_logs_container li.chat_log.sys_log.sys_log_ban .sys_action_badge > i.fa-ban {
    width: 14px !important;
    height: 14px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }
}
/* 25.60 — kick card matching the ban layout, with a distinct orange-gold action chip */
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
#chat_logs_container li.chat_log.sys_log.sys_log_kick {
  border: 1px solid rgba(245, 157, 73, .58) !important;
  background: linear-gradient(105deg, rgba(244, 145, 56, .16), rgba(214, 91, 92, .08)) !important;
  box-shadow: 0 5px 15px rgba(211, 112, 39, .14), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick::before,
#chat_logs_container li.chat_log.sys_log.sys_log_kick::before {
  width: 4px !important;
  background: linear-gradient(180deg, #ffd166, #f08a3c, #dc4f5c) !important;
  box-shadow: 0 0 8px rgba(242, 137, 54, .38) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_savatar {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_system {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  direction: ltr !important;
  flex-direction: row !important;
  gap: 5px !important;
  min-width: 62px !important;
  height: 28px !important;
  margin: 0 7px 0 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255, 207, 119, .96) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffd875 0%, #f7aa45 56%, #e87945 100%) !important;
  color: #5e2d12 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 28px !important;
  box-shadow: 0 4px 14px rgba(224, 125, 44, .30), inset 0 1px 0 rgba(255,255,255,.65) !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.28) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge::before,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge::before {
  content: none !important;
  display: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge > i.fa-person-walking-arrow-right,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge > i.fa-person-walking-arrow-right {
  display: inline-flex !important;
  order: 1 !important;
  width: 16px !important;
  height: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #6f3215 !important;
  font-size: 14px !important;
  line-height: 16px !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge > span,
#chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge > span {
  display: inline-block !important;
  order: 2 !important;
  color: #5e2d12 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

@media (max-width: 800px) {
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system,
  #chat_logs_container li.chat_log.sys_log.sys_log_kick > .chat_system {
    padding: 0 6px !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
  #chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge {
    min-width: 54px !important;
    height: 24px !important;
    margin-right: 5px !important;
    padding: 0 8px !important;
    gap: 4px !important;
    font-size: 10px !important;
    line-height: 24px !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge > i.fa-person-walking-arrow-right,
  #chat_logs_container li.chat_log.sys_log.sys_log_kick .sys_action_badge > i.fa-person-walking-arrow-right {
    width: 14px !important;
    height: 14px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
body.night #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
.chat_dark_mode #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge {
  border-color: rgba(255, 204, 118, .92) !important;
  background: linear-gradient(135deg, #ffd671 0%, #f6a245 56%, #dd7048 100%) !important;
  color: #4b2412 !important;
  box-shadow: 0 5px 15px rgba(242, 132, 49, .34), inset 0 1px 0 rgba(255,255,255,.52) !important;
}


/* 25.61 — luxury mute card: hidden avatar, purple mute chip, actor-friendly layout */
#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
#chat_logs_container li.chat_log.sys_log.sys_log_mute {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 7px 12px !important;
  border: 1px solid rgba(116, 83, 184, .28) !important;
  border-right: 3px solid #8065c7 !important;
  border-radius: 11px !important;
  background: linear-gradient(105deg, rgba(255,255,255,.97), rgba(247,243,255,.98)) !important;
  box-shadow: 0 5px 16px rgba(103, 76, 169, .12), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar,
#chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_savatar {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
#chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl !important;
  text-align: right !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.65 !important;
  color: #4a4260 !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  direction: ltr !important;
  flex-direction: row !important;
  gap: 5px !important;
  min-width: 62px !important;
  height: 28px !important;
  margin: 0 7px 0 0 !important;
  padding: 0 10px !important;
  border: 1px solid rgba(216, 199, 255, .98) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #cbbcff 0%, #9d82df 50%, #6e56b0 100%) !important;
  color: #2c1b4c !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 28px !important;
  box-shadow: 0 4px 14px rgba(106, 77, 174, .28), inset 0 1px 0 rgba(255,255,255,.72) !important;
  text-shadow: 0 1px 1px rgba(255,255,255,.25) !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge::before,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge::before {
  content: none !important;
  display: none !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash {
  display: inline-flex !important;
  order: 1 !important;
  width: 16px !important;
  height: 16px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #332052 !important;
  font-size: 14px !important;
  line-height: 16px !important;
}

#show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge > span,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge > span {
  display: inline-block !important;
  order: 2 !important;
  color: #2c1b4c !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname {
  color: #6c4db0 !important;
  font-weight: 900 !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_role {
  color: #5b3a9d !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link {
  cursor: pointer !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transition: color .18s ease, text-shadow .18s ease, opacity .18s ease !important;
}

#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link:hover,
#chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link:focus-visible {
  color: #40247f !important;
  text-shadow: 0 0 9px rgba(106, 72, 186, .34) !important;
  opacity: .92 !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute {
  border-color: rgba(178, 151, 246, .46) !important;
  border-right-color: #b79aef !important;
  background: linear-gradient(105deg, rgba(45, 33, 76, .90), rgba(31, 27, 52, .96)) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system {
  color: #eee8ff !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge {
  border-color: rgba(226, 211, 255, .78) !important;
  background: linear-gradient(135deg, #c9b7ff 0%, #9475d5 52%, #674b9e 100%) !important;
  color: #241438 !important;
  box-shadow: 0 5px 15px rgba(117, 83, 199, .36), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

body.dark #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash {
  color: #2b184e !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute .sysname {
  color: #d9c8ff !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_role,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_role,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_role,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_role {
  color: #c9b6f5 !important;
}

body.dark #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link:hover,
body.night #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link:hover,
body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link:hover,
.chat_dark_mode #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_actor_link:hover {
  color: #f0e7ff !important;
}

@media (max-width: 800px) {
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
  #chat_logs_container li.chat_log.sys_log.sys_log_mute {
    gap: 5px !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
    border-radius: 9px !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
  #chat_logs_container li.chat_log.sys_log.sys_log_mute > .chat_system {
    line-height: 1.55 !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge,
  #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge {
    min-width: 54px !important;
    height: 24px !important;
    margin-right: 5px !important;
    padding: 0 8px !important;
    gap: 4px !important;
    font-size: 10px !important;
    line-height: 24px !important;
  }
  #show_chat #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash,
  #chat_logs_container li.chat_log.sys_log.sys_log_mute .sys_action_badge > i.fa-microphone-slash {
    width: 14px !important;
    height: 14px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }
}
/*
 * arabchatting.com v25.62 — lighter premium room list
 * Scope: right-side room list only. Keeps room actions and permissions intact.
 */
#chat_right_data #container_room .room_elem,
#chat_right_data #container_room .room_celem,
body #chat_right_data #container_room .room_elem,
body #chat_right_data #container_room .room_celem {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(126, 97, 196, .18) !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,244,253,.94)) !important;
    box-shadow: 0 3px 12px rgba(71, 52, 112, .08) !important;
    overflow: hidden !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
#chat_right_data #container_room .room_elem:hover,
#chat_right_data #container_room .room_celem:hover,
body #chat_right_data #container_room .room_elem:hover,
body #chat_right_data #container_room .room_celem:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(126, 97, 196, .42) !important;
    box-shadow: 0 6px 16px rgba(71, 52, 112, .14) !important;
}
#chat_right_data #container_room .room_elem.room_current,
#chat_right_data #container_room .room_celem.room_current,
body #chat_right_data #container_room .room_elem.room_current,
body #chat_right_data #container_room .room_celem.room_current {
    border-color: rgba(126, 97, 196, .62) !important;
    box-shadow: 0 0 0 2px rgba(126, 97, 196, .10), 0 6px 16px rgba(71, 52, 112, .13) !important;
}

/* Round, centered room image with a subtle premium ring. */
#chat_right_data #container_room .room_icon_wrap,
#chat_right_data #container_room .room_cicon_wrap,
body #chat_right_data #container_room .room_icon_wrap,
body #chat_right_data #container_room .room_cicon_wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ffffff, #ece6fa) !important;
    box-shadow: 0 0 0 2px rgba(126, 97, 196, .22), 0 4px 10px rgba(71, 52, 112, .15) !important;
}
#chat_right_data #container_room .room_icon,
#chat_right_data #container_room .room_cicon,
body #chat_right_data #container_room .room_icon,
body #chat_right_data #container_room .room_cicon {
    display: block !important;
    box-sizing: border-box !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    border: 2px solid rgba(255,255,255,.92) !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    overflow: hidden !important;
}
#chat_right_data #container_room .room_content,
body #chat_right_data #container_room .room_content {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
#chat_right_data #container_room .room_name_line,
#chat_right_data #container_room .room_cname_line,
body #chat_right_data #container_room .room_name_line,
body #chat_right_data #container_room .room_cname_line {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
#chat_right_data #container_room .room_name,
#chat_right_data #container_room .room_cname,
body #chat_right_data #container_room .room_name,
body #chat_right_data #container_room .room_cname {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}
#chat_right_data #container_room .room_description,
#chat_right_data #container_room .room_cdescription,
body #chat_right_data #container_room .room_description,
body #chat_right_data #container_room .room_cdescription {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding: 1px 0 0 !important;
    font-size: 9.5px !important;
    line-height: 1.25 !important;
}

/* Left-to-right metadata rail: group icon, counter, then globe/access icon. */
#chat_right_data #container_room .room_meta_row,
body #chat_right_data #container_room .room_meta_row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 22px !important;
    margin: 4px 0 0 !important;
    overflow: hidden !important;
    direction: ltr !important;
    white-space: nowrap !important;
}
#chat_right_data #container_room .room_presence,
body #chat_right_data #container_room .room_presence {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(88, 147, 199, .25) !important;
    border-radius: 8px !important;
    background: rgba(236, 247, 255, .92) !important;
    color: #3576a6 !important;
    font-size: 9px !important;
    line-height: 1 !important;
}
#chat_right_data #container_room .room_presence i,
body #chat_right_data #container_room .room_presence i {
    font-size: 11px !important;
}
#chat_right_data #container_room .room_presence_count,
body #chat_right_data #container_room .room_presence_count {
    min-width: 9px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
#chat_right_data #container_room .room_access_meta,
body #chat_right_data #container_room .room_access_meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border: 1px solid rgba(79, 158, 122, .28) !important;
    border-radius: 8px !important;
    background: rgba(237, 251, 244, .96) !important;
}
#chat_right_data #container_room .room_access_meta img,
body #chat_right_data #container_room .room_access_meta img {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    object-fit: contain !important;
}
#chat_right_data #container_room .room_locked_badge,
body #chat_right_data #container_room .room_locked_badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    max-width: 80px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(203, 108, 117, .26) !important;
    border-radius: 8px !important;
    background: rgba(255, 241, 243, .94) !important;
    color: #a95763 !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
}
#chat_right_data #container_room .room_locked_badge span,
body #chat_right_data #container_room .room_locked_badge span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Paid room: strong but compact jewel badge. */
#chat_right_data #container_room .room_paid_badge,
body #chat_right_data #container_room .room_paid_badge {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 104px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(255, 215, 116, .78) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #4d2a77, #a76bca 58%, #e3af57) !important;
    box-shadow: 0 3px 9px rgba(124, 77, 158, .22) !important;
    color: #fff8df !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
#chat_right_data #container_room .room_paid_badge::after,
body #chat_right_data #container_room .room_paid_badge::after {
    position: absolute !important;
    top: 0 !important;
    left: -35% !important;
    width: 24% !important;
    height: 100% !important;
    content: "" !important;
    background: rgba(255,255,255,.30) !important;
    transform: skewX(-22deg) !important;
    animation: room_paid_glint 3.8s ease-in-out infinite !important;
    pointer-events: none !important;
}
#chat_right_data #container_room .room_paid_badge i,
body #chat_right_data #container_room .room_paid_badge i {
    color: #ffe6a1 !important;
    font-size: 10px !important;
}
#chat_right_data #container_room .room_paid_badge span,
body #chat_right_data #container_room .room_paid_badge span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
@keyframes room_paid_glint {
    0%, 58% { left: -35%; opacity: 0; }
    68% { opacity: .9; }
    82%, 100% { left: 125%; opacity: 0; }
}

/* The old lower icon row is now represented in the metadata rail. */
#chat_right_data #container_room .room_content > .btable,
body #chat_right_data #container_room .room_content > .btable {
    display: none !important;
}

/* Dark mode: preserve contrast without changing geometry. */
.dark_mode #chat_right_data #container_room .room_elem,
.chat_dark_mode #chat_right_data #container_room .room_elem,
body.dark #chat_right_data #container_room .room_elem,
body.night #chat_right_data #container_room .room_elem,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_elem,
.dark_mode #chat_right_data #container_room .room_celem,
.chat_dark_mode #chat_right_data #container_room .room_celem,
body.dark #chat_right_data #container_room .room_celem,
body.night #chat_right_data #container_room .room_celem,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_celem {
    border-color: rgba(191, 160, 255, .22) !important;
    background: linear-gradient(135deg, rgba(37, 31, 55, .98), rgba(27, 25, 39, .98)) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.22) !important;
}
.dark_mode #chat_right_data #container_room .room_icon_wrap,
.chat_dark_mode #chat_right_data #container_room .room_icon_wrap,
body.dark #chat_right_data #container_room .room_icon_wrap,
body.night #chat_right_data #container_room .room_icon_wrap,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_icon_wrap,
.dark_mode #chat_right_data #container_room .room_cicon_wrap,
.chat_dark_mode #chat_right_data #container_room .room_cicon_wrap,
body.dark #chat_right_data #container_room .room_cicon_wrap,
body.night #chat_right_data #container_room .room_cicon_wrap,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_cicon_wrap {
    background: linear-gradient(135deg, #32284a, #201d2e) !important;
    box-shadow: 0 0 0 2px rgba(191, 160, 255, .32), 0 4px 10px rgba(0,0,0,.25) !important;
}
.dark_mode #chat_right_data #container_room .room_presence,
.chat_dark_mode #chat_right_data #container_room .room_presence,
body.dark #chat_right_data #container_room .room_presence,
body.night #chat_right_data #container_room .room_presence,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_presence {
    border-color: rgba(116, 183, 230, .25) !important;
    background: rgba(32, 64, 87, .55) !important;
    color: #a8dbff !important;
}
.dark_mode #chat_right_data #container_room .room_access_meta,
.chat_dark_mode #chat_right_data #container_room .room_access_meta,
body.dark #chat_right_data #container_room .room_access_meta,
body.night #chat_right_data #container_room .room_access_meta,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_access_meta {
    border-color: rgba(106, 203, 157, .30) !important;
    background: rgba(28, 76, 58, .52) !important;
}
.dark_mode #chat_right_data #container_room .room_locked_badge,
.chat_dark_mode #chat_right_data #container_room .room_locked_badge,
body.dark #chat_right_data #container_room .room_locked_badge,
body.night #chat_right_data #container_room .room_locked_badge,
body:has(#actual_theme[href*="/Dark/"]) #chat_right_data #container_room .room_locked_badge {
    border-color: rgba(236, 135, 145, .32) !important;
    background: rgba(102, 41, 53, .48) !important;
    color: #ffb9c0 !important;
}

@media (max-width: 600px) {
    #chat_right_data #container_room .room_elem,
    #chat_right_data #container_room .room_celem,
    body #chat_right_data #container_room .room_elem,
    body #chat_right_data #container_room .room_celem {
        gap: 7px !important;
        margin-bottom: 5px !important;
        padding: 6px 7px !important;
        border-radius: 14px !important;
    }
    #chat_right_data #container_room .room_icon_wrap,
    #chat_right_data #container_room .room_cicon_wrap,
    body #chat_right_data #container_room .room_icon_wrap,
    body #chat_right_data #container_room .room_cicon_wrap {
        flex-basis: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }
    #chat_right_data #container_room .room_icon,
    #chat_right_data #container_room .room_cicon,
    body #chat_right_data #container_room .room_icon,
    body #chat_right_data #container_room .room_cicon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
    }
    #chat_right_data #container_room .room_meta_row,
    body #chat_right_data #container_room .room_meta_row {
        gap: 4px !important;
        margin-top: 3px !important;
    }
    #chat_right_data #container_room .room_presence,
    body #chat_right_data #container_room .room_presence {
        padding: 0 6px !important;
    }
    #chat_right_data #container_room .room_paid_badge,
    body #chat_right_data #container_room .room_paid_badge {
        max-width: 92px !important;
        padding: 0 6px !important;
    }
}


/* v24.94 — leaderboard menu belongs to the left navigation */
body > #leaderboard_menu {
    position: fixed !important;
    top: 45px !important;
    left: 50px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    isolation: isolate !important;
}

@media (max-width: 600px) {
    body > #leaderboard_menu {
        top: 38px !important;
        left: 0 !important;
        right: auto !important;
        width: min(300px, 100vw) !important;
        max-width: 100vw !important;
        max-height: calc(100vh - 48px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}


/* SHADOW_SYSTEM_MESSAGE_DESIGN_V1 */
#show_chat > #chat_logs_container > li.shadow_system_log,
body #show_chat #chat_logs_container > li.shadow_system_log,
#chat_logs_container > li.shadow_system_log {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 9px !important;
    width: calc(100% - 10px) !important;
    min-height: 42px !important;
    margin: 6px 5px !important;
    padding: 6px 9px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    direction: rtl !important;
    border: 1px solid rgba(24, 139, 202, .22) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(231,244,252,.92)) !important;
    box-shadow: 0 5px 16px rgba(30, 92, 125, .12), inset 0 1px 0 rgba(255,255,255,.95) !important;
    color: #34495e !important;
    text-align: right !important;
}
#show_chat > #chat_logs_container > li.shadow_system_log::before,
body #show_chat #chat_logs_container > li.shadow_system_log::before,
#chat_logs_container > li.shadow_system_log::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    border-radius: 14px 0 0 14px !important;
    background: linear-gradient(180deg, #39b8f2, #536dfe 55%, #8b5cf6) !important;
    opacity: .9 !important;
}
.shadow_system_icon {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 31px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 31px !important;
    height: 31px !important;
    border: 1px solid rgba(41, 152, 210, .46) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 32% 28%, #8bdcff 0, #287fc2 39%, #182b67 100%) !important;
    box-shadow: 0 0 0 3px rgba(55, 176, 235, .10), 0 4px 12px rgba(27, 93, 157, .26), inset 0 1px 2px rgba(255,255,255,.55) !important;
    overflow: visible !important;
}
.shadow_system_icon::after {
    content: "" !important;
    position: absolute !important;
    inset: -4px !important;
    border: 1px solid rgba(62, 190, 244, .25) !important;
    border-radius: 50% !important;
    animation: shadowSystemPulse 3.2s ease-in-out infinite !important;
}
.shadow_system_orbit {
    position: absolute !important;
    width: 5px !important;
    height: 5px !important;
    top: 1px !important;
    right: 3px !important;
    border-radius: 50% !important;
    background: #ffe7a2 !important;
    box-shadow: 0 0 7px rgba(255, 224, 125, .9) !important;
}
.shadow_system_icon_img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    filter: brightness(1.3) drop-shadow(0 1px 2px rgba(0,0,0,.35)) !important;
}
.shadow_system_icon_fallback {
    position: relative !important;
    z-index: 1 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    color: #f5fbff !important;
    font-size: 17px !important;
}
.shadow_system_body {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 7px !important;
    line-height: 1.75 !important;
    font-size: 12px !important;
}
.shadow_system_badge {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 7px !important;
    border: 1px solid rgba(37, 135, 194, .24) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(54, 167, 221, .17), rgba(108, 92, 231, .13)) !important;
    color: #1b6c9d !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.shadow_system_badge i {
    color: #d39b25 !important;
    font-size: 10px !important;
}
.shadow_system_text {
    min-width: 0 !important;
    color: #3c5063 !important;
    font-weight: 500 !important;
    overflow-wrap: anywhere !important;
}
.shadow_system_text .bclick,
.shadow_system_text .sysname {
    color: #1677ae !important;
    font-weight: 700 !important;
}
@keyframes shadowSystemPulse {
    0%, 100% { transform: scale(.94); opacity: .35; }
    50% { transform: scale(1.08); opacity: .82; }
}
body.dark_mode #show_chat > #chat_logs_container > li.shadow_system_log,
body.dark #show_chat > #chat_logs_container > li.shadow_system_log,
body.night #show_chat > #chat_logs_container > li.shadow_system_log,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.shadow_system_log,
body.dark_mode #chat_logs_container > li.shadow_system_log,
body.dark #chat_logs_container > li.shadow_system_log,
body.night #chat_logs_container > li.shadow_system_log {
    border-color: rgba(76, 190, 244, .24) !important;
    background: linear-gradient(135deg, rgba(18, 34, 58, .96), rgba(28, 29, 66, .92)) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.07) !important;
    color: #e8f5ff !important;
}
body.dark_mode .shadow_system_badge,
body.dark .shadow_system_badge,
body.night .shadow_system_badge,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_badge {
    border-color: rgba(92, 193, 245, .28) !important;
    background: linear-gradient(135deg, rgba(59, 174, 229, .20), rgba(126, 101, 242, .18)) !important;
    color: #a9e1ff !important;
}
body.dark_mode .shadow_system_text,
body.dark .shadow_system_text,
body.night .shadow_system_text,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_text {
    color: #e3edf8 !important;
}
body.dark_mode .shadow_system_text .bclick,
body.dark_mode .shadow_system_text .sysname,
body.dark .shadow_system_text .bclick,
body.dark .shadow_system_text .sysname,
body.night .shadow_system_text .bclick,
body.night .shadow_system_text .sysname,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_text .bclick,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_text .sysname {
    color: #77d7ff !important;
}
@media (max-width: 600px) {
    #show_chat > #chat_logs_container > li.shadow_system_log,
    body #show_chat #chat_logs_container > li.shadow_system_log,
    #chat_logs_container > li.shadow_system_log {
        gap: 7px !important;
        min-height: 39px !important;
        margin: 5px 3px !important;
        padding: 5px 7px !important;
        width: calc(100% - 6px) !important;
        border-radius: 12px !important;
    }
    .shadow_system_icon {
        flex-basis: 28px !important;
        width: 28px !important;
        height: 28px !important;
    }
    .shadow_system_icon_img { width: 20px !important; height: 20px !important; }
    .shadow_system_body { gap: 5px !important; font-size: 11px !important; }
    .shadow_system_badge { padding: 2px 6px !important; font-size: 9px !important; }
}

/* Periodic public admin messages — isolated system row, light/dark compatible */
.chat_log.admin_periodic_log{--pm-accent:#1976d2;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:68px!important;margin:7px 0!important;padding:12px 14px!important;box-sizing:border-box!important;direction:rtl!important;text-align:right!important;list-style:none!important;border:1px solid rgba(25,118,210,.22)!important;border-right:3px solid var(--pm-accent)!important;border-radius:15px!important;background:linear-gradient(120deg,rgba(25,118,210,.08),rgba(255,255,255,.90))!important;box-shadow:0 7px 20px rgba(25,118,210,.11)!important;font-family:inherit!important;overflow:visible!important}
.chat_log.admin_periodic_log .admin_periodic_icon{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(25,118,210,.14);color:var(--pm-accent);font-size:17px;line-height:1!important}
.chat_log.admin_periodic_log .admin_periodic_icon>span{position:absolute;inset:4px;border:1px solid var(--pm-accent);border-radius:10px;opacity:.38;animation:adminPeriodicOrbit 2.8s ease-in-out infinite}
.chat_log.admin_periodic_log .admin_periodic_body{min-width:0;flex:1;display:block!important;line-height:1.5!important}
.chat_log.admin_periodic_log .admin_periodic_badge{display:inline-flex;align-items:center;gap:5px;margin:0 0 4px;color:var(--pm-accent);font-size:10px;font-weight:800;line-height:1.2}
.chat_log.admin_periodic_log .admin_periodic_text{display:block;color:#243248;font-size:13px;line-height:1.85;overflow-wrap:anywhere;word-break:normal}
.chat_log.admin_periodic_log .admin_periodic_text a{color:var(--pm-accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.chat_log.admin_periodic_log.template-royal{--pm-accent:#c89425;border-color:rgba(200,148,37,.34)!important;background:linear-gradient(120deg,rgba(200,148,37,.12),rgba(255,251,235,.94))!important;box-shadow:0 8px 24px rgba(200,148,37,.16)!important}
.chat_log.admin_periodic_log.template-maintenance{--pm-accent:#ef7d22;border-color:rgba(239,125,34,.28)!important;background:linear-gradient(120deg,rgba(239,125,34,.10),rgba(255,248,240,.94))!important}
.chat_log.admin_periodic_log.template-rules{--pm-accent:#d6535d;border-color:rgba(214,83,93,.26)!important;background:linear-gradient(120deg,rgba(214,83,93,.09),rgba(255,246,247,.94))!important}
.chat_log.admin_periodic_log.template-offer{--pm-accent:#7b57c9;border-color:rgba(123,87,201,.26)!important;background:linear-gradient(120deg,rgba(123,87,201,.10),rgba(249,246,255,.94))!important}
.chat_log.admin_periodic_log.template-welcome{--pm-accent:#10a7bd;border-color:rgba(16,167,189,.26)!important;background:linear-gradient(120deg,rgba(16,167,189,.10),rgba(242,253,255,.94))!important}
.chat_log.admin_periodic_log.template-urgent{--pm-accent:#e34d58;border-color:rgba(227,77,88,.34)!important;background:linear-gradient(120deg,rgba(227,77,88,.11),rgba(255,245,246,.94))!important;animation:adminPeriodicUrgent 3s ease-in-out infinite}
.chat_log.admin_periodic_log.style-gold{box-shadow:0 8px 26px rgba(200,148,37,.22)!important}
.chat_log.admin_periodic_log.style-outline{background:transparent!important;box-shadow:none!important}
body.night .chat_log.admin_periodic_log,body.dark .chat_log.admin_periodic_log,body.dark_mode .chat_log.admin_periodic_log,.chat_dark_mode .chat_log.admin_periodic_log{background:linear-gradient(120deg,rgba(25,118,210,.16),rgba(13,21,36,.94))!important;border-color:rgba(125,174,244,.28)!important;box-shadow:0 8px 24px rgba(0,0,0,.23)!important}
body.night .chat_log.admin_periodic_log.template-royal,body.dark .chat_log.admin_periodic_log.template-royal,body.dark_mode .chat_log.admin_periodic_log.template-royal,.chat_dark_mode .chat_log.admin_periodic_log.template-royal{background:linear-gradient(120deg,rgba(200,148,37,.20),rgba(35,30,20,.94))!important;border-color:rgba(220,177,79,.36)!important}
body.night .chat_log.admin_periodic_log.template-maintenance,body.dark .chat_log.admin_periodic_log.template-maintenance,body.dark_mode .chat_log.admin_periodic_log.template-maintenance,.chat_dark_mode .chat_log.admin_periodic_log.template-maintenance{background:linear-gradient(120deg,rgba(239,125,34,.18),rgba(38,28,20,.94))!important}
body.night .chat_log.admin_periodic_log.template-rules,body.dark .chat_log.admin_periodic_log.template-rules,body.dark_mode .chat_log.admin_periodic_log.template-rules,.chat_dark_mode .chat_log.admin_periodic_log.template-rules{background:linear-gradient(120deg,rgba(214,83,93,.18),rgba(39,23,29,.94))!important}
body.night .chat_log.admin_periodic_log.template-offer,body.dark .chat_log.admin_periodic_log.template-offer,body.dark_mode .chat_log.admin_periodic_log.template-offer,.chat_dark_mode .chat_log.admin_periodic_log.template-offer{background:linear-gradient(120deg,rgba(123,87,201,.18),rgba(30,25,44,.94))!important}
body.night .chat_log.admin_periodic_log.template-welcome,body.dark .chat_log.admin_periodic_log.template-welcome,body.dark_mode .chat_log.admin_periodic_log.template-welcome,.chat_dark_mode .chat_log.admin_periodic_log.template-welcome{background:linear-gradient(120deg,rgba(16,167,189,.18),rgba(19,34,42,.94))!important}
body.night .chat_log.admin_periodic_log.template-urgent,body.dark .chat_log.admin_periodic_log.template-urgent,body.dark_mode .chat_log.admin_periodic_log.template-urgent,.chat_dark_mode .chat_log.admin_periodic_log.template-urgent{background:linear-gradient(120deg,rgba(227,77,88,.20),rgba(42,23,29,.94))!important}
body.night .chat_log.admin_periodic_log .admin_periodic_text,body.dark .chat_log.admin_periodic_log .admin_periodic_text,body.dark_mode .chat_log.admin_periodic_log .admin_periodic_text,.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_text{color:#e6edf8}
@keyframes adminPeriodicOrbit{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.06);opacity:1}}
@keyframes adminPeriodicUrgent{0%,100%{box-shadow:0 8px 24px rgba(227,77,88,.14)}50%{box-shadow:0 8px 30px rgba(227,77,88,.32)}}
@media(max-width:600px){.chat_log.admin_periodic_log{gap:9px!important;min-height:60px!important;padding:10px 11px!important}.chat_log.admin_periodic_log .admin_periodic_icon{flex-basis:36px;width:36px;height:36px;border-radius:11px;font-size:15px}.chat_log.admin_periodic_log .admin_periodic_text{font-size:12px;line-height:1.75}.chat_log.admin_periodic_log .admin_periodic_badge{font-size:9px}}
/*
 * Notification style isolation draft — 2026-08-22
 * Local-only review draft. No production selectors outside chat logs are touched.
 * Functional JS, reaction endpoints, moderation actions, periodic interval, and shadow logic are unchanged.
 */

/* Shared card geometry: only system/periodic/shadow log rows. */
#chat_logs_container > li.chat_log.sys_log,
#chat_logs_container > li.chat_log.admin_periodic_log,
#chat_logs_container > li.chat_log.shadow_system_log {
  box-sizing: border-box !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  float: none !important;
  clear: both !important;
}

/* Moderation cards: one common layout, then one visual identity per action. */
#chat_logs_container > li.chat_log.sys_log.sys_log_ban,
#chat_logs_container > li.chat_log.sys_log.sys_log_block,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick {
  --notice-accent: #6f55c8;
  --notice-accent-strong: #5740ad;
  --notice-surface: rgba(111, 85, 200, .075);
  --notice-border: rgba(111, 85, 200, .28);
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  width: calc(100% - 16px) !important;
  max-width: calc(100% - 16px) !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 7px 8px !important;
  padding: 7px 10px 7px 9px !important;
  direction: rtl !important;
  text-align: right !important;
  border: 1px solid var(--notice-border) !important;
  border-radius: 13px !important;
  background: var(--notice-surface) !important;
  box-shadow: 0 5px 15px rgba(38, 40, 78, .07), inset 0 1px 0 rgba(255,255,255,.52) !important;
}

#chat_logs_container > li.chat_log.sys_log.sys_log_ban {
  --notice-accent: #e34d62;
  --notice-accent-strong: #b92e4b;
  --notice-surface: rgba(227, 77, 98, .085);
  --notice-border: rgba(206, 54, 79, .34);
}
#chat_logs_container > li.chat_log.sys_log.sys_log_kick {
  --notice-accent: #df9145;
  --notice-accent-strong: #bd642d;
  --notice-surface: rgba(223, 145, 69, .085);
  --notice-border: rgba(209, 119, 48, .32);
}
#chat_logs_container > li.chat_log.sys_log.sys_log_mute {
  --notice-accent: #c79732;
  --notice-accent-strong: #a56e18;
  --notice-surface: rgba(199, 151, 50, .09);
  --notice-border: rgba(195, 143, 35, .34);
}
#chat_logs_container > li.chat_log.sys_log.sys_log_block {
  --notice-accent: #7358cf;
  --notice-accent-strong: #5740ae;
  --notice-surface: rgba(115, 88, 207, .085);
  --notice-border: rgba(105, 79, 193, .32);
}

#chat_logs_container > li.chat_log.sys_log.sys_log_ban::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_block::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute::before,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px auto 7px 0 !important;
  width: 3px !important;
  border-radius: 0 5px 5px 0 !important;
  background: var(--notice-accent) !important;
  box-shadow: 0 0 9px color-mix(in srgb, var(--notice-accent) 32%, transparent) !important;
  pointer-events: none !important;
}

#chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  margin: 0 0 0 9px !important;
  align-self: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  opacity: .94 !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar > .savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_savatar > .savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar > .savatar,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar > .savatar {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: cover !important;
  border: 2px solid color-mix(in srgb, var(--notice-accent) 55%, transparent) !important;
  border-radius: 50% !important;
}

#chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
#chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_system,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl !important;
  text-align: right !important;
  line-height: 20px !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  color: #505568 !important;
}

#chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge,
#chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_action_badge,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
#chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 23px !important;
  height: 23px !important;
  margin: 0 0 0 7px !important;
  padding: 0 8px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  border: 1px solid color-mix(in srgb, var(--notice-accent, #567) 42%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--notice-accent, #567) 14%, transparent) !important;
  color: var(--notice-accent-strong, #567) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 23px !important;
  box-shadow: none !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge {
  color: #b92e4b !important;
  background: rgba(227, 77, 98, .14) !important;
  border-color: rgba(206, 54, 79, .38) !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge {
  color: #bd642d !important;
  background: rgba(223, 145, 69, .14) !important;
  border-color: rgba(209, 119, 48, .36) !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge {
  color: #986516 !important;
  background: rgba(199, 151, 50, .15) !important;
  border-color: rgba(195, 143, 35, .38) !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_action_badge {
  color: #5740ae !important;
  background: rgba(115, 88, 207, .14) !important;
  border-color: rgba(105, 79, 193, .36) !important;
}

#chat_logs_container > li.chat_log.sys_log.sys_log_ban .sysname,
#chat_logs_container > li.chat_log.sys_log.sys_log_block .sysname,
#chat_logs_container > li.chat_log.sys_log.sys_log_mute .sysname,
#chat_logs_container > li.chat_log.sys_log.sys_log_kick .sysname,
#chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_actor_role,
#chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_actor_role {
  display: inline !important;
  max-width: 46% !important;
  margin: 0 3px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--notice-accent-strong, #5740ae) !important;
  font-weight: 900 !important;
  line-height: 20px !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_reason,
#chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_action_reason {
  display: inline !important;
  margin: 0 3px !important;
  color: #8b5964 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  white-space: normal !important;
}

/* Clear-public card: intentionally separate from action cards. */
#chat_logs_container > li.chat_log.sys_log.sys_log_clear {
  display: flex !important;
  align-items: center !important;
  width: calc(100% - 18px) !important;
  max-width: calc(100% - 18px) !important;
  min-height: 40px !important;
  margin: 6px 9px !important;
  padding: 7px 10px !important;
  direction: rtl !important;
  text-align: right !important;
  border: 1px solid rgba(22, 159, 194, .26) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(30, 178, 207, .075), rgba(67, 108, 206, .065)) !important;
  box-shadow: 0 4px 12px rgba(36, 116, 160, .07) !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_clear::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px auto 7px 0 !important;
  width: 3px !important;
  border-radius: 0 5px 5px 0 !important;
  background: #1a9fc2 !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_clear > .chat_system {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
  color: #387187 !important;
}
#chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge {
  --notice-accent: #1a9fc2;
  --notice-accent-strong: #197b9a;
  color: #197b9a !important;
  background: rgba(26, 159, 194, .12) !important;
  border-color: rgba(26, 159, 194, .28) !important;
}

/* Periodic public announcement: separate from every moderation/system card. */
#chat_logs_container > li.chat_log.admin_periodic_log {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: calc(100% - 18px) !important;
  max-width: calc(100% - 18px) !important;
  min-height: 48px !important;
  margin: 7px 9px !important;
  padding: 9px 11px !important;
  direction: rtl !important;
  text-align: right !important;
  border: 1px solid color-mix(in srgb, var(--pm-accent, #1976d2) 30%, transparent) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--pm-accent, #1976d2) 11%, transparent), rgba(255,255,255,.32)) !important;
  box-shadow: 0 5px 15px rgba(38, 66, 108, .08), inset 0 1px 0 rgba(255,255,255,.5) !important;
}
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
}
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 5px !important;
  min-height: 21px !important;
  padding: 0 7px !important;
  border: 1px solid color-mix(in srgb, var(--pm-accent, #1976d2) 30%, transparent) !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--pm-accent, #1976d2) 13%, transparent) !important;
  color: var(--pm-accent, #1976d2) !important;
  font-size: 10px !important;
  line-height: 21px !important;
}
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #424d64 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* Shadow card: independent identity; no shared action selector. */
#chat_logs_container > li.chat_log.shadow_system_log {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: calc(100% - 18px) !important;
  max-width: calc(100% - 18px) !important;
  min-height: 44px !important;
  margin: 7px 9px !important;
  padding: 8px 11px !important;
  direction: rtl !important;
  text-align: right !important;
  border: 1px solid rgba(107, 78, 167, .28) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(72, 50, 128, .10), rgba(34, 82, 128, .08)) !important;
  box-shadow: 0 5px 16px rgba(45, 35, 91, .10) !important;
}
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
}
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
}
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge {
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 5px !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border-radius: 7px !important;
  background: rgba(102, 76, 170, .14) !important;
  color: #644aa4 !important;
  font-size: 10px !important;
  line-height: 20px !important;
}
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text {
  color: #4f5270 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  overflow-wrap: anywhere !important;
}

/* Visitor's “new messages / go to bottom” notice: isolated from chat cards. */
#back_to_bottom {
  z-index: 80 !important;
  top: 8px !important;
  left: 50% !important;
  width: auto !important;
  min-width: 108px !important;
  max-width: min(78%, 220px) !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(34, 144, 191, .30) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(223, 245, 252, .96)) !important;
  color: #21728f !important;
  box-shadow: 0 5px 14px rgba(23, 111, 148, .15) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 30px !important;
  white-space: nowrap !important;
  text-align: center !important;
}
#back_to_bottom:hover { filter: brightness(1.025); }

/* Dark themes: preserve the same separation, only change surfaces/text. */
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_block,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_block {
  background: rgba(40, 43, 70, .72) !important;
  box-shadow: 0 6px 17px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_system,
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_system,
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_system,
body.dark #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_system,
body.night #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_system {
  color: #eef0f8 !important;
}
body.dark #chat_logs_container > li.chat_log.admin_periodic_log,
body.night #chat_logs_container > li.chat_log.admin_periodic_log,
body.dark #chat_logs_container > li.chat_log.shadow_system_log,
body.night #chat_logs_container > li.chat_log.shadow_system_log {
  background: rgba(38, 42, 68, .78) !important;
  box-shadow: 0 6px 17px rgba(0,0,0,.24) !important;
}
body.dark #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body.night #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body.dark #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text,
body.night #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text {
  color: #edf2fb !important;
}
body.dark #back_to_bottom,
body.night #back_to_bottom {
  border-color: rgba(116, 202, 231, .35) !important;
  background: linear-gradient(135deg, rgba(37, 61, 80, .96), rgba(28, 52, 75, .96)) !important;
  color: #bcecff !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.28) !important;
}

@media (max-width: 600px) {
  #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
  #chat_logs_container > li.chat_log.sys_log.sys_log_block,
  #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
  #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
  #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
  #chat_logs_container > li.chat_log.admin_periodic_log,
  #chat_logs_container > li.chat_log.shadow_system_log {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin: 6px 5px !important;
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }
  #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar,
  #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_savatar,
  #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar,
  #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar {
    flex-basis: 27px !important;
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    margin-left: 7px !important;
  }
  #chat_logs_container > li.chat_log.sys_log.sys_log_ban > .chat_savatar > .savatar,
  #chat_logs_container > li.chat_log.sys_log.sys_log_block > .chat_savatar > .savatar,
  #chat_logs_container > li.chat_log.sys_log.sys_log_mute > .chat_savatar > .savatar,
  #chat_logs_container > li.chat_log.sys_log.sys_log_kick > .chat_savatar > .savatar {
    width: 27px !important;
    height: 27px !important;
  }
  #chat_logs_container > li.chat_log.sys_log.sys_log_ban .sys_action_badge,
  #chat_logs_container > li.chat_log.sys_log.sys_log_block .sys_action_badge,
  #chat_logs_container > li.chat_log.sys_log.sys_log_mute .sys_action_badge,
  #chat_logs_container > li.chat_log.sys_log.sys_log_kick .sys_action_badge,
  #chat_logs_container > li.chat_log.sys_log.sys_log_clear .sys_clear_badge {
    min-height: 21px !important;
    height: 21px !important;
    margin-left: 5px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
    line-height: 21px !important;
  }
  #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }
  #back_to_bottom {
    min-width: 96px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    line-height: 28px !important;
  }
}

/* NOTIFICATION_STYLE_ISOLATED_20260822 */
/*
 * arabchatting.com — notification card specificity repair
 * Scope: direct system/periodic/shadow cards only.
 * Reason: the older two-ID rule
 *   #show_chat > #chat_logs_container > li.chat_log { display:block !important; }
 * outranks the one-ID notification rules, so their flex rows were ignored.
 * This does not change #chat_logs_container, scroll JS, periodic interval,
 * shadow logic, reactions, moderation logic, or database data.
 */
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_block,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_block,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log {
  flex: 0 0 auto !important;
  height: auto !important;
  box-sizing: border-box !important;
}

#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_block,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_kick,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_ban,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_block,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_mute,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_kick {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
}

#show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_clear,
body #show_chat > #chat_logs_container > li.chat_log.sys_log.sys_log_clear {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
}

#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
}

#show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
}

/* NOTIFICATION_SPECIFICITY_LAYOUT_FIX_20260822 */
/* PERIODIC_COMPACT_LAYOUT_FIX_20260822
 * Narrow visual refinement for the intentional periodic public announcement only.
 * Does not touch shadow, moderation cards, chat wrappers, JavaScript, interval, or data.
 */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log {
  min-height: 46px !important;
  height: auto !important;
  margin: 4px 8px !important;
  padding: 7px 10px !important;
  gap: 8px !important;
}

#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon {
  flex-basis: 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
}

#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body {
  gap: 1px !important;
  line-height: 1.3 !important;
}

#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge {
  min-height: 18px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
  line-height: 18px !important;
}

#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

@media (max-width: 600px) {
  #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
  body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log {
    min-height: 42px !important;
    margin: 4px 4px !important;
    padding: 6px 8px !important;
    gap: 7px !important;
  }

  #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
  body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon {
    flex-basis: 29px !important;
    width: 29px !important;
    height: 29px !important;
  }
}

/* PERIODIC_COMPACT_LAYOUT_FIX_20260822_END */

/* CHAT_WELCOME_SINGLE_LINE_FIX_20260822 */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;max-width:100%!important;min-height:30px!important;height:30px!important;
  margin:1px 0!important;padding:2px 0!important;gap:5px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;direction:rtl!important;text-align:right!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon{
  flex:0 0 22px!important;width:22px!important;height:22px!important;border-radius:50%!important;font-size:10px!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body{
  display:block!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;line-height:26px!important;white-space:nowrap!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge{
  display:inline-flex!important;vertical-align:middle!important;min-height:18px!important;height:18px!important;padding:0 5px!important;margin:0 4px 0 0!important;font-size:9px!important;line-height:18px!important;border-radius:6px!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text{
  display:inline!important;vertical-align:middle!important;font-size:12px!important;line-height:26px!important;white-space:nowrap!important;
}
/* Keep the composer on one horizontal line and let the text begin immediately after the controls. */
#main_input_box{display:table-cell!important;vertical-align:middle!important;width:auto!important;min-width:0!important;padding:0 3px!important}
#main_input_box #content{display:block!important;width:100%!important;box-sizing:border-box!important;height:40px!important;line-height:40px!important}
#submit_button{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:40px!important}
/* CHAT_WELCOME_SINGLE_LINE_FIX_20260822_END */

/* SYSTEM_WELCOME_NOT_CHAT_MESSAGE_20260822: periodic announcements are not user chat rows. */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log{display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:hidden!important}

/* RESTORE_PERIODIC_SYSTEM_MESSAGES_20260822 */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log{
  display:flex!important;visibility:visible!important;overflow:visible!important;width:100%!important;max-width:100%!important;height:30px!important;min-height:30px!important;margin:1px 0!important;padding:2px 0!important;
  flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon{display:flex!important;visibility:visible!important;flex:0 0 22px!important;width:22px!important;height:22px!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body{display:block!important;visibility:visible!important;flex:0 1 auto!important;width:auto!important;line-height:26px!important;white-space:nowrap!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge{display:inline-flex!important;visibility:visible!important;height:18px!important;min-height:18px!important;line-height:18px!important;padding:0 5px!important;margin:0 4px 0 0!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text{display:inline!important;visibility:visible!important;line-height:26px!important;white-space:nowrap!important}
/* RESTORE_PERIODIC_SYSTEM_MESSAGES_20260822_END */

/* RESTORE_OLD_WELCOME_ROW_GEOMETRY_20260822 */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log{
  display:inline-flex!important;flex:0 0 auto!important;align-self:flex-start!important;vertical-align:top!important;
  width:max-content!important;max-width:calc(100% - 18px)!important;min-width:0!important;height:30px!important;min-height:30px!important;
  margin:1px 9px 1px auto!important;padding:2px 0!important;gap:5px!important;box-sizing:border-box!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  direction:rtl!important;text-align:right!important;justify-content:flex-start!important;overflow:visible!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body{width:max-content!important;max-width:calc(100vw - 70px)!important;white-space:nowrap!important;overflow:visible!important}
/* RESTORE_OLD_WELCOME_ROW_GEOMETRY_20260822_END */

/* WELCOME_CARD_MATCH_REFERENCE_20260822 */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log{
  display:flex!important;flex:0 0 auto!important;align-self:stretch!important;align-items:center!important;justify-content:flex-start!important;
  width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;min-width:0!important;height:48px!important;min-height:48px!important;
  margin:7px 9px!important;padding:9px 11px!important;gap:10px!important;box-sizing:border-box!important;
  direction:rtl!important;text-align:right!important;overflow:visible!important;visibility:visible!important;
  border:1px solid color-mix(in srgb,var(--pm-accent,#1976d2) 30%,transparent)!important;border-radius:14px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pm-accent,#1976d2) 11%,transparent),rgba(255,255,255,.32))!important;
  box-shadow:0 5px 15px rgba(38,66,108,.08),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon{
  display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:10px!important;visibility:visible!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body{
  display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;height:28px!important;margin:0!important;padding:0!important;line-height:28px!important;white-space:nowrap!important;overflow:hidden!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge{
  display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:21px!important;min-height:21px!important;padding:0 7px!important;margin:0!important;line-height:21px!important;white-space:nowrap!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text{
  display:inline-block!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:28px!important;white-space:nowrap!important;vertical-align:middle!important;
}
@media(max-width:600px){#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;margin:4px!important;padding:6px 8px!important;height:42px!important;min-height:42px!important;gap:7px!important}}
/* WELCOME_CARD_MATCH_REFERENCE_20260822_END */

/* LOWER_WELCOME_SECTION_ONLY_20260822: keep the first welcome card untouched. */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log{
  display:flex!important;flex:0 0 auto!important;align-self:stretch!important;align-items:center!important;justify-content:flex-start!important;
  width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;height:30px!important;min-height:30px!important;
  margin:1px 9px!important;padding:2px 9px!important;gap:7px!important;box-sizing:border-box!important;
  direction:rtl!important;text-align:right!important;overflow:hidden!important;visibility:visible!important;
  border:1px solid rgba(16,167,189,.24)!important;border-radius:9px!important;background:rgba(16,167,189,.055)!important;box-shadow:none!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_icon,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_icon{display:flex!important;flex:0 0 22px!important;width:22px!important;height:22px!important;border-radius:50%!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_body{display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;height:26px!important;line-height:26px!important;white-space:nowrap!important;overflow:hidden!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_badge{display:inline-flex!important;flex:0 0 auto!important;height:18px!important;min-height:18px!important;padding:0 5px!important;margin:0!important;line-height:18px!important;white-space:nowrap!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_text{display:inline-block!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:26px!important;white-space:nowrap!important}
/* LOWER_WELCOME_SECTION_ONLY_20260822_END */

/* MATCH_FIRST_WELCOME_CARD_SIZE_20260822 */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log{
  display:flex!important;flex:0 0 auto!important;align-self:stretch!important;align-items:center!important;justify-content:flex-start!important;
  width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;min-width:0!important;height:48px!important;min-height:48px!important;
  margin:7px 9px!important;padding:9px 11px!important;gap:10px!important;box-sizing:border-box!important;direction:rtl!important;text-align:right!important;overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--pm-accent,#1976d2) 30%,transparent)!important;border-radius:14px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pm-accent,#1976d2) 11%,transparent),rgba(255,255,255,.32))!important;
  box-shadow:0 5px 15px rgba(38,66,108,.08),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_icon,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_icon{display:flex!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:10px!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_body{display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;height:28px!important;line-height:28px!important;white-space:nowrap!important;overflow:hidden!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_badge{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:21px!important;min-height:21px!important;padding:0 7px!important;margin:0!important;line-height:21px!important;white-space:nowrap!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log ~ li.chat_log.admin_periodic_log .admin_periodic_text{display:inline-block!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:28px!important;white-space:nowrap!important;vertical-align:middle!important}
/* MATCH_FIRST_WELCOME_CARD_SIZE_20260822_END */

/* SHADOW_HEADER_MATCH_MESSAGE_CARDS_20260822 */
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log{
  display:flex!important;flex:0 0 auto!important;align-self:stretch!important;align-items:center!important;justify-content:flex-start!important;
  width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;min-width:0!important;height:48px!important;min-height:48px!important;
  margin:7px 9px!important;padding:9px 11px!important;gap:10px!important;box-sizing:border-box!important;
  direction:rtl!important;text-align:right!important;overflow:visible!important;visibility:visible!important;
  border:1px solid color-mix(in srgb,#644aa4 30%,transparent)!important;border-radius:14px!important;
  background:linear-gradient(135deg,rgba(102,76,170,.10),rgba(255,255,255,.32))!important;
  box-shadow:0 5px 15px rgba(38,66,108,.08),inset 0 1px 0 rgba(255,255,255,.5)!important;
}
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:10px!important;visibility:visible!important;position:relative!important}
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon_img,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon_img{display:block!important;width:26px!important;height:26px!important;object-fit:contain!important}
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body{display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;height:28px!important;margin:0!important;padding:0!important;line-height:28px!important;white-space:nowrap!important;overflow:hidden!important}
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;height:21px!important;min-height:21px!important;padding:0 7px!important;margin:0!important;line-height:21px!important;white-space:nowrap!important}
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text{display:inline-block!important;flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:28px!important;white-space:nowrap!important;vertical-align:middle!important}
/* SHADOW_HEADER_MATCH_MESSAGE_CARDS_20260822_END */

/* NEWS_QUICK_EDIT_PIN_ACTIONS_20260822 */
.news_quick_actions{display:flex!important;align-items:center!important;gap:5px!important;margin-inline-start:auto!important;direction:ltr!important}
.news_quick_action{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:27px!important;height:27px!important;padding:0!important;border:1px solid rgba(38,50,71,.14)!important;border-radius:8px!important;background:rgba(255,255,255,.82)!important;color:#263247!important;cursor:pointer!important;line-height:1!important;font-size:12px!important;transition:all .16s ease!important}
.news_quick_action:hover{background:#263247!important;color:#fff!important;border-color:#263247!important;transform:translateY(-1px)!important}
.news_quick_pin.is_active{background:#263247!important;color:#f7c84b!important;border-color:#263247!important}
.news_quick_edit{color:#1976a8!important}
.news_quick_edit:hover{background:#1976a8!important;color:#fff!important;border-color:#1976a8!important}
.news_quick_actions + .post_edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-inline-start:4px!important}
/* NEWS_QUICK_EDIT_PIN_ACTIONS_20260822_END */

/* NEWS_FULL_EDITOR_BOX_20260822 */
.news_edit_form_box{padding:4px 2px 10px!important;direction:rtl!important}
.news_edit_label{display:block!important;margin:0 0 7px!important;font-weight:700!important;font-size:13px!important;color:var(--text_color,#263247)!important}
.news_edit_textarea{min-height:120px!important;resize:vertical!important;line-height:1.8!important;margin-bottom:10px!important}
.news_edit_current_file{padding:8px!important;margin:0 0 10px!important;border:1px solid rgba(38,50,71,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.55)!important}
.news_edit_current_file>span{display:block!important;font-size:11px!important;margin-bottom:5px!important;opacity:.7!important}
.news_edit_current_file img,.news_edit_current_file video{display:block!important;max-width:100%!important;max-height:180px!important;border-radius:8px!important;margin:auto!important}
.news_edit_upload_row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:8px 0!important}
.news_edit_upload{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;border-radius:9px!important;background:#eef7fb!important;color:#087b9a!important;border:1px solid rgba(8,123,154,.2)!important;cursor:pointer!important;font-size:12px!important}
.news_edit_upload input{display:none!important}
.news_edit_remove{display:block!important;font-size:12px!important;margin:8px 0!important;color:#8a4451!important}
.news_edit_save{display:block!important;width:100%!important;margin-top:12px!important;border:0!important}
#edit_news_file_data{width:100%!important;padding:5px!important}
#edit_news_file_data img,#edit_news_file_data video{max-width:120px!important;max-height:80px!important;border-radius:7px!important}
/* NEWS_FULL_EDITOR_BOX_20260822_END */

/* NEWS_DIRECT_PIN_ICON_FIX_20260822 */
.news_quick_action.news_quick_pin{background:transparent!important;border:0!important;box-shadow:none!important;color:#263247!important;width:27px!important;height:27px!important;font-size:14px!important}
.news_quick_action.news_quick_pin:hover{background:transparent!important;color:#087b9a!important;border-color:transparent!important;transform:none!important}
.news_quick_action.news_quick_pin.is_active{background:transparent!important;color:#d39a00!important;border:0!important;box-shadow:none!important}
.news_quick_action.news_quick_pin.is_active:hover{background:transparent!important;color:#b27d00!important}
/* NEWS_DIRECT_PIN_ICON_FIX_20260822_END */
/* DARK_PUBLIC_SHADOW_CONTRAST_FIX_V1 — color/contrast only; no geometry or logic changes */

/* Public periodic announcements: readable dark surface and bright semantic accent. */
body.dark_mode .chat_log.admin_periodic_log,
body.dark .chat_log.admin_periodic_log,
body.night .chat_log.admin_periodic_log,
.chat_dark_mode .chat_log.admin_periodic_log,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log {
    color: #f4fbff !important;
    border-color: color-mix(in srgb, var(--pm-accent, #49d4ea) 68%, #ffffff 10%) !important;
    background: linear-gradient(135deg, rgba(18, 52, 68, .98), rgba(17, 25, 42, .98)) !important;
    box-shadow: 0 7px 22px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.dark_mode .chat_log.admin_periodic_log .admin_periodic_icon,
body.dark .chat_log.admin_periodic_log .admin_periodic_icon,
body.night .chat_log.admin_periodic_log .admin_periodic_icon,
.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_icon,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log .admin_periodic_icon {
    background: radial-gradient(circle at 30% 25%, rgba(121, 239, 255, .72), rgba(24, 151, 184, .72) 48%, rgba(26, 58, 101, .92)) !important;
    border: 1px solid rgba(151, 239, 255, .72) !important;
    color: #f5fdff !important;
    box-shadow: 0 0 0 3px rgba(66, 207, 235, .16), 0 5px 14px rgba(0, 0, 0, .32), inset 0 1px 2px rgba(255, 255, 255, .44) !important;
}

body.dark_mode .chat_log.admin_periodic_log .admin_periodic_icon > span,
body.dark .chat_log.admin_periodic_log .admin_periodic_icon > span,
body.night .chat_log.admin_periodic_log .admin_periodic_icon > span,
.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_icon > span,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log .admin_periodic_icon > span {
    border-color: #9cefff !important;
    opacity: .72 !important;
}

body.dark_mode .chat_log.admin_periodic_log .admin_periodic_body,
body.dark .chat_log.admin_periodic_log .admin_periodic_body,
body.night .chat_log.admin_periodic_log .admin_periodic_body,
.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_body,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log .admin_periodic_body {
    color: #edf8ff !important;
}

body.dark_mode .chat_log.admin_periodic_log .admin_periodic_badge,
body.dark .chat_log.admin_periodic_log .admin_periodic_badge,
body.night .chat_log.admin_periodic_log .admin_periodic_badge,
.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_badge,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log .admin_periodic_badge {
    color: #baf5ff !important;
    text-shadow: 0 1px 8px rgba(44, 204, 235, .26) !important;
}

body.dark_mode .chat_log.admin_periodic_log .admin_periodic_text,
body.dark .chat_log.admin_periodic_log .admin_periodic_text,
body.night .chat_log.admin_periodic_log .admin_periodic_text,
.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_text,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log .admin_periodic_text {
    color: #f2f8ff !important;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .28) !important;
}

body.dark_mode .chat_log.admin_periodic_log .admin_periodic_text a,
body.dark .chat_log.admin_periodic_log .admin_periodic_text a,
body.night .chat_log.admin_periodic_log .admin_periodic_text a,
.chat_dark_mode .chat_log.admin_periodic_log .admin_periodic_text a,
body:has(#actual_theme[href*="/Dark/"]) .chat_log.admin_periodic_log .admin_periodic_text a {
    color: #8cecff !important;
}

/* Shadow system message: independent dark identity, brighter than the public card. */
body.dark_mode #show_chat > #chat_logs_container > li.shadow_system_log,
body.dark #show_chat > #chat_logs_container > li.shadow_system_log,
body.night #show_chat > #chat_logs_container > li.shadow_system_log,
.chat_dark_mode #show_chat > #chat_logs_container > li.shadow_system_log,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.shadow_system_log,
body.dark_mode #chat_logs_container > li.shadow_system_log,
body.dark #chat_logs_container > li.shadow_system_log,
body.night #chat_logs_container > li.shadow_system_log,
.chat_dark_mode #chat_logs_container > li.shadow_system_log {
    color: #f2f9ff !important;
    border-color: rgba(92, 211, 244, .52) !important;
    background: linear-gradient(135deg, rgba(18, 47, 65, .98), rgba(28, 28, 66, .98)) !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

body:has(#actual_theme[href*="/Dark/"]) #chat_logs_container > li.shadow_system_log {
    color: #f2f9ff !important;
}

body.dark_mode .shadow_system_icon,
body.dark .shadow_system_icon,
body.night .shadow_system_icon,
.chat_dark_mode .shadow_system_icon,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_icon {
    border-color: rgba(145, 239, 255, .78) !important;
    background: radial-gradient(circle at 30% 25%, #a4f3ff 0, #2f9fd1 42%, #26306f 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(61, 207, 243, .18), 0 5px 14px rgba(0, 0, 0, .34), inset 0 1px 2px rgba(255, 255, 255, .56) !important;
}

body.dark_mode .shadow_system_icon::after,
body.dark .shadow_system_icon::after,
body.night .shadow_system_icon::after,
.chat_dark_mode .shadow_system_icon::after,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_icon::after {
    border-color: rgba(132, 239, 255, .72) !important;
}

body.dark_mode .shadow_system_body,
body.dark .shadow_system_body,
body.night .shadow_system_body,
.chat_dark_mode .shadow_system_body,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_body {
    color: #edf8ff !important;
}

body.dark_mode .shadow_system_badge,
body.dark .shadow_system_badge,
body.night .shadow_system_badge,
.chat_dark_mode .shadow_system_badge,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_badge {
    border-color: rgba(124, 226, 249, .58) !important;
    background: linear-gradient(135deg, rgba(35, 167, 211, .42), rgba(105, 91, 220, .36)) !important;
    color: #d1f7ff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .30) !important;
}

body.dark_mode .shadow_system_badge i,
body.dark .shadow_system_badge i,
body.night .shadow_system_badge i,
.chat_dark_mode .shadow_system_badge i,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_badge i {
    color: #ffe58b !important;
}

body.dark_mode .shadow_system_text,
body.dark .shadow_system_text,
body.night .shadow_system_text,
.chat_dark_mode .shadow_system_text,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_text {
    color: #f2f8ff !important;
    text-shadow: 0 1px 7px rgba(0, 0, 0, .30) !important;
}

body.dark_mode .shadow_system_text .bclick,
body.dark_mode .shadow_system_text .sysname,
body.dark .shadow_system_text .bclick,
body.dark .shadow_system_text .sysname,
body.night .shadow_system_text .bclick,
body.night .shadow_system_text .sysname,
.chat_dark_mode .shadow_system_text .bclick,
.chat_dark_mode .shadow_system_text .sysname,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_text .bclick,
body:has(#actual_theme[href*="/Dark/"]) .shadow_system_text .sysname {
    color: #8cecff !important;
}
/* DARK_PUBLIC_SHADOW_CONTRAST_FIX_V2_20260822
   High-specificity dark-only refinement for the periodic public card and Shadow card.
   No geometry, JS, moderation, reaction, interval, or mute selectors are changed. */

/* Periodic public announcement: deep premium rose/navy surface with explicit descendant colors. */
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log {
  color: #fff7f8 !important;
  border-color: rgba(255, 143, 158, .78) !important;
  border-right-color: #ff7e91 !important;
  background: linear-gradient(120deg, #3b2432 0%, #241f31 52%, #18263e 100%) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon {
  background: radial-gradient(circle at 30% 25%, #ffb7c1 0%, #e2556c 42%, #69314f 100%) !important;
  border: 1px solid rgba(255, 206, 214, .82) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255, 116, 139, .18), 0 5px 14px rgba(0, 0, 0, .38), inset 0 1px 2px rgba(255, 255, 255, .5) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon > span,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon > span {
  border-color: #ffd0d8 !important;
  opacity: .92 !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text {
  color: #fff7f8 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge {
  background: linear-gradient(135deg, rgba(255, 113, 134, .34), rgba(127, 67, 117, .36)) !important;
  border-color: rgba(255, 168, 180, .72) !important;
  color: #ffdbe1 !important;
  text-shadow: 0 1px 9px rgba(255, 105, 130, .34) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge i,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge b,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge i,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge b {
  color: #ffe9ed !important;
  -webkit-text-fill-color: currentColor !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text > span,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text b,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text a,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text > span,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text b,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text a {
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text > span,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text > span {
  color: #fff7f8 !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text b,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text b {
  color: #ffffff !important;
  text-shadow: 0 1px 8px rgba(255, 185, 195, .25) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text a,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text a {
  color: #9ceeff !important;
  text-decoration-color: rgba(156, 238, 255, .86) !important;
}

/* Shadow: separate midnight-indigo identity with explicit descendant colors. */
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log {
  color: #f8fbff !important;
  border-color: rgba(113, 222, 255, .78) !important;
  background: linear-gradient(120deg, #172f4d 0%, #22254f 58%, #30254c 100%) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon {
  border-color: rgba(171, 244, 255, .9) !important;
  background: radial-gradient(circle at 30% 25%, #b5f7ff 0%, #329fd6 43%, #333378 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(77, 219, 255, .2), 0 5px 14px rgba(0, 0, 0, .4), inset 0 1px 2px rgba(255, 255, 255, .58) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon_img,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon_img {
  filter: brightness(1.45) drop-shadow(0 1px 2px rgba(0, 0, 0, .4)) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text {
  color: #f8fbff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge {
  background: linear-gradient(135deg, rgba(48, 190, 232, .48), rgba(112, 91, 224, .46)) !important;
  border-color: rgba(152, 236, 255, .76) !important;
  color: #d9f8ff !important;
  text-shadow: 0 1px 9px rgba(61, 217, 255, .35) !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge i,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge span,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge i,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge span {
  color: #fff0a6 !important;
  -webkit-text-fill-color: currentColor !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text > span,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .bclick,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .sysname,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text > span,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .bclick,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .sysname {
  opacity: 1 !important;
  -webkit-text-fill-color: currentColor !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text > span,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text > span {
  color: #f8fbff !important;
}
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .bclick,
body.chat_dark_mode #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .sysname,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .bclick,
body:has(#actual_theme[href*="/Dark/"]) #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text .sysname {
  color: #a8edff !important;
  text-shadow: 0 1px 8px rgba(121, 229, 255, .28) !important;
}

/* Nogoom-only pink accent overrides. Core Arabz colors and rank/name colors remain unchanged. */
body.nogoom-theme #chat_right .user_count {
    background: linear-gradient(135deg, #cf0f58 0%, #a90b49 100%) !important;
    box-shadow: 0 8px 22px rgba(207, 15, 88, .28), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -2px 6px rgba(0,0,0,.18) !important;
}
body.nogoom-theme .pr_tick_read {
    color: #cf0f58 !important;
}
body.nogoom-theme #submit_button {
    border-color: rgba(207, 15, 88, .35) !important;
    color: #cf0f58 !important;
    box-shadow: 0 0 12px rgba(207, 15, 88, .20), inset 0 0 8px rgba(255,255,255,.05) !important;
}
body.nogoom-theme #submit_button i,
body.nogoom-theme #submit_button svg {
    color: #cf0f58 !important;
    fill: #cf0f58 !important;
}
body.nogoom-theme #submit_button:hover {
    color: #e12b70 !important;
    border-color: rgba(207, 15, 88, .55) !important;
    box-shadow: 0 0 16px rgba(207, 15, 88, .32) !important;
}
body.nogoom-theme.dark_mode #emo_item {
    background: linear-gradient(135deg, #cf0f58, #a90b49) !important;
    box-shadow: 0 0 12px rgba(207, 15, 88, .35) !important;
}
body.nogoom-theme.dark_mode #emo_item i {
    color: #fff !important;
}

/* Nogoom-only message row separation for Lite and Dark modes. */
body.nogoom-theme #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(odd) {
    background-color: rgba(207, 15, 88, .045) !important;
    border-bottom: 1px solid rgba(207, 15, 88, .10) !important;
}
body.nogoom-theme #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(even) {
    background-color: rgba(24, 36, 58, .025) !important;
    border-bottom: 1px solid rgba(24, 36, 58, .055) !important;
}
body.nogoom-theme.chat_dark_mode #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(odd),
body.nogoom-theme:has(#actual_theme[href*="Dark.css"]) #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(odd) {
    background-color: rgba(207, 15, 88, .13) !important;
    border-bottom: 1px solid rgba(207, 15, 88, .22) !important;
}
body.nogoom-theme.chat_dark_mode #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(even),
body.nogoom-theme:has(#actual_theme[href*="Dark.css"]) #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(even) {
    background-color: rgba(255, 255, 255, .035) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
}
body.nogoom-theme #chat_logs_container > li.chat_log:not(.shadow_system_log) {
    transition: background-color .2s ease, border-color .2s ease;
}

/* Arabz-only message row separation; Nogoom has its own pink rules above. */
body:not(.nogoom-theme) #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(odd) {
    background-color: rgba(47, 110, 242, .035) !important;
    border-bottom: 1px solid rgba(47, 110, 242, .085) !important;
}
body:not(.nogoom-theme) #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(even) {
    background-color: rgba(24, 36, 58, .018) !important;
    border-bottom: 1px solid rgba(24, 36, 58, .045) !important;
}
body:not(.nogoom-theme).chat_dark_mode #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(odd),
body:not(.nogoom-theme):has(#actual_theme[href*="Dark.css"]) #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(odd) {
    background-color: rgba(47, 110, 242, .105) !important;
    border-bottom: 1px solid rgba(47, 110, 242, .18) !important;
}
body:not(.nogoom-theme).chat_dark_mode #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(even),
body:not(.nogoom-theme):has(#actual_theme[href*="Dark.css"]) #chat_logs_container > li.chat_log:not(.shadow_system_log):nth-child(even) {
    background-color: rgba(255, 255, 255, .028) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
}
body:not(.nogoom-theme) #chat_logs_container > li.chat_log:not(.shadow_system_log) {
    transition: background-color .2s ease, border-color .2s ease;
}

/* Subtle vertical spacing between message rows on both domains. */
body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) .chat_message_wrapper {
    min-height: 31px !important;
}
@media (max-width: 600px) {
    body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }
}

/* Move and space the complete message row as one unit. */
body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) {
    position: relative !important;
    top: 2px !important;
    min-height: 44px !important;
    height: auto !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) > .chat_message_container,
body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) > .chat_message_container > .chat_message_wrapper {
    min-height: 40px !important;
    height: auto !important;
    align-items: center !important;
}
@media (max-width: 600px) {
    body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) {
        top: 2px !important;
        min-height: 42px !important;
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) > .chat_message_container,
    body #chat_logs_container > li.chat_log:not(.shadow_system_log):not(.admin_periodic_log) > .chat_message_container > .chat_message_wrapper {
        min-height: 38px !important;
    }
}

/* SYSTEM_LINES_WRAP_FIX_20260823_V1_START
   Geometry-only repair for join, public periodic, Shadow, mute and kick rows.
   Keeps the mic bar, ordinary messages, actions and rendering logic untouched. */

/* Join / login row: allow the complete welcome sentence and username to wrap. */
#show_chat > #chat_logs_container > li.chat_log.sys_log_join,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_join,
#chat_logs_container > li.chat_log.sys_log_join,
body #chat_logs_container > li.chat_log.sys_log_join {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    min-width: 0 !important;
    min-height: 38px !important;
    height: auto !important;
    max-height: none !important;
    margin: 5px !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
    align-items: flex-start !important;
    overflow: visible !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log_join .chat_system,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_join .chat_system,
#chat_logs_container > li.chat_log.sys_log_join .chat_system,
body #chat_logs_container > li.chat_log.sys_log_join .chat_system {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log_join .sysname,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_join .sysname,
#chat_logs_container > li.chat_log.sys_log_join .sysname,
body #chat_logs_container > li.chat_log.sys_log_join .sysname {
    display: inline !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: inherit !important;
}

/* Public periodic / general message row. */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
#chat_logs_container > li.chat_log.admin_periodic_log,
body #chat_logs_container > li.chat_log.admin_periodic_log,
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
#chat_logs_container > li.chat_log.shadow_system_log,
body #chat_logs_container > li.chat_log.shadow_system_log {
    align-items: flex-start !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
body #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
body #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
body #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_text,
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text,
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text,
body #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_text {
    display: inline !important;
    flex: initial !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    line-height: inherit !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-overflow: clip !important;
    vertical-align: baseline !important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
#chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
body #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_badge,
#show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
#chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge,
body #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_badge {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Mute / kick rows: let the action label and the full sentence occupy multiple lines. */
#show_chat > #chat_logs_container > li.chat_log.sys_log_mute,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_mute,
#chat_logs_container > li.chat_log.sys_log_mute,
body #chat_logs_container > li.chat_log.sys_log_mute,
#show_chat > #chat_logs_container > li.chat_log.sys_log_kick,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_kick,
#chat_logs_container > li.chat_log.sys_log_kick,
body #chat_logs_container > li.chat_log.sys_log_kick {
    align-items: flex-start !important;
    height: auto !important;
    min-height: 40px !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log_mute > .chat_system,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_mute > .chat_system,
#chat_logs_container > li.chat_log.sys_log_mute > .chat_system,
body #chat_logs_container > li.chat_log.sys_log_mute > .chat_system,
#show_chat > #chat_logs_container > li.chat_log.sys_log_kick > .chat_system,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_kick > .chat_system,
#chat_logs_container > li.chat_log.sys_log_kick > .chat_system,
body #chat_logs_container > li.chat_log.sys_log_kick > .chat_system {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log_mute .sysname,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_mute .sysname,
#chat_logs_container > li.chat_log.sys_log_mute .sysname,
body #chat_logs_container > li.chat_log.sys_log_mute .sysname,
#show_chat > #chat_logs_container > li.chat_log.sys_log_kick .sysname,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_kick .sysname,
#chat_logs_container > li.chat_log.sys_log_kick .sysname,
body #chat_logs_container > li.chat_log.sys_log_kick .sysname {
    display: inline !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: inherit !important;
}
#show_chat > #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
#chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
body #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
#show_chat > #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge,
body #show_chat > #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge,
#chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge,
body #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge {
    height: auto !important;
    min-height: 22px !important;
    max-width: 100% !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

@media (max-width: 600px) {
    #show_chat > #chat_logs_container > li.chat_log.sys_log_join,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log_join,
    #chat_logs_container > li.chat_log.sys_log_join,
    body #chat_logs_container > li.chat_log.sys_log_join {
        width: calc(100% - 8px) !important;
        max-width: calc(100% - 8px) !important;
        min-height: 36px !important;
        margin: 4px !important;
        padding: 6px 7px !important;
    }
    #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
    body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log,
    #chat_logs_container > li.chat_log.admin_periodic_log,
    body #chat_logs_container > li.chat_log.admin_periodic_log,
    #show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
    body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log,
    #chat_logs_container > li.chat_log.shadow_system_log,
    body #chat_logs_container > li.chat_log.shadow_system_log {
        width: calc(100% - 8px) !important;
        max-width: calc(100% - 8px) !important;
        min-height: 42px !important;
        margin: 4px !important;
        padding: 7px 8px !important;
        gap: 8px !important;
    }
    #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
    body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
    #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
    body #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_icon,
    #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon,
    body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon,
    #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon,
    body #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_icon {
        flex-basis: 28px !important;
        width: 28px !important;
        height: 28px !important;
        border-radius: 9px !important;
    }
    #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
    body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
    #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
    body #chat_logs_container > li.chat_log.admin_periodic_log .admin_periodic_body,
    #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
    body #show_chat > #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
    #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body,
    body #chat_logs_container > li.chat_log.shadow_system_log .shadow_system_body {
        line-height: 1.65 !important;
    }
    #show_chat > #chat_logs_container > li.chat_log.sys_log_mute,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log_mute,
    #chat_logs_container > li.chat_log.sys_log_mute,
    body #chat_logs_container > li.chat_log.sys_log_mute,
    #show_chat > #chat_logs_container > li.chat_log.sys_log_kick,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log_kick,
    #chat_logs_container > li.chat_log.sys_log_kick,
    body #chat_logs_container > li.chat_log.sys_log_kick {
        width: calc(100% - 10px) !important;
        max-width: calc(100% - 10px) !important;
        min-height: 38px !important;
        margin: 5px !important;
        padding: 6px 8px !important;
    }
    #show_chat > #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
    #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
    body #chat_logs_container > li.chat_log.sys_log_mute .sys_action_badge,
    #show_chat > #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge,
    body #show_chat > #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge,
    #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge,
    body #chat_logs_container > li.chat_log.sys_log_kick .sys_action_badge {
        min-height: 21px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        line-height: 1.3 !important;
    }
}
/* SYSTEM_LINES_WRAP_FIX_20260823_V1_END */

/* PUBLIC_QUICK_ACTIONS_20260824: isolated organized actions inside periodic messages only. */
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions,
#chat_logs_container > li.chat_log.admin_periodic_quick_actions,
body #chat_logs_container > li.chat_log.admin_periodic_quick_actions{
  height:auto!important;min-height:0!important;align-items:flex-start!important;overflow:visible!important;padding:10px 11px!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_body,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_body,
#chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_body,
body #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_body{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;height:auto!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;
}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_badge,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_badge,
#chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_badge,
body #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_badge{align-self:flex-start!important}
#show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_text,
body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_text,
#chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_text,
body #chat_logs_container > li.chat_log.admin_periodic_quick_actions .admin_periodic_text{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;line-height:1.5!important;
}
.public_quick_actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:620px;margin:7px 0 1px;box-sizing:border-box;direction:rtl}
.public_quick_section{min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--pm-accent,#2f65d6) 20%,transparent);border-radius:11px;background:color-mix(in srgb,var(--pm-accent,#2f65d6) 5%,transparent);box-sizing:border-box}
.public_quick_section h4{display:flex;align-items:center;gap:5px;margin:0 0 6px;color:var(--pm-accent,#2f65d6);font-size:11px;font-weight:800;line-height:1.4}
.public_quick_section h4 i{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--pm-accent,#2f65d6) 14%,transparent);font-size:9px}
.public_quick_section .public_action_link{display:flex!important;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-height:30px;padding:5px 7px!important;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--pm-accent,#2f65d6) 18%,transparent);border-radius:8px;background:color-mix(in srgb,var(--pm-accent,#2f65d6) 8%,transparent);color:var(--pm-accent,#2f65d6)!important;text-decoration:none!important;font-size:11px;line-height:1.35;white-space:normal;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.public_quick_section .public_action_link i{flex:0 0 16px;text-align:center;font-size:11px}
.public_quick_section .public_action_link:hover{background:color-mix(in srgb,var(--pm-accent,#2f65d6) 18%,transparent);border-color:color-mix(in srgb,var(--pm-accent,#2f65d6) 38%,transparent);transform:translateY(-1px)}
.public_quick_section .public_action_link:focus-visible{outline:2px solid var(--pm-accent,#2f65d6);outline-offset:2px}
body.dark .public_quick_section,body.night .public_quick_section,body.dark_mode .public_quick_section,body.chat_dark_mode .public_quick_section{background:rgba(255,255,255,.055);border-color:color-mix(in srgb,var(--pm-accent,#6ea3ff) 34%,transparent)}
body.dark .public_quick_section h4,body.night .public_quick_section h4,body.dark_mode .public_quick_section h4,body.chat_dark_mode .public_quick_section h4{color:#b9d4ff}
body.dark .public_quick_section .public_action_link,body.night .public_quick_section .public_action_link,body.dark_mode .public_quick_section .public_action_link,body.chat_dark_mode .public_quick_section .public_action_link{background:rgba(255,255,255,.075);border-color:rgba(185,212,255,.22);color:#d9e7ff!important}
body.dark .public_quick_section .public_action_link:hover,body.night .public_quick_section .public_action_link:hover,body.dark_mode .public_quick_section .public_action_link:hover,body.chat_dark_mode .public_quick_section .public_action_link:hover{background:rgba(185,212,255,.16)}
@media(max-width:520px){
  #show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions,body #show_chat > #chat_logs_container > li.chat_log.admin_periodic_quick_actions{padding:8px!important}
  .public_quick_actions{grid-template-columns:1fr;gap:6px;margin-top:5px}
  .public_quick_section{padding:7px}
  .public_quick_section .public_action_link{min-height:32px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.public_quick_section .public_action_link{transition:none}}
/* PUBLIC_QUICK_ACTIONS_20260824_END */

/* PUBLIC_QUICK_ACTIONS_BUTTON_FIX_20260824_START */
.public_quick_section .public_action_link{appearance:none;-webkit-appearance:none;font-family:inherit;cursor:pointer;text-align:right}
/* PUBLIC_QUICK_ACTIONS_BUTTON_FIX_20260824_END */

/* LEFT_CHAT_MENU_UNIFIED_20260824 */
/* Match the native chat menus: flat rows, separators, RTL alignment, and shared icon treatment. */
#chat_left_menu {
    --lm-accent: var(--menu_icon_color, #13a9c5);
    --lm-row-border: rgba(70, 86, 102, .14);
    --lm-row-hover: rgba(19, 169, 197, .08);
    --lm-row-active: rgba(19, 169, 197, .13);
    --lm-text: #4b4b4b;
    width: min(300px, calc(100vw - 10px));
    box-sizing: border-box;
    overflow: hidden;
    color: var(--lm-text);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .14);
    isolation: isolate;
}

#chat_left_menu #mmenul_top {
    box-sizing: border-box;
    min-height: 46px;
    padding: 5px 10px;
    background: transparent;
    border-bottom: 1px solid var(--lm-row-border);
}

#chat_left_menu #mmenul_top .btable {
    width: 100%;
    min-height: 36px;
    direction: rtl;
}

#chat_left_menu #mmenul_top .glob_ricon {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 50%;
    border: 0;
    box-shadow: none;
}

#chat_left_menu #mmenul_top .mroom_text {
    margin-bottom: 1px;
    color: #8a8a8a;
    font-size: 10px;
    font-weight: 400;
}

#chat_left_menu #mmenul_top .mroom_name {
    color: var(--lm-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

#chat_left_menu #left_menu_content {
    box-sizing: border-box;
    max-height: min(70vh, 560px);
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    direction: rtl;
    scrollbar-width: thin;
    scrollbar-color: rgba(112, 130, 145, .46) transparent;
    background: transparent;
}

#chat_left_menu #left_menu_content > #left_main_content {
    display: block;
    width: 100%;
    direction: rtl;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item {
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    height: 46px;
    margin: 0;
    padding: 10px;
    color: var(--lm-text);
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--lm-row-border);
    border-radius: 0;
    text-align: initial;
    text-shadow: none;
    cursor: pointer;
    transform: none;
    transition: background-color .16s ease, color .16s ease;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item:last-child {
    border-bottom: 0;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item:hover,
#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item:focus-visible {
    color: var(--lm-text);
    background: var(--lm-row-hover);
    outline: none;
    transform: none;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item:active {
    background: var(--lm-row-active);
    transform: none;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item.active,
#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item.selected,
#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item[aria-current="page"] {
    color: var(--lm-text);
    background: var(--lm-row-active);
    box-shadow: inset -3px 0 0 var(--lm-accent);
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_icon {
    box-sizing: border-box;
    display: table-cell;
    width: 30px;
    min-width: 30px;
    height: 24px;
    padding: 0;
    color: var(--menu-icon-color, var(--lm-accent));
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_icon > i {
    display: inline-block;
    color: inherit;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_icon > img {
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_text {
    display: table-cell;
    width: auto;
    min-width: 0;
    overflow: hidden;
    padding: 0 5px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: rtl;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_notify {
    display: table-cell;
    width: 12px;
    min-width: 12px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_notify .fnotify {
    display: inline-block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    border: 2px solid transparent;
    border-radius: 50%;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_arrow {
    display: table-cell;
    width: 20px;
    min-width: 20px;
    height: 24px;
    color: var(--lm-text);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_arrow i {
    display: inline-block;
    line-height: 1;
}

#chat_left_menu #left_menu_content > #left_main_content > #room_menu,
#chat_left_menu #left_menu_content > #left_main_content > #wall_menu,
#chat_left_menu #left_menu_content > #left_main_content > #news_menu,
#chat_left_menu #left_menu_content > #left_main_content > #personal_style_menu,
#chat_left_menu #left_menu_content > #left_main_content > #events_menu_item,
#chat_left_menu #left_menu_content > #left_main_content > .nogoom_clan_menu_entry,
#chat_left_menu #left_menu_content > #left_main_content > #game_menu_btn,
#chat_left_menu #left_menu_content > #left_main_content > #app_menu_btn,
#chat_left_menu #left_menu_content > #left_main_content > #leaderboard_menu_btn {
    --lm-accent: var(--menu-icon-color, #13a9c5);
}

#chat_left_menu #left_menu_content > #left_main_content > #room_menu { --menu-icon-color: #2296d2; }
#chat_left_menu #left_menu_content > #left_main_content > #wall_menu { --menu-icon-color: #13a9c5; }
#chat_left_menu #left_menu_content > #left_main_content > #news_menu { --menu-icon-color: #8b70d8; }
#chat_left_menu #left_menu_content > #left_main_content > #personal_style_menu { --menu-icon-color: #0aa6a6; }
#chat_left_menu #left_menu_content > #left_main_content > #events_menu_item { --menu-icon-color: #15a59b; }
#chat_left_menu #left_menu_content > #left_main_content > .nogoom_clan_menu_entry { --menu-icon-color: #d26b97; }
#chat_left_menu #left_menu_content > #left_main_content > #game_menu_btn { --menu-icon-color: #dc8b25; }
#chat_left_menu #left_menu_content > #left_main_content > #app_menu_btn { --menu-icon-color: #2588d6; }
#chat_left_menu #left_menu_content > #left_main_content > #leaderboard_menu_btn { --menu-icon-color: #c48a22; }

/* Keep the game icon recognizable while matching the native menu scale. */
#chat_left_menu #left_menu_content > #left_main_content > .game_fmenu_game .game_nav_icon {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    border-radius: 6px;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
}

#chat_left_menu #left_menu_content > #left_main_content > .game_fmenu_game .game_nav_icon i {
    color: #fff;
    font-size: 13px;
    line-height: 1;
}

#chat_left_menu #left_menu_content::-webkit-scrollbar {
    width: 5px;
}

#chat_left_menu #left_menu_content::-webkit-scrollbar-track {
    background: transparent;
}

#chat_left_menu #left_menu_content::-webkit-scrollbar-thumb {
    background: rgba(112, 130, 145, .4);
    border-radius: 99px;
}

/* Dark mode follows the native dark chat menus: flat charcoal surface and subtle dividers. */
.chat_dark_mode #chat_left_menu,
body.dark #chat_left_menu,
body.night #chat_left_menu,
body.dark_mode #chat_left_menu,
body:has(#actual_theme[href*="/Dark/"]) #chat_left_menu,
body:has(#actual_theme[href*="/dark/"]) #chat_left_menu {
    --lm-row-border: rgba(205, 220, 232, .12);
    --lm-row-hover: rgba(66, 184, 207, .12);
    --lm-row-active: rgba(66, 184, 207, .17);
    --lm-text: #e3e7ea;
    background: #17191b;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .38);
}

.chat_dark_mode #chat_left_menu #mmenul_top .mroom_text,
body.dark #chat_left_menu #mmenul_top .mroom_text,
body.night #chat_left_menu #mmenul_top .mroom_text,
body.dark_mode #chat_left_menu #mmenul_top .mroom_text,
body:has(#actual_theme[href*="/Dark/"]) #chat_left_menu #mmenul_top .mroom_text,
body:has(#actual_theme[href*="/dark/"]) #chat_left_menu #mmenul_top .mroom_text {
    color: #9ba7ae;
}

@media (max-width: 600px) {
    #chat_left_menu {
        width: min(300px, calc(100vw - 8px));
        border-radius: 8px;
    }

    #chat_left_menu #mmenul_top {
        min-height: 42px;
        padding: 4px 9px;
    }

    #chat_left_menu #mmenul_top .btable {
        min-height: 34px;
    }

    #chat_left_menu #mmenul_top .glob_ricon {
        width: 30px;
        height: 30px;
    }

    #chat_left_menu #mmenul_top .mroom_name {
        font-size: 13px;
    }

    #chat_left_menu #left_menu_content > #left_main_content > .fmenu_item {
        min-height: 44px;
        height: 44px;
        padding: 9px;
    }

    #chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_icon {
        width: 29px;
        min-width: 29px;
    }

    #chat_left_menu #left_menu_content > #left_main_content > .fmenu_item > .fmenu_text {
        font-size: 13.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #chat_left_menu #left_menu_content > #left_main_content > .fmenu_item {
        transition: none;
    }
}
/* END LEFT_CHAT_MENU_UNIFIED_20260824 */

/* MEMBER_INLINE_SEARCH_STYLE_20260824_FIX19 */
#chat_right {
  position: relative;
}
#chat_right > #member_inline_search {
  display: none !important;
  box-sizing: border-box;
  position: absolute;
  top: 42px;
  left: 5px;
  right: 5px;
  z-index: 40;
  align-items: center;
  width: auto;
  min-height: 36px;
  margin: 0;
  padding: 3px 5px;
  border: 1px solid rgba(13, 174, 202, .30);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(20, 55, 78, .14);
  direction: rtl;
  gap: 3px;
}
#chat_right > #member_inline_search.member_inline_search_open {
  display: flex !important;
}
#member_inline_search .member_inline_search_icon {
  display: inline-flex;
  flex: 0 0 27px;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 29px;
  color: #0daeca;
  font-size: 14px;
  line-height: 1;
}
#member_inline_search #member_inline_search_input {
  display: block;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: 0;
  width: 1px;
  height: 29px;
  margin: 0;
  padding: 0 5px;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #263451;
  font: inherit;
  font-size: 13px;
  line-height: 29px;
  text-align: right;
  direction: rtl;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#member_inline_search #member_inline_search_input::placeholder {
  color: #8995a2;
  opacity: 1;
}
#member_inline_search .member_inline_search_clear {
  display: inline-flex;
  flex: 0 0 27px;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 29px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #8c98a5;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
}
#member_inline_search .member_inline_search_clear:hover,
#member_inline_search .member_inline_search_clear:focus-visible {
  background: rgba(13, 174, 202, .10);
  color: #0daeca;
  outline: 0;
}
#container_user .online_user .user_item.member_search_hidden {
  display: none !important;
}
#container_user #member_inline_search_empty {
  display: none !important;
  box-sizing: border-box;
  width: 100%;
  padding: 9px 6px;
  color: #8a95a5;
  font-size: 12px;
  text-align: center;
}
#container_user #member_inline_search_empty[aria-hidden="false"] {
  display: block !important;
}
#right_panel_bar #search_option.member_search_active,
#right_panel_bar #search_option.member_search_active i {
  color: #0daeca;
}
body.chat_dark_mode #member_inline_search,
body.dark #member_inline_search,
body.night #member_inline_search,
body.dark_mode #member_inline_search,
body:has(#actual_theme[href*="/Dark/"]) #member_inline_search {
  border-color: rgba(80, 205, 224, .35);
  background: #202b3a;
  box-shadow: 0 3px 14px rgba(0, 0, 0, .30);
}
body.chat_dark_mode #member_inline_search #member_inline_search_input,
body.dark #member_inline_search #member_inline_search_input,
body.night #member_inline_search #member_inline_search_input,
body.dark_mode #member_inline_search #member_inline_search_input,
body:has(#actual_theme[href*="/Dark/"]) #member_inline_search #member_inline_search_input {
  color: #edf6fb;
}
body.chat_dark_mode #member_inline_search #member_inline_search_input::placeholder,
body.dark #member_inline_search #member_inline_search_input::placeholder,
body.night #member_inline_search #member_inline_search_input::placeholder,
body.dark_mode #member_inline_search #member_inline_search_input::placeholder,
body:has(#actual_theme[href*="/Dark/"]) #member_inline_search #member_inline_search_input::placeholder {
  color: #9aabba;
}
body.chat_dark_mode #member_inline_search .member_inline_search_clear,
body.dark #member_inline_search .member_inline_search_clear,
body.night #member_inline_search .member_inline_search_clear,
body.dark_mode #member_inline_search .member_inline_search_clear,
body:has(#actual_theme[href*="/Dark/"]) #member_inline_search .member_inline_search_clear {
  color: #a6b7c5;
}
/* Keep an opened private chat above the user-list and header-menu layers. */
#global_chat > #private_center.privelem:not(.privhide) {
  z-index: 2147483002 !important;
}
#global_chat > #private_center.pboxed.privelem:not(.privhide),
#global_chat > #private_center.pfull.privelem:not(.privhide),
#global_chat > #private_center.ppanel.privelem:not(.privhide) {
  position: fixed !important;
  z-index: 2147483002 !important;
}

@media (max-width: 600px) {
  #chat_right > #member_inline_search {
    top: 40px;
    left: 4px;
    right: 4px;
    min-height: 34px;
    border-radius: 9px;
  }
}
/* END MEMBER_INLINE_SEARCH_STYLE_20260824_FIX19 */