/* ===== CLEANED BASE FRONT STYLES - moved from index.html ===== */
.ae{padding:6px 8px 3px 2px;border:1px solid #000;border-radius:2px;margin:1px;float:left;}
.pmsgc{background-color:rgba(0,77,255,.08)!important;}
.hmsg{background-color:linen!important;}
.label-primary,.btn-primary,.bg-primary,.label-primary:hover,.btn-primary:hover,.btn-primary:focus{background-color:#438ac7;background-image:none;}
.bg{background-color:#2E9959;}
.bgg{background-color:lightslategray;}
.pophead{background-color:slategrey;}
.light{background-color:#fff;}
.hid{display:none;}
.dad{width:100%!important;max-width:none!important;margin:0!important;}
/* ===== END CLEANED BASE FRONT STYLES ===== */

 .fr{float:right;}
 .fl{float:left;}
 
  .msg{  background-color:#f0f0f5 ;border: 1px solid grey;margin-top:-1px;padding:2px;margin-right:3px;margin-left:3px;  }
  .nobreak
{		 display:inline;
         white-space: nowrap;
         word-wrap: nowrap;      /* IE 5+ */
         word-break: keep-all; 
}   
         .tbox{overflow:scroll; border: 1px solid lightgrey  ;padding:0px;max-height:26px;min-height:26px;height:26px;  font-weight:bold;overflow:hidden;resize:none;}
.emoii{width:22px; max-width:22px; height:22px; margin:0px; padding:5px;}
.hid{display:none;}
.noflow{overflow:hidden;}
div
{ 
  line-height: 20px;   
}

/* V230.11: one centered portrait/frame composite in the room and login lists. */
html body #users .uzr.member-frame-custom,
html body #tlogins .lonline .uzr.member-frame-custom{
  position:relative!important;
  min-height:82px!important;
  height:82px!important;
  padding-left:90px!important;
  overflow:hidden!important;
}
html body #users .uzr.member-frame-custom>.member-avatar-composite,
html body #tlogins .lonline .uzr.member-frame-custom>.member-avatar-composite{
  position:absolute!important;
  left:3px!important;
  right:auto!important;
  top:1px!important;
  width:80px!important;
  height:80px!important;
  display:block!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  z-index:6!important;
}
html body #users .member-avatar-composite>.frame-photo-window,
html body #tlogins .member-avatar-composite>.frame-photo-window{
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  width:64px!important;
  height:64px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  z-index:7!important;
}
html body #users .member-avatar-composite>.frame-photo-window>.u-pic,
html body #tlogins .member-avatar-composite>.frame-photo-window>.u-pic{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  z-index:7!important;
}
html body #users .member-avatar-composite>.member-avatar-frame-layer,
html body #tlogins .member-avatar-composite>.member-avatar-frame-layer{
  position:absolute!important;
  inset:0!important;
  width:80px!important;
  height:80px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  pointer-events:none!important;
  z-index:9!important;
}
.hand{cursor: hand;}
img
{
    vertical-align: middle; 
} 
         .break
         {
         overflow: auto;
         word-wrap: break-word;      /* IE 5+ */
         overflow-x:hidden;
		 overflow-wrap: break-word; 
         }
*
{  
  font-family:   Verdana, Geneva, Tahoma, sans-serif;font-weight:bold !important;text-shadow: none !important;font-size: 13.8px !important;
}
.u-ico
{
    padding-right:2px;margin-top:2px;max-height:16px;
}
html, body {
    height : 100%;
}
.ui-tabs-nav{padding:0px;}
.ui-tabs-panel{padding:0px;}
.darker{background-color: #33333a}
     .emoi{width:18px; max-width:18px; height:auto; max-height:18px; }
 .unread{background-color:#FFC89D!important;}
 div
{ 
  line-height: 20px;   
}
.b{border:1px solid grey;}.bb{border:2px solid grey;}
table, th, td {
    border: 0;
}

th, td {
    padding:  0px;
}
table {  
    border-spacing: 0;
    border-collapse: collapse;
}
 .ui-popup-container{margin:0px;padding:0px; }
 
 .animating{
	animation: animate 1s cubic-bezier(0,1,1,0);			
}
 
.mini{
font-size: 90%!important;
}
.corner{    border-radius: 5px;}
.minix{
font-size: 80%!important;
}
@keyframes animate{
	from {
	   transform: scale(1);
	}
	to {
	   transform: scale(1.5);
	}
}
.nosel,.u-ico,.u-pic,.tago{
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;    cursor: default;
}
.ui-dialog-contain {
	width: 92.5%;
	max-width: 500px;
	margin: 0% auto 15px auto;
	padding: 0;
	position: relative;
	top: 2px;
}
.center
{
    margin: 0 auto;
}
.dots
{
    display:inline-block;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;max-width: 100%;
}
.ui-tabs .ui-tabs-panel 
{
    padding:0px;
    margin:0px;
 
}

.ui-widget-overlay 
{
    background-color: black;
    background-image: none;
    opacity: 0.12;
    z-index: 1040;    
}
.ui-dialog .ui-dialog-content
{
 padding:0px;   
    
}
 .ui-tabs-anchor
{
    padding:0px;
}
.hgreen
{
    background-color: darkseagreen;
}
.hred
{
        background-color: indianred;
}
.borderg
{
    border: 1px solid lavender;
}
.border
{
    border: 1px solid black;
}
nopadding
{
    padding: 0px;margin: 0px;
}
.fitimg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ui-dialog .ui-dialog-titlebar
{  
    padding: 5px;
}
.bord
{
 border:1px solid dodgerblue !important;   
}
.uzr
{margin-left:2px!important;border-radius: 5px;}
html {
    height : 100vh;
    width : 100vw;
}
.ui-state-default .ui-tabs-anchor
{
    padding: 5px!important;
}
.mw
{width:380px;max-width:380px;min-width: 380px;}
.mww
{width:260px;max-width:260px;min-width: 260px;} 
    
    .pn2 {
      width: 99%;
      max-width: 320px;
      height: 80%;
      left: 5px;
      float: right;
      z-index: 2;
      margin: 0px;
      position: absolute;
    }
    
    .panel-heading {
      padding: 6px;
    }
    
    .fa {
      text-align: left;
    }
    
    .modal-header {
      padding: 5px;
    }
    
    .badge {
      padding: 0px 3px;
    }
    
    .bx {
      margin-top: -8px;
    }
    
    .panel-body {
      padding: 2px;
      height: auto;
    }
    
    button.btn { 
      padding: 5px 5px;
    }
    
    .tab-pane {
      padding: 0px;
    }
    
    .d2 {
      padding-bottom: 2px;
    }
    .popover-content{padding:1px;}

/* PROFILE REBUILD */

#upro .modal-dialog{width:340px;max-width:96vw;margin:8px auto;}
#upro .modal-content.upro-card{border-radius:0;overflow:hidden;border:1px solid #9aa8b4;background:#fff;}
#upro .upro-head{padding:9px 10px;cursor:pointer;background:#345C73!important;border-bottom:none;}
#upro .upro-body{padding:0;background:#fff;}
#upro .upro-banner{height:82px;background:#f8f8f8 radial-gradient(circle at 20px 20px,#ececec 10px,transparent 11px) 0 0/40px 40px;background-size:cover;background-repeat:no-repeat;background-position:center;}
#upro .upro-banner.has-cover{background-color:#f5f5f5;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;}
#upro .upro-topbox{position:relative;padding:0;min-height:auto;display:block;background:#fff;}
#upro .upro-avatar{width:100%;height:200px;border:0;border-radius:0;margin-top:0;background-color:#fff;box-shadow:none;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;border-bottom:1px solid #ececec;}
#upro .upro-maininfo{margin-right:0;margin-top:0;padding:8px 12px;min-height:auto;}
#upro .upro-name-line{font-size:20px;color:#20435a;line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;}
#upro .upro-status-row{color:#333;min-height:18px;margin-bottom:2px;text-align:right;}
#upro .upro-badges,#upro .upro-stars{display:none!important;}
#upro .upro-badges{height:26px;margin-bottom:3px;}
#upro .upro-badges .upro-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #ddd;border-radius:50%;background:#f3f3f3;color:#999;margin-left:4px;font-size:13px;}
#upro .upro-stars{color:#c7c7c7;font-size:16px;letter-spacing:2px;}
#upro .upro-camera{position:absolute;left:12px;top:12px;width:34px;height:34px;border-radius:8px;background:#f0f0f0;color:#666;display:flex;align-items:center;justify-content:center;}
#upro .upro-meta-line{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 12px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#upro .upro-country{display:flex;align-items:center;gap:4px;min-width:0;font-size:13px;}
#upro .upro-country img{width:18px;height:13px;display:inline-block;}
#upro .upro-roomtag .roomh{max-width:160px!important;font-size:13px;padding:2px 6px!important;margin:0;}
#upro .upro-register-state{text-align:center;padding:8px 10px;color:#6b5a5a;font-size:16px;}
#upro .upro-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px;}
#upro .upro-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;border:1px solid #e0e0e0;background:#fff;color:#222;text-decoration:none;cursor:pointer;padding:4px 6px;font-size:13px;}
#upro .upro-btn i{font-size:16px;}
#upro .upro-btn.like{color:#e31b23;}
#upro .upro-btn.unot{color:#333;}
#upro .upro-btn.ugift{color:#305cff;}
#upro .upro-btn.uh{color:#222;}
#upro .upro-btn.udelpic,#upro .upro-btn.ukick,#upro .upro-btn.uban,#upro .upro-btn.utempban,#upro .upro-btn.usmute,#upro .upro-btn.uwarn{color:#d62b2b;}
#upro .upro-btn.ufeature{color:#ff4aa3;}
#upro .upro-btn.urkick,#upro .upro-btn.umod{color:#8e3fd2;}
#upro .upro-btn.umute,#upro .upro-btn.uunmute{color:#0059c7;}
#upro .upro-btn:hover{background:#f7fbff;}
#upro .upro-btn.hidden-by-perm{display:none!important;}
#upro .upro-admin-area{padding:0 10px 12px;}
#upro .upro-edit-row{display:flex;align-items:center;gap:6px;margin-top:8px;}
#upro .upro-edit-row.block-row{align-items:flex-start;flex-wrap:wrap;}
#upro .upro-edit-label{width:66px;flex:0 0 66px;font-size:13px;}
#upro .upro-edit-label.red{color:#d61e1e;}
#upro .upro-edit-label.blue{color:#138bff;}
#upro .upro-edit-input{flex:1;min-width:0;height:32px;border:1px solid #bbb;padding:4px 6px;background:#fff;}
#upro select.upro-edit-input{padding:4px 6px;}
#upro .upro-save-btn{width:74px;height:32px;border:1px solid #66798a;background:#345C73;color:#fff;}
#upro .upro-save-btn:hover{opacity:.95;}
#upro .upro-admin-area .hideme{display:none!important;}

/* PROFILE REBUILD 2 */

#upro .upro-action-grid{grid-template-columns:repeat(3,1fr);}
#upro .upro-edit-label{width:86px;flex:0 0 86px;}
#upro .upro-save-btn{font-weight:bold;}
#upro .upro-edit-row .upro-edit-label{line-height:1.2;}
#upro .upro-edit-row.roombox .upro-edit-label{width:100%;flex:0 0 100%;margin-bottom:2px;}
#upro .upro-edit-row.roombox .upro-edit-input{width:100%;}
#upro .upro-simple-only{display:none;}
#upro.simple-view .upro-admin-area{display:none!important;}
#upro.simple-view .ugift,
#upro.simple-view .uh,
#upro.simple-view .udelpic,
#upro.simple-view .ufeature,
#upro.simple-view .urkick,
#upro.simple-view .ukick,
#upro.simple-view .uban,
#upro.simple-view .utempban,
#upro.simple-view .usmute,
#upro.simple-view .uprivmute,
#upro.simple-view .uwarn,
#upro.simple-view .ustatusbuzz,
#upro.simple-view .umod,
#upro.simple-view .uunmute{display:none!important;}
#upro.simple-view .upro-action-grid{grid-template-columns:repeat(3,1fr);}
#upro .upro-btn{font-size:12.5px;min-height:35px;}
#upro .upro-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

#upro .upro-edit-row.powerbox .upro-edit-input{flex:1;}
#upro .upro-edit-row.powerbox .upro-save-btn{width:74px;flex:0 0 74px;}

/* SIMPLE PROFILE TWEAK */

#upro.simple-view .modal-dialog{width:300px;max-width:95vw;}
#upro.simple-view .upro-banner{display:none;}
#upro.simple-view .upro-camera{display:none;}
#upro.simple-view .upro-topbox{padding:0 10px 4px;min-height:auto;}
#upro.simple-view .upro-avatar{width:54px;height:54px;margin-top:8px;border-width:3px;}
#upro.simple-view .upro-maininfo{margin-right:68px;margin-top:-56px;min-height:54px;padding-top:10px;}
#upro.simple-view .upro-badges,#upro.simple-view .upro-stars{display:none;}
#upro.simple-view .upro-register-state{padding:6px 10px 8px;font-size:15px;}
#upro.simple-view .upro-meta-line{padding:6px 10px;}
#upro.simple-view .upro-action-grid{padding:0 6px 8px;gap:4px;}
#upro.simple-view .upro-btn{min-height:34px;padding:3px 4px;font-size:12.5px;}
#upro.simple-view .upro-btn i{font-size:15px;}


/* CLEAN SIMPLE GUEST PROFILE V2 */
#upro.simple-view .upro-topbox{display:none!important;}
#upro.simple-view .upro-meta-line{display:flex!important;padding:10px 8px 6px!important;border-top:0!important;border-bottom:0!important;align-items:center!important;}
#upro.simple-view .upro-country{display:block!important;width:48%!important;text-align:right!important;font-size:13px!important;}
#upro.simple-view .upro-roomtag{display:block!important;width:48%!important;text-align:left!important;}
#upro.simple-view .upro-roomtag .roomh{background:#345C73!important;color:#fff!important;border:1px solid #000!important;max-width:145px!important;float:left!important;font-size:12px!important;}
#upro.simple-view .upro-register-state{display:block!important;text-align:center!important;padding:8px 0 10px!important;color:#333!important;font-size:15px!important;}
#upro.simple-view .upro-action-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;padding:0 6px 8px!important;}
#upro.simple-view .upm,#upro.simple-view .unot,#upro.simple-view .ulike,#upro.simple-view .umute{display:flex!important;}
#upro.simple-view .modal-content.upro-card{width:300px!important;min-height:auto!important;}
#upro.simple-view .modal-body.upro-body{padding-bottom:0!important;}


/* ===== SIMPLE PROFILE EXACT PREVIEW FINAL ===== */
#upro.simple-view .modal-dialog{
  width: 365px !important;
  max-width: 96vw !important;
  margin: 12px auto !important;
}

#upro.simple-view .modal-content.upro-card{
  border: 1px solid #8e99a5 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

#upro.simple-view .upro-head{
  background: #6c7785 !important;
  padding: 8px 10px !important;
}

#upro.simple-view .upro-banner{
  display: none !important;
}

#upro.simple-view .upro-topbox{
  display: block !important;
  padding: 0 !important;
  min-height: auto !important;
  position: relative !important;
}

#upro.simple-view .upro-avatar{
  width: 100% !important;
  height: 200px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #ffffff !important;
}

#upro.simple-view .upro-maininfo{
  display: none !important;
}

#upro.simple-view .upro-camera,
#upro.simple-view .upro-badges,
#upro.simple-view .upro-stars,
#upro.simple-view .upro-status-row{
  display: none !important;
}

#upro.simple-view .upro-meta-line{
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  background: #fff !important;
}

#upro.simple-view .upro-country{
  font-size: 14px !important;
  font-weight: bold !important;
  color: #222 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

#upro.simple-view .upro-country img{
  width: 22px !important;
  height: 14px !important;
  border: 1px solid #ddd !important;
}

#upro.simple-view .upro-roomtag .roomh{
  max-width: 180px !important;
  font-size: 13px !important;
  padding: 2px 7px !important;
  margin: 0 !important;
}

#upro.simple-view .upro-register-state{
  text-align: center !important;
  padding: 8px 10px !important;
  color: #4d3a3a !important;
  font-size: 17px !important;
  font-weight: bold !important;
}

#upro.simple-view .upro-action-grid{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px !important;
  padding: 0 8px 8px 8px !important;
}

#upro.simple-view .upro-btn{
  min-height: 39px !important;
  border: 1px solid #e4e4e4 !important;
  background: #fff !important;
  color: #111 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 4px 5px !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

#upro.simple-view .upro-btn i{
  font-size: 16px !important;
}

#upro.simple-view .upm{
  color: #000 !important;
}

#upro.simple-view .unot{
  color: #000 !important;
}

#upro.simple-view .ulike{
  color: #e60000 !important;
}

#upro.simple-view .umute{
  color: #e60000 !important;
}

#upro.simple-view .ugift,
#upro.simple-view .uh,
#upro.simple-view .udelpic,
#upro.simple-view .ufeature,
#upro.simple-view .urkick,
#upro.simple-view .ukick,
#upro.simple-view .uban,
#upro.simple-view .utempban,
#upro.simple-view .usmute,
#upro.simple-view .uprivmute,
#upro.simple-view .uwarn,
#upro.simple-view .ustatusbuzz,
#upro.simple-view .umod,
#upro.simple-view .uunmute,
#upro.simple-view .upro-admin-area{
  display: none !important;
}


/* ===== PROFILE ICON FALLBACK FIX ===== */
#upro .upro-btn i.fa{
  font-family: Arial, Tahoma, sans-serif !important;
  font-weight: bold !important;
  display:inline-block !important;
  width:18px;
  text-align:center;
}
#upro .upm i:before{content:"💬" !important;}
#upro .unot i:before{content:"✉" !important;}
#upro .ulike i:before{content:"♥" !important;}
#upro .ugift i:before{content:"💎" !important;}
#upro .uh i:before{content:"🔍" !important;}
#upro .udelpic i:before{content:"⊘" !important;}
#upro .ufeature i:before{content:"★" !important;}
#upro .urkick i:before{content:"♟" !important;}
#upro .ukick i:before{content:"⊘" !important;}
#upro .uban i:before{content:"⊘" !important;}
#upro .utempban i:before{content:"◴" !important;}
#upro .usmute i:before{content:"⊘" !important;}
#upro .uprivmute i:before{content:"⊘" !important;}
#upro .umute i:before{content:"⊘" !important;}
#upro .uunmute i:before{content:"✓" !important;}
#upro .uwarn i:before{content:"⚠" !important;}
#upro .ustatusbuzz i:before{content:"◎" !important;}
#upro .umod i:before{content:"☑" !important;}

/* ===== LIKE SYSTEM MESSAGE ===== */
.system-like-msg,.msg.systemLike{background:#fff8f8!important;border-right:3px solid #e60000!important;}


/* ===== SYSTEM JOIN / LEAVE / ROOM MOVE EVENTS ===== */
.system-event{
  background:#fff5e8 !important;
  border-top:1px solid #efdcc4 !important;
  border-bottom:1px solid #efdcc4 !important;
}
.system-event .u-topic{
  font-weight:bold !important;
}
.system-event .u-msg{
  color:#000 !important;
  font-weight:bold !important;
}
.system-room-badge{
  display:inline-block;
  background:#2d5f78;
  color:#fff;
  border:1px solid #174156;
  border-radius:2px;
  padding:1px 7px;
  margin:0 3px;
  cursor:pointer;
  font-weight:bold;
}
.system-room-badge:hover{
  filter:brightness(1.08);
}
.system-join-chat .u-msg,
.system-leave-chat .u-msg,
.system-room-join .u-msg,
.system-room-leave .u-msg,
.system-room-move .u-msg{
  color:#000 !important;
}

#banInlineLoginMessage{background:#d9534f!important;color:#fff!important;}
/* ===== FRESH VOICE SYSTEM FROM VIDEO ===== */
.dad.fresh-voice-enabled{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  padding-top:0 !important;
  box-sizing:border-box !important;
}
.dad.fresh-voice-enabled #room{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
#freshVoiceBar{
  flex:0 0 42px !important;
  height:42px !important;
  width:100% !important;
  background-color:var(--chat-template, var(--site-body-bg, #345c73)) !important;
  background-image:none !important;
  border-bottom:1px solid var(--chat-template, var(--site-body-bg, #345c73)) !important;
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  padding:1px 3px !important;
  box-sizing:border-box !important;
  direction:ltr !important;
  z-index:2 !important;
}
#freshVoiceBar .fresh-speaker,
#freshVoiceBar .fresh-mic-seat{
  width:39px !important;
  height:39px !important;
  min-width:39px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #082a37 !important;
  border-radius:3px !important;
  background:#2f6076 !important;
  color:#000 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
  cursor:pointer !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
#freshVoiceBar .fresh-speaker{
  background:#2ec265 !important;
}
#freshVoiceBar .fresh-speaker.muted{
  background:#d94a4a !important;
}
#freshVoiceBar .fresh-speaker i,
#freshVoiceBar .fresh-mic-seat i{
  font-size:27px !important;
  color:#000 !important;
  line-height:1 !important;
  z-index:1 !important;
}
#freshVoiceBar .fresh-mic-seat.active,
#freshVoiceBar .fresh-mic-seat.recording{
  background:#23bd61 !important;
}
#freshVoiceBar .fresh-mic-seat.busy:not(.active){
  background:#47798c !important;
}
#freshVoiceBar .fresh-mic-seat.disabled{
  opacity:.5 !important;
}
#freshVoiceBar .fresh-seat-avatar{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:.9 !important;
  z-index:0 !important;
}
#freshVoiceBar .fresh-seat-label{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  background:rgba(0,0,0,.62) !important;
  color:#fff !important;
  font-size:8px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  direction:ltr !important;
  z-index:2 !important;
}
.fresh-voice-toast{
  position:absolute !important;
  top:48px !important;
  left:8px !important;
  background:#111 !important;
  color:#fff !important;
  border:1px solid #555 !important;
  border-radius:4px !important;
  padding:6px 10px !important;
  z-index:9999 !important;
  font-weight:bold !important;
}
html,body{
  overflow:hidden !important;
}
#tlogins #freshVoiceBar,
#freshVoiceBar:empty{
  display:none !important;
}
/* النوافذ لا تحتاج إزاحة لأن الشريط داخل التدفق وليس فوقها */
.modal,.modal-dialog,.popover,.pop,.pn2,.ui-dialog{
  z-index:5000 !important;
}
/* ===== END FRESH VOICE SYSTEM FROM VIDEO ===== */


/* ===== LINK MIC BUTTON BACKGROUND TO CONTROL PANEL ===== */
:root{
  --fresh-mic-bg-color:#2f6076;
  --fresh-mic-bg-image:none;
}
#freshVoiceBar .fresh-mic-seat{
  background-color:var(--fresh-mic-bg-color,#2f6076) !important;
  background-image:var(--fresh-mic-bg-image,none) !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
#freshVoiceBar .fresh-mic-seat.active,
#freshVoiceBar .fresh-mic-seat.recording,
#freshVoiceBar .fresh-mic-seat.busy:not(.active),
#freshVoiceBar .fresh-mic-seat.disabled{
  background-color:var(--fresh-mic-bg-color,#2f6076) !important;
  background-image:var(--fresh-mic-bg-image,none) !important;
}
#freshVoiceBar .fresh-mic-seat.active,
#freshVoiceBar .fresh-mic-seat.recording{
  box-shadow:0 0 0 2px #23bd61 inset, 0 0 6px rgba(35,189,97,.7) !important;
}
#freshVoiceBar .fresh-mic-seat.busy:not(.active){
  box-shadow:0 0 0 2px #d9534f inset !important;
}


/* ===== PRIVATE WINDOW CLOSE/VISIBILITY FIX ===== */
.private-window{
  z-index:7000 !important;
  position:absolute !important;
  top:48px !important;
  bottom:58px !important;
  max-height:calc(100% - 112px) !important;
  min-height:180px !important;
  overflow:hidden !important;
  pointer-events:auto !important;
}
.private-window .head{
  position:relative !important;
  z-index:7002 !important;
  height:32px !important;
  min-height:32px !important;
  pointer-events:auto !important;
}
.private-window .pm-force-close,
.private-window .wc{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#d9534f !important;
  color:#fff !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:7005 !important;
}
.private-window .phide{
  display:inline-block !important;
  visibility:visible !important;
  opacity:1 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
.private-window .cont{
  height:calc(100% - 32px) !important;
  min-height:130px !important;
}
.private-window .cont .d2{
  height:calc(100% - 48px) !important;
  max-height:calc(100% - 48px) !important;
  overflow:auto !important;
}
.private-window .footer{
  position:absolute !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:7003 !important;
}
.pm-on-top{
  z-index:7500 !important;
}


/* ===== VOICE SETTINGS ACTIONS LIKE VIDEO ===== */
#settings .voice-settings-actions{
  width:98% !important;
  margin:6px auto 0 auto !important;
  direction:rtl !important;
  text-align:center !important;
  direction:rtl !important;
  clear:both !important;
}
#settings .voice-setting-select{
  display:block !important;
  width:100% !important;
  height:34px !important;
  margin:4px 0 !important;
  padding:0 10px !important;
  border:1px solid #222 !important;
  border-radius:2px !important;
  background:#566473 !important;
  color:#fff !important;
  font:bold 14px Tahoma,Arial !important;
  direction:rtl !important;
  text-align:center !important;
}
#settings .voice-setting-select option{
  background:#566473 !important;
  color:#fff !important;
  font:bold 13px Tahoma,Arial !important;
}
#settings .voice-setting-btn{
  display:block !important;
  width:100% !important;
  min-height:36px !important;
  line-height:24px !important;
  margin:4px 0 !important;
  padding:7px 8px !important;
  border:1px solid #222 !important;
  border-radius:2px !important;
  text-align:center !important;
  direction:rtl !important;
  font:bold 14px Tahoma,Arial !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}
#settings .voice-setting-btn .fa,
#settings .voice-setting-btn span{
  margin:0 6px !important;
}
#settings .voice-info{
  background:#3fb4e8 !important;
  color:#fff !important;
}
#settings .voice-light{
  background:#f8f8ff !important;
  color:#111 !important;
}
#settings .voice-danger{
  background:#d64a55 !important;
  color:#fff !important;
}
#settings .voice-btn-pic{
  width:28px !important;
  height:28px !important;
  margin:-4px 4px -4px 4px !important;
  border:1px solid #9cc !important;
  float:left !important;
}
#settings .voice-setting-btn .fa-check{
  color:#111 !important;
}


/* ===== USER PROVIDED ROOM MODAL STYLE ===== */
.th-mkr-modal{
  z-index:8000 !important;
}
.th-mkr-modal .modal-dialog{
  width:480px !important;
  max-width:96vw !important;
  margin:18px auto !important;
}
.th-mkr-content{
  border-radius:6px !important;
  overflow:hidden !important;
  border:1px solid #7d92a3 !important;
  box-shadow:0 6px 22px rgba(0,0,0,.22) !important;
  background:#f3f3f3 !important;
}
.th-mkr-header{
  background:#426b86 !important;
  color:#fff !important;
  height:34px !important;
  min-height:34px !important;
  padding:6px 8px !important;
  display:block !important;
}
.th-mkr-title{
  margin:0 !important;
  color:#fff !important;
  font:bold 14px Tahoma,Arial !important;
}
.th-mkr-body{
  padding:5px !important;
  background:#f3f3f3 !important;
}
.th-mkr-box{
  position:relative !important;
  min-height:400px !important;
  background:#f3f3f3 !important;
  padding:5px !important;
  direction:rtl !important;
}
.th-mkr-input{
  width:260px !important;
  height:28px !important;
  display:block !important;
  margin:4px 0 4px auto !important;
  padding:0 8px !important;
  border:1px solid #bdbdbd !important;
  background:#fff !important;
  color:#333 !important;
  font:bold 13px Tahoma,Arial !important;
  box-sizing:border-box !important;
  text-align:right !important;
}
.th-mkr-color-wrap{
  position:absolute !important;
  top:5px !important;
  left:12px !important;
  width:115px !important;
  height:34px !important;
}
.th-mkr-color-btn{
  width:115px !important;
  height:31px !important;
  background:#000 !important;
  border:1px solid #000 !important;
  border-radius:0 !important;
}
.th-mkr-pic{
  position:absolute !important;
  top:44px !important;
  left:12px !important;
  width:115px !important;
  height:92px !important;
  object-fit:cover !important;
  border:1px solid #999 !important;
  background:#fff !important;
  cursor:pointer !important;
}
.th-mkr-delpic{
  position:absolute !important;
  top:142px !important;
  left:12px !important;
  width:115px !important;
  height:30px !important;
  line-height:30px !important;
  border:1px solid #666 !important;
  background:#fff !important;
  color:#111 !important;
  text-align:center !important;
  cursor:pointer !important;
  font:bold 13px Tahoma,Arial !important;
}
.th-mkr-label{
  display:inline-block !important;
  margin-right:8px !important;
  font:bold 13px Tahoma,Arial !important;
  color:#111 !important;
}
.th-mkr-box .checkbox-inline{
  display:block !important;
  margin:5px 0 !important;
  padding-right:0 !important;
  font:bold 13px Tahoma,Arial !important;
  color:#111 !important;
  text-align:right !important;
}
.th-mkr-box .checkbox-inline input{
  margin:0 0 0 5px !important;
}
.th-mkr-box .rmake,
.th-mkr-box .rsave{
  margin:8px 0 6px 4px !important;
  height:33px !important;
  background:#426b86 !important;
  color:#fff !important;
  border:1px solid #2c5368 !important;
  font:bold 13px Tahoma,Arial !important;
}
.th-mkr-box .rdelete{
  margin:8px 4px 6px 0 !important;
  height:33px !important;
  background:#d9534f !important;
  color:#fff !important;
  border:1px solid #b33 !important;
}
.th-mkr-ops{
  clear:both !important;
  width:100% !important;
  min-height:40px !important;
  max-height:125px !important;
  overflow:auto !important;
  padding:3px !important;
  background:#eee !important;
  border:1px solid #777 !important;
  box-sizing:border-box !important;
}
/* ===== END USER PROVIDED ROOM MODAL STYLE ===== */


/* ===== ROOM MODAL CLOSE ALWAYS ACTIVE ===== */
.th-mkr-header .th-mkr-close,
.th-mkr-header .clickable,
.th-mkr-header .fa-times{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:99999 !important;
  position:relative !important;
}
.th-mkr-header{
  pointer-events:auto !important;
}


/* ===== CUSTOM PERMISSION BUTTON STYLE ===== */
.cp,.pmsg,.redit,.ugift,.unot,.uwarn,.ukick,.uban,.utempban,.usmute,.uprivmute,.udelpic,.urkick,.umod,.upower,.kashf,.subs,.shrt{
  transition:opacity .15s ease, filter .15s ease !important;
}
.permission-disabled,
button:disabled,
input:disabled,
textarea:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
}
.target-locked{
  opacity:.7 !important;
  filter:grayscale(.35) !important;
}
.pm-disabled{
  opacity:.75 !important;
}
/* ===== END CUSTOM PERMISSION BUTTON STYLE ===== */

.cp-denied{direction:rtl;text-align:center;color:#b00;font:bold 16px Tahoma;padding:25px!important;background:#fff!important;border:1px solid #c99!important}

/* ===== FULL SUPER PROFILE ADMIN PANEL ===== */
#upro .modal-dialog{width:340px!important;max-width:96vw!important;margin:10px auto!important}
#upro .upro-card{border-radius:0!important;overflow:hidden!important}
#upro .upro-body{padding:0!important;max-height:calc(100vh - 60px)!important;overflow:auto!important;background:#fff!important}
#upro.simple-view .upro-admin-area{display:none!important}
#upro:not(.simple-view) .upro-admin-area{display:block!important;border-top:2px solid #999!important;margin-top:6px!important;background:#fff!important}
#upro .upro-edit-row{display:flex!important;align-items:center!important;gap:4px!important;margin:4px 0!important;width:100%!important;direction:rtl!important}
#upro .upro-edit-label{background:#2f6380!important;color:#fff!important;min-width:64px!important;height:28px!important;line-height:28px!important;text-align:center!important;font:bold 13px Tahoma!important;padding:0 4px!important}
#upro .upro-edit-label.red{color:#f00!important;background:#fff!important;text-align:right!important}
#upro .upro-edit-label.blue{color:#08f!important;background:#fff!important;text-align:right!important}
#upro .upro-edit-input{height:28px!important;border:1px solid #aaa!important;flex:1!important;min-width:0!important;padding:0 5px!important;background:#fff!important}
#upro .upro-save-btn{width:58px!important;height:32px!important;border:1px solid #000!important;background:#fff!important;color:#111!important;font:bold 13px Tahoma!important}
#upro .block-row{display:flex!important}
#upro .powerbox.block-row,#upro .roombox.block-row{padding:0 4px!important;box-sizing:border-box!important}
#upro .userpower,#upro .upro-room-select{width:100%!important}
#upro .upro-room-pass{flex:1!important}
#upro .upro-action-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;padding:4px!important}
#upro .upro-btn{display:flex!important;align-items:center!important;justify-content:center!important;height:33px!important;border:1px solid #eee!important;background:#fff!important;font:bold 12px Tahoma!important}
#upro.simple-view .upro-action-grid .upro-btn{display:none!important}
#upro.simple-view .upro-action-grid .upm,
#upro.simple-view .upro-action-grid .unot,
#upro.simple-view .upro-action-grid .ulike,
#upro.simple-view .upro-action-grid .umute{display:flex!important}

/* ===== REBUILT FILTER PANEL ===== */
#filters{direction:rtl;text-align:right;background:#fff!important;min-height:100vh;padding:0 0 20px 0!important}
.filter-panel{width:330px;max-width:96vw;margin:0 0 0 auto;background:#fff;color:#111;font:bold 12px Tahoma,Arial}
.filter-tools{padding:4px 6px;border-left:1px solid #ddd}
.filter-input{width:160px;height:23px;border:1px solid #555;margin-bottom:6px;padding:0 5px;display:block}
.filter-btn{width:165px;height:32px;display:block;margin:6px 0;border:0;color:#fff;font:bold 12px Tahoma;cursor:pointer}
.filter-btn.green{background:#62bd55}.filter-btn.red{background:#df4b4b}.filter-btn.cyan{background:#39bfc0}.filter-btn.blue{background:#2f79b7}.filter-btn.dark{background:#245d79}
.filter-section-title{height:25px;line-height:25px;font:bold 12px Tahoma;color:#111;margin-top:5px}
.filter-hit{width:220px;min-height:48px;border:1px solid #111;margin:0 0 4px auto;background:#f8f8f8;padding:4px;position:relative;direction:ltr;text-align:left}
.filter-hit-title{background:#285b78;color:#fff;padding:4px 12px;display:inline-block;margin-bottom:2px}
.filter-x{background:#e44d55!important;color:#fff!important;border:0!important;width:28px!important;height:28px!important;line-height:24px!important;font:bold 20px Arial!important;cursor:pointer!important;text-align:center!important}
.filter-hit .filter-x{position:absolute;right:-32px;top:-1px}
.filter-mini-table{width:300px;margin:4px 0 8px auto}
.filter-mini-title{background:#2b5f80;color:#fff;height:26px;line-height:26px;text-align:center;width:110px;margin-right:auto;font:bold 12px Tahoma}
.filter-mini-table table,.filter-log-table table{border-collapse:collapse;width:100%;background:#fff}
.filter-mini-table th,.filter-mini-table td,.filter-log-table th,.filter-log-table td{border:1px solid #111;height:28px;padding:3px;font:bold 12px Tahoma;vertical-align:middle}
.filter-mini-table th,.filter-log-table th{background:#4d86dc;color:#fff;text-align:center}
.filter-kind{width:105px;text-align:center}.filter-word{text-align:center}.filter-del{width:30px;text-align:center}
.filter-log-table{width:100%;margin-top:10px;overflow:auto}
.empty{text-align:center;color:#777;background:#fafafa}

/* ===== ROOMS CP RESTORED STYLE ===== */
#rooms{direction:rtl;text-align:right;background:#fff!important;min-height:100vh;padding:0!important}
.rooms-shot-wrap{width:360px;max-width:96vw;margin:0 0 0 auto;background:#fff;font:bold 12px Tahoma}
.rooms-toolbar{padding:5px;border-bottom:1px solid #ddd;display:flex;gap:5px;justify-content:flex-start}
.room-seed-btn,.room-add-btn{background:#2f6380;color:#fff;border:0;height:28px;padding:0 8px;font:bold 12px Tahoma;cursor:pointer}
.room-add-btn{background:#43a9e6}
.rooms-shot-table{width:100%;border-collapse:collapse;background:#fff}
.rooms-shot-table th{background:#2f6380;color:#fff;border:1px solid #111;height:25px;text-align:center}
.rooms-shot-table td{border:1px solid #ccc;height:43px;padding:2px;vertical-align:middle}
.room-gear-btn{background:#43a9e6;color:#fff;border:0;width:28px;height:28px;border-radius:3px;cursor:pointer}
.room-img{width:38px;height:38px;object-fit:cover}
.room-pic-cell{width:42px;text-align:center}.room-cfg{width:42px;text-align:center}.room-users-cell{width:50px;text-align:center}.room-index{width:40px;text-align:center}
.room-name-cell b{font:bold 13px Tahoma;color:#111}.room-name-cell div{font:12px Tahoma;color:#666;margin-top:2px}
#roomModalBox .room-modal{position:fixed;top:40px;right:390px;width:335px;background:#eee;border:1px solid #444;z-index:99999;box-shadow:0 2px 12px rgba(0,0,0,.35);direction:rtl}
#roomModalBox .room-modal-head{height:28px;line-height:28px;background:#2f6380;color:#fff;font:bold 13px Tahoma;padding:0 8px}
#roomModalBox .room-modal-close{float:left;background:#e44d55;color:#fff;border:0;width:24px;height:24px;margin-top:2px;cursor:pointer}
#roomModalBox .room-modal-body{padding:8px}
#roomModalBox .room-field{display:block;width:210px;height:26px;border:1px solid #999;margin:4px 0;padding:0 5px}
#roomModalBox .pic-edit-row{display:flex;gap:8px}
#roomModalBox .room-modal-pic{width:88px;height:88px;object-fit:cover;background:#ffc400;border:1px solid #999;display:block}
#roomModalBox .room-mini-btn{width:88px;height:26px;margin-top:5px;border:1px solid #999;background:#fff}
#roomModalBox .room-checks label{display:block;margin:6px 0;font:bold 12px Tahoma}
#roomModalBox .room-save{background:#2f6380;color:#fff;border:0;height:32px;padding:0 12px;font:bold 12px Tahoma}
#roomModalBox .room-del{float:left;background:#e44d55;color:#fff;border:0;height:32px;width:50px;font:bold 18px Arial}
#roomModalBox .room-unban{margin-top:8px;border:1px solid #777;height:32px;line-height:32px;background:#fff;padding:0 5px}
#roomModalBox .room-unban button{float:left;background:#e44d55;color:#fff;border:0;width:32px;height:32px;font:bold 20px Arial}

.site-mini-save{background:#2f6380;color:#fff;border:0;height:28px;padding:0 10px;font:bold 12px Tahoma;margin:4px 0;cursor:pointer}
.site-mini-save:hover{filter:brightness(1.1)}

/* ===== CLEAN ADDONS COLORS + MIC ONLY ===== */
#plugins{background:#fff!important;min-height:100vh!important;direction:rtl!important;text-align:right!important;padding:0!important}
.addons-clean-page{width:420px;max-width:96vw;margin:0 auto 30px 0;background:#fff;font:bold 12px Tahoma,Arial;color:#111}
.addons-red-bar{height:20px;line-height:20px;background:#dc3d45;color:#111;margin:4px 0;font:bold 12px Tahoma;padding-right:2px}
.addons-row{display:grid;grid-template-columns:75px 48px 185px;gap:4px;align-items:center;margin:3px 0}
.addons-row label{font:bold 12px Tahoma;text-align:left}
.addons-row input[type=color]{width:48px;height:28px;border:1px solid #333;padding:2px}
.addons-row input:not([type]),.addons-row input[type=text]{height:26px;border:1px solid #777;padding:0 5px}
.addons-apply{background:#fff;color:#111;border:1px solid #111;height:28px;padding:0 12px;font:bold 12px Tahoma;margin:4px 0;cursor:pointer}
.addons-blue-title{display:inline-block;background:#2f6380;color:#fff;height:28px;line-height:28px;padding:0 10px;font:bold 13px Tahoma;margin:4px 0}
.addons-mic-box{width:390px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:4px 0;padding:4px 0}
.addons-label{display:block;margin:5px 0 2px 0;font:bold 12px Tahoma}
.addons-mic-box select,.addons-mic-box>input{width:250px;height:26px;border:1px solid #777;box-sizing:border-box}
.addons-img-url{display:grid;grid-template-columns:28px 28px 250px;gap:3px;align-items:center}
.addons-img-url input{height:26px;border:1px solid #777;min-width:0}
.addons-del{background:#df5555;color:#fff;border:0;width:28px;height:28px;font:bold 14px Tahoma;cursor:pointer}
.addons-plus{background:#3aaee8;color:#fff;border:0;width:28px;height:28px;font:bold 18px Arial;cursor:pointer}
.addons-preview{width:260px;border:1px solid #bbb;margin-top:8px;background:#f7f7f7;padding:5px;text-align:center}
.addons-prev-head{height:24px;line-height:24px;color:#fff}
.addons-prev-content{height:35px;line-height:35px;border:1px solid #ddd;margin-top:3px}
.addons-prev-btn{height:24px;border:0;color:#fff;margin:3px}
.addons-prev-mic{display:inline-block;width:32px;height:24px;border:1px solid #222;margin:2px}
.old-site-page .old-color-block,.old-site-page .old-micbox,.old-site-page #oldPreview{display:none!important}

/* ===== SITE MANAGEMENT EXACT SCREENSHOT STYLE ===== */
#site{background:#fff!important;min-height:100vh!important;direction:rtl!important;text-align:right!important;padding:0!important;overflow:auto!important}
.sc-page{width:500px;max-width:98vw;margin:0 auto 50px 0;background:#fff;color:#111;font:bold 12px Tahoma,Arial;padding:0 0 20px 0}
.sc-main-title{background:#55c4e8;color:#fff;border:0;height:30px;line-height:30px;padding:0 12px;font:bold 13px Tahoma;margin:0 0 5px 0}
.sc-blue-label{display:block;background:#2f6380;color:#fff;width:max-content;padding:4px 8px;font:bold 12px Tahoma;margin-top:4px}
.sc-page textarea{width:260px;height:44px;border:1px solid #777;display:block;resize:vertical;font:12px Tahoma;margin:0 0 3px auto;padding:4px;box-sizing:border-box}
.sc-color-row{display:grid;grid-template-columns:74px 48px 185px;gap:4px;align-items:center;width:315px;margin:3px auto 3px 0}
.sc-color-row span{font:bold 12px Tahoma;text-align:left}
.sc-color-row input[type=color]{width:48px;height:28px;border:1px solid #333;padding:2px;background:#fff}
.sc-color-row input:not([type]){height:26px;border:1px solid #777;padding:0 5px;box-sizing:border-box}
.sc-red-title{border-top:1px solid #ddd;color:#c40000;font:bold 12px Tahoma;margin:12px 0 8px 0;padding-top:8px;width:405px}
.sc-num-row{display:grid;grid-template-columns:72px 1fr;gap:6px;align-items:center;margin:5px 0;width:405px}
.sc-num-row input{width:72px;height:25px;border:1px solid #555;padding:0 4px;box-sizing:border-box;text-align:left}
.sc-num-row span{font:bold 12px Tahoma}
.sc-check-row{display:block;margin:8px 0;font:bold 12px Tahoma;width:405px}
.sc-check-row input{accent-color:#b34fd3}
.sc-save{background:#c94653;color:#fff;border:1px solid #7c1118;height:32px;padding:0 14px;font:bold 13px Tahoma;margin:12px 0;cursor:pointer}
.sc-icon-section{width:390px;margin:15px 0 8px 0;clear:both}
.sc-blue-btn{display:inline-block;background:#2f6380;color:#fff;border:0;height:30px;line-height:30px;padding:0 10px;font:bold 12px Tahoma}
.sc-plus{background:#2f6380!important;color:#fff!important;border:0!important;width:32px!important;height:30px!important;font:bold 18px Arial!important;cursor:pointer!important;vertical-align:top}
.sc-icons-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;margin-top:8px;width:330px}
.sc-icon-box{display:grid;grid-template-columns:28px 50px 26px;gap:2px;align-items:center;border:1px solid #111;background:#fff;width:106px;height:34px;box-sizing:border-box}
.sc-icon-box img,.sc-empty-icon{width:28px;height:28px;object-fit:contain;background:#f8f8f8;display:block}
.sc-icon-box input{width:50px;height:24px;border:1px solid #777;box-sizing:border-box;text-align:center}
.sc-del{background:#d94c55!important;color:#fff!important;border:0!important;width:26px!important;height:32px!important;font:bold 18px Arial!important;cursor:pointer!important}


/* feature classes applied to chat */
.site-disable-room-likes .room-like,.site-disable-room-likes .rlike{display:none!important}
.site-disable-private-read .read-mark,.site-disable-private-read .seen-mark{display:none!important}
.site-hide-subscription .subscription,.site-hide-subscription .level,.site-hide-subscription .ustat{display:none!important}
/* ===== END SITE MANAGEMENT EXACT SCREENSHOT STYLE ===== */

/* ===== Modern Filter Page ===== */
#filters{direction:rtl!important;text-align:right!important;background:#f5f7fb!important;min-height:100vh!important;padding:14px!important;color:#111!important}
#filters .filter-panel{width:100%!important;max-width:1280px!important;margin:0 auto!important;background:transparent!important;font:13px Tahoma,Arial!important;color:#111!important}
#filters .filter-header{background:linear-gradient(90deg,#235a78,#2c83c7)!important;color:#fff!important;border-radius:10px!important;padding:12px 16px!important;margin-bottom:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
#filters .filter-header h3{margin:0!important;font:bold 18px Tahoma!important;color:#fff!important}
#filters .filter-header small{opacity:.92!important;font-size:12px!important}
#filters .filter-tools{background:#fff!important;border:1px solid #d8e1ea!important;border-radius:10px!important;padding:12px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important}
#filters .filter-input{width:260px!important;max-width:100%!important;height:38px!important;border:1px solid #c6d4e1!important;border-radius:8px!important;margin:0!important;padding:0 12px!important;display:block!important;font:13px Tahoma!important;background:#fff!important;color:#111!important;outline:none!important}
#filters .filter-input:focus{border-color:#2c83c7!important;box-shadow:0 0 0 3px rgba(44,131,199,.14)!important}
#filters .filter-btn{width:auto!important;min-width:135px!important;height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;border:0!important;border-radius:8px!important;color:#fff!important;font:bold 12px Tahoma!important;cursor:pointer!important;padding:0 12px!important;box-shadow:0 2px 5px rgba(0,0,0,.12)!important;transition:.15s ease!important;white-space:nowrap!important}
#filters .filter-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.05)!important}
#filters .filter-btn.green{background:#39b36b!important}#filters .filter-btn.red{background:#d9534f!important}#filters .filter-btn.cyan{background:#27a8b8!important}#filters .filter-btn.blue{background:#2c83c7!important}#filters .filter-btn.dark{background:#235a78!important}
#filters .filter-grid{display:grid!important;grid-template-columns:repeat(3,minmax(240px,1fr))!important;gap:12px!important;margin-bottom:12px!important}
#filters .filter-card,#filters .filter-latest,#filters .filter-log-table{background:#fff!important;border:1px solid #d8e1ea!important;border-radius:10px!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;overflow:hidden!important;margin:0!important}
#filters .filter-section-title,#filters .filter-mini-title{height:auto!important;line-height:1.3!important;background:#235a78!important;color:#fff!important;margin:0!important;padding:10px 12px!important;text-align:right!important;width:auto!important;font:bold 13px Tahoma!important;border:0!important}
#filters .filter-mini-table{width:100%!important;margin:0!important;background:#fff!important}
#filters .filter-mini-table table,#filters .filter-log-table table{border-collapse:collapse!important;width:100%!important;background:#fff!important;table-layout:auto!important}
#filters .filter-mini-table th,#filters .filter-mini-table td,#filters .filter-log-table th,#filters .filter-log-table td{border:1px solid #e3e9ef!important;height:34px!important;padding:7px!important;font:13px Tahoma!important;vertical-align:middle!important;text-align:center!important;color:#111!important;background:#fff!important}
#filters .filter-mini-table th,#filters .filter-log-table th{background:#2c83c7!important;color:#fff!important;font:bold 13px Tahoma!important;position:static!important}
#filters .filter-kind{width:120px!important;text-align:center!important;color:#235a78!important;font-weight:bold!important}.filter-word{text-align:center!important}.filter-del{width:46px!important;text-align:center!important}
#filters .filter-x{background:#d9534f!important;color:#fff!important;border:0!important;width:28px!important;height:28px!important;line-height:28px!important;border-radius:7px!important;font:bold 18px Arial!important;cursor:pointer!important;text-align:center!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
#filters .filter-x:hover{filter:brightness(.95)!important;transform:scale(1.04)!important}
#filters .filter-latest{padding-bottom:10px!important;margin-bottom:12px!important}
#filters .filter-hit{width:auto!important;min-height:auto!important;border:1px solid #e3e9ef!important;border-radius:8px!important;margin:8px 10px!important;background:#fbfcfe!important;padding:8px 38px 8px 10px!important;position:relative!important;direction:rtl!important;text-align:right!important;color:#111!important}
#filters .filter-hit-title{background:#e9f3ff!important;color:#235a78!important;border:1px solid #c5d9ef!important;border-radius:6px!important;padding:3px 8px!important;display:inline-block!important;margin-bottom:4px!important;font-weight:bold!important}
#filters .filter-hit .filter-x{position:absolute!important;right:8px!important;top:8px!important}
#filters .filter-log-table{width:100%!important;margin-top:12px!important;overflow:auto!important}
#filters .filter-log-table table{min-width:780px!important}
#filters .empty{padding:14px!important;text-align:center!important;color:#777!important;background:#fff!important;font:13px Tahoma!important}




/* ===== ANNOUNCEMENT DIALOG + CHAT ANNOUNCEMENT ===== */
.announce-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}
.announce-dialog{width:310px;max-width:92vw;background:#f7f7f7;border:1px solid #707070;border-radius:6px;overflow:hidden;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.announce-dialog-head{background:#9e0000;color:#fff;padding:7px 10px;font:bold 20px Tahoma,Arial;position:relative;line-height:1}
.announce-dialog-head .fa-bullhorn{margin-left:6px}
.announce-dialog-close{position:absolute;left:8px;top:6px;width:22px;height:22px;border-radius:50%;background:#777;color:#fff;border:0;font:bold 15px Tahoma;cursor:pointer;line-height:22px;padding:0}
.announce-dialog-body{padding:8px 8px 6px;background:#fff}
.announce-dialog-text{width:100%;height:46px;resize:none;border:1px solid #444;border-radius:3px;background:#fff;padding:6px 8px;font:bold 20px Tahoma,Arial;color:#111;box-sizing:border-box}
.announce-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;background:#fff}
.announce-dialog-check{display:flex;align-items:center;gap:6px;color:#333;font:bold 13px Tahoma,Arial;padding:6px 2px 0 2px}
.announce-dialog-check input{margin:0}
.announce-dialog-send{border:0;background:#9e0000;color:#fff;padding:8px 14px;font:bold 22px Tahoma,Arial;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:0 0 0 0}
.announce-dialog-send .fa{font-size:18px}
.announce-dialog-note{padding:0 2px 6px;color:#666;font:12px Tahoma,Arial}

.admin-public-msg{background:#eef4ff!important;border:1px solid #bfd2f6!important;border-right:4px solid #2575d0!important;box-shadow:inset 0 0 0 1px #f8fbff}
.admin-public-msg .u-topic{background:transparent!important;color:#000!important;font-weight:bold!important;max-width:88%!important}
.admin-public-msg .u-msg{color:#111!important;line-height:1.7!important}
.admin-public-msg .announce-badge-icon{display:inline-flex!important;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#2f84c6;color:#fff!important;font-size:11px!important;margin-left:5px;vertical-align:middle;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.admin-public-msg.supers-only-msg .announce-badge-icon{background:#9e0000!important}
.admin-public-msg .announce-badge-icon:before{line-height:1}
.admin-public-msg .u-topic-wrap{display:flex;align-items:center;gap:4px;max-width:82%}
.admin-public-msg .u-topic{max-width:100%!important}


/* ===== SEPARATE ANNOUNCEMENT BLOCK ===== */
.chat-announcement{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;background:#eef3ff;border-top:1px solid #d4d9e7;border-bottom:1px solid #d4d9e7;padding:6px 8px;margin:0;width:100%;box-sizing:border-box;direction:ltr;text-align:left}
.chat-announcement-avatar{width:44px;height:44px;flex:0 0 44px;border:1px solid #bfc7d9;background-color:#fff;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;order:0}
.chat-announcement-content{min-width:0;flex:1;text-align:left;order:1}
.chat-announcement-head{line-height:1.1;margin-bottom:3px;text-align:left}
.chat-announcement-name{font:bold 14px Tahoma,Arial;color:#111;text-decoration:underline;display:inline-block;text-align:left}
.chat-announcement-body{line-height:1.5;color:#111;font:normal 14px Tahoma,Arial;word-break:break-word;text-align:left}
.chat-announcement-badge{display:inline-flex;align-items:center;gap:4px;color:#145ee7;font:bold 13px Tahoma,Arial;margin-right:7px;white-space:nowrap}
.chat-announcement-badge i{font-size:12px;color:#145ee7}
.chat-announcement-badge small{font-size:11px;color:#9e0000;margin-left:3px}
.chat-announcement-text{color:#111}


/* ===== ENHANCED BUTTON FEEDBACK ===== */
button.btn,
.btn,
a.btn,
input[type=button],
input[type=submit],
.sendbtn,
.announce-dialog-send,
#roomModalBox .room-save,
#roomModalBox .room-del,
#roomModalBox .room-unban button,
#roomModalBox .room-mini-btn,
#roomModalBox .room-upload-btn,
#roomModalBox .room-seed-btn {
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition: transform .08s ease, box-shadow .15s ease, filter .15s ease, opacity .15s ease !important;
  position: relative;
}
button.btn:hover,
.btn:hover,
a.btn:hover,
input[type=button]:hover,
input[type=submit]:hover,
.sendbtn:hover,
.announce-dialog-send:hover,
#roomModalBox .room-save:hover,
#roomModalBox .room-del:hover,
#roomModalBox .room-unban button:hover,
#roomModalBox .room-mini-btn:hover,
#roomModalBox .room-upload-btn:hover,
#roomModalBox .room-seed-btn:hover {
  filter: brightness(1.05) saturate(1.04) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
button.btn:active,
.btn:active,
a.btn:active,
input[type=button]:active,
input[type=submit]:active,
.sendbtn:active,
.announce-dialog-send:active,
#roomModalBox .room-save:active,
#roomModalBox .room-del:active,
#roomModalBox .room-unban button:active,
#roomModalBox .room-mini-btn:active,
#roomModalBox .room-upload-btn:active,
#roomModalBox .room-seed-btn:active {
  transform: translateY(2px) scale(.985) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.16), inset 0 2px 6px rgba(0,0,0,.12) !important;
  filter: brightness(.96) !important;
}
button.btn:focus-visible,
.btn:focus-visible,
a.btn:focus-visible,
input[type=button]:focus-visible,
input[type=submit]:focus-visible,
.sendbtn:focus-visible,
.announce-dialog-send:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(77,141,202,.22), 0 6px 16px rgba(0,0,0,.18) !important;
}


/* ===== MODERN PROFILE ACTION BUTTONS ===== */
#upro .upro-action-grid{
  gap: 8px !important;
  padding: 4px 10px 12px !important;
}
#upro .upro-btn,
#upro.simple-view .upro-btn{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:40px !important;
  padding:7px 8px !important;
  border-radius:12px !important;
  border:1px solid #d8e3ef !important;
  background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%) !important;
  box-shadow:0 3px 10px rgba(32,74,120,.10), inset 0 1px 0 rgba(255,255,255,.88) !important;
  text-decoration:none !important;
  font:bold 12.5px Tahoma,Arial !important;
  transition:transform .08s ease, box-shadow .15s ease, background .15s ease, filter .15s ease !important;
}
#upro.simple-view .upro-btn{min-height:38px !important;}
#upro .upro-btn:hover,
#upro.simple-view .upro-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#edf5ff 100%) !important;
  box-shadow:0 6px 16px rgba(32,74,120,.16), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transform:translateY(-1px) !important;
}
#upro .upro-btn:active,
#upro.simple-view .upro-btn:active{
  transform:translateY(2px) scale(.985) !important;
  background:linear-gradient(180deg,#edf5ff 0%,#e4eefb 100%) !important;
  box-shadow:0 2px 6px rgba(32,74,120,.14), inset 0 2px 6px rgba(0,0,0,.08) !important;
}
#upro .upro-btn i,
#upro.simple-view .upro-btn i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  min-width:20px !important;
  font-size:15px !important;
}
#upro .upro-btn span,
#upro.simple-view .upro-btn span{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
#upro .upro-btn.upm{color:#6b4de6 !important;}
#upro .upro-btn.unot{color:#3b5872 !important;}
#upro .upro-btn.ulike{color:#e11d48 !important;}
#upro .upro-btn.ugift{color:#1d7ff2 !important;}
#upro .upro-btn.uh{color:#2c597a !important;}
#upro .upro-btn.udelpic,
#upro .upro-btn.ukick,
#upro .upro-btn.uban,
#upro .upro-btn.utempban,
#upro .upro-btn.usmute,
#upro .upro-btn.uprivmute,
#upro .upro-btn.uwarn{color:#df2b2b !important;}
#upro .upro-btn.ufeature{color:#ff4aa3 !important;}
#upro .upro-btn.urkick,
#upro .upro-btn.umod{color:#8747d6 !important;}
#upro .upro-btn.umute,
#upro .upro-btn.uunmute,
#upro .upro-btn.ustatusbuzz{color:#2067d8 !important;}
#upro .upro-btn.hidden-by-perm{display:none !important;}


/* ===== PROFILE COMPACT FIX + COUNTRY/ROOM HEADER ===== */
#upro .modal-dialog{width:370px !important;max-width:96vw !important;margin:10px auto !important;}
#upro .modal-content.upro-card{overflow:hidden !important;border-radius:14px !important;border:1px solid #cdd8e3 !important;box-shadow:0 14px 36px rgba(24,48,78,.18) !important;}
#upro .upro-body{display:flex !important;flex-direction:column !important;padding:0 0 10px !important;overflow-x:hidden !important;background:#fff !important;}
#upro .upro-banner{display:none !important;}
#upro .upro-meta-line{order:1 !important;direction:ltr !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:8px !important;padding:10px 12px !important;background:#f8fbff !important;border-top:0 !important;border-bottom:1px solid #e7eef6 !important;}
#upro .upro-country{order:1 !important;direction:rtl !important;display:inline-flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;font-size:13px !important;font-weight:bold !important;color:#244d72 !important;}
#upro .upro-country .upro-country-flag{width:22px !important;height:15px !important;border:1px solid #cfd8e3 !important;border-radius:2px !important;display:inline-block !important;box-shadow:0 1px 2px rgba(0,0,0,.08);}
#upro .upro-country .upro-country-name{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:180px !important;display:inline-block !important;}
#upro .upro-roomtag{order:2 !important;display:flex !important;justify-content:flex-end !important;min-width:0 !important;}
#upro .upro-roomtag .roomh{display:inline-flex !important;align-items:center !important;gap:5px !important;float:none !important;background:linear-gradient(180deg,#163c6a,#102a48) !important;color:#fff !important;border:1px solid #082038 !important;border-radius:8px !important;padding:3px 8px !important;max-width:168px !important;min-height:30px !important;box-shadow:0 4px 10px rgba(16,42,72,.18) !important;}
#upro .upro-roomtag .upro-room-pic{width:18px !important;height:18px !important;border-radius:3px !important;object-fit:cover !important;background:#fff !important;}
#upro .upro-roomtag .upro-room-title{display:inline-block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:125px !important;}
#upro .upro-topbox{order:2 !important;display:flex !important;align-items:center !important;gap:10px !important;padding:12px !important;min-height:auto !important;background:#fff !important;}
#upro .upro-avatar{width:96px !important;height:96px !important;flex:0 0 96px !important;border:1px solid #d9e2ec !important;border-radius:18px !important;background-size:cover !important;background-repeat:no-repeat !important;background-position:center center !important;box-shadow:0 6px 18px rgba(0,0,0,.08) !important;}
#upro .upro-maininfo{display:block !important;flex:1 !important;min-width:0 !important;padding:0 !important;margin:0 !important;}
#upro .upro-name-line{font-size:22px !important;color:#18324d !important;line-height:1.25 !important;margin:0 0 6px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
#upro .upro-status-row{font-size:14px !important;color:#3f4f5f !important;min-height:20px !important;white-space:normal !important;word-break:break-word !important;margin:0 !important;}
#upro .upro-camera{left:auto !important;top:18px !important;z-index:2 !important;background:#ffffff !important;border:1px solid #d7e1eb !important;box-shadow:0 3px 8px rgba(0,0,0,.08) !important;}
#upro .upro-register-state{order:3 !important;padding:4px 12px 8px !important;font-size:16px !important;color:#6d5b5b !important;}
#upro .upro-action-grid{order:4 !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;padding:0 10px 10px !important;overflow:hidden !important;}
#upro .upro-btn{min-width:0 !important;}
#upro .upro-admin-area{order:5 !important;padding:0 10px 12px !important;overflow:hidden !important;}
#upro .upro-edit-row{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:nowrap !important;min-width:0 !important;}
#upro .upro-edit-label{flex:0 0 82px !important;width:82px !important;}
#upro .upro-edit-input{flex:1 1 auto !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box !important;}
#upro .upro-save-btn{flex:0 0 58px !important;width:58px !important;min-width:58px !important;border-radius:8px !important;}
#upro .upro-edit-row.roombox{flex-wrap:wrap !important;}
#upro .upro-edit-row.roombox .upro-edit-label{flex:0 0 100% !important;width:100% !important;}
#upro .upro-edit-row.roombox .upro-edit-input{width:100% !important;}
#upro.simple-view .upro-meta-line{padding:8px 10px !important;}
#upro.simple-view .upro-topbox{padding:10px !important;}
#upro.simple-view .upro-avatar{width:86px !important;height:86px !important;flex:0 0 86px !important;}
#upro.simple-view .upro-maininfo{display:block !important;}
#upro.simple-view .upro-country{width:auto !important;text-align:right !important;}
#upro.simple-view .upro-roomtag{width:auto !important;text-align:left !important;}
#upro.simple-view .upro-action-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;padding:0 8px 8px !important;}




/* ===== PROFILE FINAL SCROLL + ORDER FIX ===== */
#upro .modal-dialog{
  width:370px !important;
  max-width:96vw !important;
  margin:8px auto !important;
}
#upro .modal-content.upro-card{
  max-height:calc(100vh - 16px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
#upro .upro-head{
  flex:0 0 auto !important;
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
}
#upro .upro-body{
  display:block !important;
  max-height:calc(100vh - 68px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 0 12px !important;
  background:#fff !important;
}
#upro .upro-meta-line,
#upro .upro-topbox,
#upro .upro-register-state,
#upro .upro-action-grid,
#upro .upro-admin-area{
  width:100% !important;
  box-sizing:border-box !important;
}
#upro .upro-topbox{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px !important;
}
#upro .upro-action-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  padding:0 10px 10px !important;
  overflow:visible !important;
}
#upro .upro-btn{
  min-height:44px !important;
  padding:8px 6px !important;
}
#upro .upro-btn span{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#upro .upro-admin-area{
  padding:0 10px 16px !important;
  overflow:visible !important;
}
#upro .upro-edit-row{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
}
#upro .upro-edit-input{
  min-width:0 !important;
}
#upro .upro-save-btn{
  min-width:56px !important;
}
#upro.simple-view .upro-body{
  max-height:calc(100vh - 68px) !important;
  overflow-y:auto !important;
}




/* ===== PRIVATE IMAGE/FILE MESSAGE PREVIEW ===== */
.chat-image-message{display:block;max-width:260px;margin:4px 0;}
.chat-image-message a{display:inline-block;border-radius:10px;overflow:hidden;border:1px solid #d8e2ed;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08);}
.chat-image-message img{display:block;max-width:260px;max-height:220px;width:auto;height:auto;object-fit:contain;background:#fff;}
.chat-file-message{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe1f5;border-radius:10px;background:#f5faff;color:#1768b3!important;padding:7px 10px;text-decoration:none!important;font:bold 13px Tahoma,Arial;}
.chat-file-message:hover{filter:brightness(.98);}
.private-window .chat-image-message img{max-width:240px;max-height:210px;}


/* ===== LOGIN STEALTH EYE BUTTON ===== */
#l2 .stealth-eye-btn{
  float:right;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:30px;
  margin:0 4px 0 0;
  border-radius:6px;
  background:transparent;
  color:#000;
  cursor:pointer;
  border:0;
  transition:background .12s ease, color .12s ease, transform .08s ease, box-shadow .12s ease;
}
#l2 .stealth-eye-btn input{display:none!important;}
#l2 .stealth-eye-btn i{font-size:16px;line-height:1;}
#l2 .stealth-eye-btn:hover{background:#e9f7fd;}
#l2 .stealth-eye-btn.active{
  background:#56c5e9;
  color:#111;
  box-shadow:0 2px 6px rgba(0,0,0,.14);
}
#l2 .stealth-eye-btn:active{transform:translateY(1px) scale(.96);}


/* ===== PRESENCE STATUS COLORS ===== */
.offline-sticky-user{opacity:.78 !important;}
.offline-sticky-user .u-topic{filter:grayscale(.25);}
.offline-sticky-user .u-msg{color:#7f8c8d !important;}


/* ===== FRONT SITE BANNER FROM CONTROL PANEL ===== */
#frontSiteBanner.front-site-banner{
  width:100%;
  height:145px;
  overflow:hidden;
  position:relative;
  background:#07192b;
  border-bottom:1px solid rgba(0,0,0,.25);
  box-sizing:border-box;
}
#frontSiteBanner .front-site-banner-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
#frontSiteBanner .front-site-refresh{
  position:absolute;
  top:7px;
  right:7px;
  width:36px;
  height:36px;
  border:0;
  border-radius:4px;
  background:#49c755;
  color:#fff;
  font-size:18px;
  line-height:36px;
  text-align:center;
  box-shadow:0 3px 10px rgba(0,0,0,.25);
  cursor:pointer;
}
#frontSiteBanner .front-site-refresh:active{transform:translateY(1px) scale(.98);}

/* ===== CLEAN WALL / SETTINGS REBUILD ===== */
#wall.tab-pane{display:none !important;}
#wall.tab-pane.active{display:flex !important;}

.dpnl.tab-content{padding-bottom:0 !important;}
.dpnl > .tab-pane{
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}
#settings,
#users,
#rooms,
#chats,
#wall{
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}
#settings,
#users,
#rooms,
#chats{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

#wall{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:#eef0f4 !important;
}
#wallStories{
  flex:0 0 auto !important;
  width:100% !important;
  padding:6px 6px 4px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  background:#f8f8fb !important;
  border-bottom:1px solid #d8dce4 !important;
  box-sizing:border-box !important;
}
#wallStories .story-bubble{display:inline-flex !important; flex-direction:column !important; align-items:center !important; width:62px !important; margin:0 4px !important; vertical-align:top !important;}
#wallStories .story-thumb{width:52px !important; height:52px !important; border-radius:50% !important; background:#ddd center/cover no-repeat !important; border:2px solid #2a7fd1 !important; box-shadow:0 0 0 2px #fff inset !important;}
#wallStories .story-owner-ring{position:relative !important;width:58px !important;height:58px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;isolation:isolate !important;}
#wallStories .story-owner-ring:before{content:"" !important;position:absolute !important;inset:0 !important;border-radius:50% !important;background:conic-gradient(from 0deg,#00eaff,#7857ff,#ff3fb4,#ffd84a,#46ff9a,#00eaff) !important;animation:storyMagicSpin 2.1s linear infinite !important;box-shadow:0 0 7px rgba(67,184,255,.85),0 0 12px rgba(255,63,180,.4) !important;z-index:0 !important;}
#wallStories .story-owner-ring:after{content:"" !important;position:absolute !important;inset:3px !important;border-radius:50% !important;background:#fff !important;z-index:1 !important;}
#wallStories .story-owner-bubble .story-thumb{position:relative !important;width:50px !important;height:50px !important;border:0 !important;box-shadow:none !important;z-index:2 !important;overflow:hidden !important;background-color:#ddd !important;background-image:var(--story-owner-pic) !important;background-position:center !important;background-size:cover !important;background-repeat:no-repeat !important;}
#wallStories .story-owner-bubble .story-name{display:none !important;}
#wallStories .story-owner-label{position:absolute !important;left:2px !important;right:2px !important;bottom:2px !important;z-index:4 !important;display:block !important;height:15px !important;padding:0 2px !important;border-radius:8px !important;background:rgba(0,0,0,.68) !important;color:#fff !important;font:700 9px/15px Tahoma,Arial,sans-serif !important;text-align:center !important;direction:rtl !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;box-sizing:border-box !important;}
@keyframes storyMagicSpin{to{transform:rotate(360deg)}}
#wallStories .story-name{font-size:11px !important; line-height:14px !important; color:#333 !important; margin-top:4px !important; max-width:60px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; text-align:center !important;}
#wallStories .add-story .story-thumb{display:flex !important; align-items:center !important; justify-content:center !important; background:#11345d !important; color:#fff !important; border-color:#11345d !important;}
#wallStories .add-story .story-thumb span{font-size:20px !important;}

#wall .d2bc{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 0 8px 0 !important;
  box-sizing:border-box !important;
}

#wall .wall-input-box{
  flex:0 0 48px !important;
  min-height:48px !important;
  max-height:48px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex-wrap:nowrap !important;
  padding:6px !important;
  background:#fff !important;
  border-top:1px solid #d5d9e0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
#wall .wall-input-box > *{
  float:none !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#wall .wall-input-box .story-upload-btn,
#wall .wall-input-box .sndfilebc,
#wall .wall-input-box .emobc{
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:8px !important;
}
#wall .wall-input-box .emobc{padding:2px !important;}
#wall .wall-input-box .tboxbc{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:32px !important;
  max-height:32px !important;
  padding:5px 8px !important;
  line-height:20px !important;
  resize:none !important;
  box-sizing:border-box !important;
}
#wall .wall-input-box .sndbc{
  width:64px !important;
  min-width:64px !important;
  height:32px !important;
  flex:0 0 64px !important;
  border-radius:10px !important;
}

#wall .wall-attach-box{display:block !important; margin-top:6px !important; max-width:100% !important;}
#wall .wall-attach-img{display:block !important; max-width:100% !important; max-height:230px !important; border-radius:10px !important;}
#wall .wall-attach-video{display:block !important; max-width:100% !important; max-height:250px !important; border-radius:10px !important; background:#000 !important;}
#wall .wall-attach-audio{display:block !important; width:100% !important;}
#wall .wall-attach-link{display:inline-block !important; padding:6px 10px !important; border-radius:8px !important; background:#eef5ff !important; color:#0f2f56 !important; font-weight:700 !important;}


/* ===== PUBLIC MESSAGE ACTIONS: delete then reply ===== */
#d2 .mm{position:relative !important;}
#d2 .chat-message-actions{
  position:absolute !important;
  top:1px !important;
  right:2px !important;
  z-index:4 !important;
  display:flex !important;
  direction:ltr !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  gap:2px !important;
  width:auto !important;
  height:22px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
#d2 .chat-message-action,
#d2 .chat-reply-btn,
#d2 .delmsg-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 22px !important;
  width:22px !important;
  min-width:22px !important;
  max-width:22px !important;
  height:22px !important;
  min-height:22px !important;
  max-height:22px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--final-chat-color, var(--chat-buttons, #4f807d)) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:22px !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
#d2 .chat-message-action i{margin:0 !important;padding:0 !important;line-height:1 !important;}
#d2 .chat-message-action:active{filter:brightness(.82);}
#d2 .mm>.tago{
  position:absolute !important;
  top:25px !important;
  right:2px !important;
  margin:0 !important;
  padding:0 2px !important;
  float:none !important;
  z-index:5 !important;
  min-width:22px !important;
  height:16px !important;
  line-height:16px !important;
  text-align:center !important;
  white-space:nowrap !important;
  background:transparent !important;
}

/* Keep the member name at the original top line while actions stay overlaid. */
#d2 .mm>.u-pic + .tago + .uzr{
  margin-top:0 !important;
  clear:none !important;
}


/* ===== MIC ICON CONTROL PANEL FIX ===== */
#freshVoiceBar .fresh-mic-seat,
.room-mic-btn,
.room-mic-slot,
.room-mic-seat{
  background-repeat:no-repeat !important;
  background-position:center !important;
}


/* =========================================================
   ORIGINAL VERSION PATCH - rooms layout + stable room save
   - الشريط على اليمين
   - الصور يسار
   - الاسم/الوصف بالوسط
   - العداد يمين
   ========================================================= */
#rooms{
  direction:ltr !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#ffffff !important;
  box-sizing:border-box !important;
}
#rooms > *{ direction:rtl !important; }
#rooms > .bgg:first-child,
#rooms > .label-primary:first-child{
  width:100% !important;
  height:31px !important;
  min-height:31px !important;
  line-height:31px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#d80000 !important;
  background-image:none !important;
  box-sizing:border-box !important;
}
#rooms > .bgg:first-child .btn,
#rooms > .label-primary:first-child .btn{
  float:left !important;
  margin:3px 0 0 4px !important;
  height:24px !important;
  line-height:22px !important;
  padding:0 10px !important;
  border-radius:4px !important;
  border:1px solid #fff !important;
  background:#2eaa57 !important;
  color:#fff !important;
  font:bold 12px Tahoma,Arial !important;
}
#rooms .room,
#rooms .room-row{
  display:block !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  min-height:46px !important;
  padding:6px 64px 6px 40px !important;
  margin:0 !important;
  position:relative !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  background:#f6f6f6 !important;
  border:0 !important;
  border-bottom:1px solid #d6d6d6 !important;
  border-top:1px solid #ffffff !important;
  direction:rtl !important;
}
#rooms .room.active-room,
#rooms .room.current-room,
#rooms .room.inroom{
  box-shadow:inset 0 0 0 1px #2f80ed !important;
  background:#f8fbff !important;
}
#rooms .room .uc,
#rooms .room .room-count{
  position:absolute !important;
  top:8px !important;
  right:6px !important;
  left:auto !important;
  float:none !important;
  min-width:56px !important;
  height:22px !important;
  line-height:22px !important;
  padding:0 5px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:2px !important;
  background:#e00000 !important;
  color:#fff !important;
  text-align:center !important;
  font:bold 12px Tahoma,Arial !important;
  box-sizing:border-box !important;
}
#rooms .room .room-pic,
#rooms .room .u-pic{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  right:auto !important;
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  float:none !important;
  object-fit:cover !important;
  background:#fff !important;
  border:0 !important;
  border-radius:2px !important;
  box-shadow:none !important;
}
#rooms .room .room-meta,
#rooms .room > div.fl{
  float:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  text-align:right !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
#rooms .room .u-topic{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#111 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  text-align:right !important;
  direction:rtl !important;
  font:bold 12px Tahoma,Arial !important;
  line-height:16px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#rooms .room .u-msg{
  display:block !important;
  width:100% !important;
  margin:2px 0 0 0 !important;
  padding:0 !important;
  color:#8b8b8b !important;
  font:11px Tahoma,Arial !important;
  line-height:13px !important;
  text-align:right !important;
  direction:rtl !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#rooms .room .room-lock{
  display:inline-block !important;
  width:12px !important;
  height:12px !important;
  margin:0 0 0 3px !important;
  vertical-align:-2px !important;
  float:none !important;
}

/* ===== REMOVE DEFAULT YELLOW ROOM SQUARES =====
   إخفاء صورة الغرفة الافتراضية الصفراء فقط، مع إبقاء الصور المرفوعة ظاهرة.
   ===== */
#rooms .room .u-pic[src$="/imgs/s1.png"],
#rooms .room .u-pic[src$="imgs/s1.png"],
#rooms .room .u-pic[src$="s1.png"],
#rooms .room .room-pic[src$="/imgs/s1.png"],
#rooms .room .room-pic[src$="imgs/s1.png"],
#rooms .room .room-pic[src$="s1.png"]{
  display:none !important;
  visibility:hidden !important;
}


/* إزالة المربعات/الزيادات من عداد الغرف */
#rooms .room .uc,
#rooms .room .room-count{
  background-image:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  overflow:hidden !important;
  min-width:52px !important;
  padding:0 4px !important;
}
#rooms .room .uc:before,
#rooms .room .room-count:before,
#rooms .room .uc:after,
#rooms .room .room-count:after,
#rooms .room .fa-user:before{
  display:none !important;
  content:none !important;
}
#rooms .room .label,
#rooms .room .label-primary{
  background-image:none !important;
}


/* إصلاح عدم تفاعل أزرار تعديل الغرفة */
#mkr .rsave,
#mkr .rmake,
#mkr .rdelete,
#mkr .th-mkr-color-btn,
#mkr .roomcolor,
#mkr .broadcast,
#mkr .nouser,
#mkr .bnrroom,
#mkr .rdel{
  pointer-events:auto !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:10 !important;
}
#mkr .rsave span,
#mkr .rmake span,
#mkr .rdelete span{
  pointer-events:none !important;
}
#mkr.th-mkr-modal,
#mkr .modal-dialog,
#mkr .modal-content{
  pointer-events:auto !important;
}


/* ===== ROOT ROOM MODAL REBUILD OVERRIDE ===== */
#mkr, #mkr *{ pointer-events:auto !important; }
#mkr .modal-dialog{ z-index:90000 !important; }
#mkr .modal-content{ position:relative !important; z-index:90001 !important; }
#mkr .rsave,#mkr .rmake,#mkr .rdelete{
  position:relative !important;
  z-index:90005 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  opacity:1 !important;
}
#mkr .rsave span,#mkr .rmake span,#mkr .rdelete span{pointer-events:none !important;}
#mkr .th-mkr-ops,#ops{ pointer-events:auto !important; }
#mkr input,#mkr button,#mkr label,#mkr .picroom,#mkr .th-mkr-pic{ pointer-events:auto !important; }
#mkr button:disabled{ opacity:.75 !important; }


/* ===== STRICT PERMISSION HIDE ===== */
.perm-hidden,
#upro .perm-hidden,
#settings .perm-hidden,
#rooms .perm-hidden,
.voice-settings-actions .perm-hidden,
#upro.simple-view .perm-hidden,
#upro.simple-view .upro-action-grid .perm-hidden{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
/* ===== END STRICT PERMISSION HIDE ===== */

/* ===== DEFAULT THEME RESTORE GUARD =====
   The Te3b/Qalbi login banner is part of the custom theme only.
   When custom-theme.css is disabled from admin, these raw HTML blocks must stay hidden
   so the original/default chat layout does not stretch or break. */
#mainLoginBanner,
#mainLoginLinks {
  display: none;
}


/* ===== DEFAULT STYLE REPAIR FOR LOGIN PAGE ===== */
body.theme-default-style {
  background: #a80000 !important;
}
body.theme-default-style .dad{
  position: relative !important;
  width: 100% !important;
  height: 100vh !important;
  max-width: none !important;
  margin: 0 !important;
}
body.theme-default-style #tlogins{
  position: absolute !important;
  top: 36px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(420px, 96vw) !important;
  max-width: min(420px, 96vw) !important;
  min-width: 320px !important;
  height: calc(100vh - 52px) !important;
  min-height: 620px !important;
  max-height: calc(100vh - 52px) !important;
  margin: 0 !important;
  background: #f5f5f5 !important;
  border: 1px solid #6b0d0d !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  z-index: 1000 !important;
}
body.theme-default-style #tlogins + #room{display:none !important;}
body.theme-default-style #tlogins > a.label{
  flex: 0 0 auto !important;
  width: 100% !important;
  padding: 6px 8px !important;
  background: #a80000 !important;
  border-radius: 0 !important;
  color: #fff !important;
  text-align: left !important;
  border-bottom: 1px solid #7c0000 !important;
}
body.theme-default-style #tlogins > a.label img{
  width: 28px !important;
  height: 28px !important;
  object-fit: cover !important;
}
body.theme-default-style #tlogins > a.label button{
  background: #71c84c !important;
  border-color: #71c84c !important;
  color: #fff !important;
  border-radius: 2px !important;
}
body.theme-default-style #mainLoginBanner,
body.theme-default-style #mainLoginLinks,
body.theme-default-style #frontFaceButtons,
body.theme-default-style #frontFaceMarquee{display:none !important;}
body.theme-default-style #frontSiteBanner{
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid #d7d7d7 !important;
  background: #fff !important;
}
body.theme-default-style #frontSiteBanner .front-site-banner-img{
  display: block !important;
  width: 100% !important;
  height: 125px !important;
  object-fit: contain !important;
  background: #fff !important;
}
body.theme-default-style #frontSiteBanner .front-site-refresh{
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 34px !important;
  height: 34px !important;
  background: #71c84c !important;
  border: 1px solid #71c84c !important;
  border-radius: 3px !important;
  color: #fff !important;
}
body.theme-default-style #tlogins .nav-tabs,
body.theme-default-style #tlogins #l1,
body.theme-default-style #tlogins #l2,
body.theme-default-style #tlogins #l3,
body.theme-default-style #tlogins .loginstat,
body.theme-default-style #tlogins label[title="المتواجدين الآن"]{
  flex: 0 0 auto !important;
}
body.theme-default-style #tlogins .nav-tabs{
  background: #fff !important;
  border: none !important;
  padding: 6px 6px 0 6px !important;
}
body.theme-default-style #tlogins .nav-tabs li{float:right !important; margin:0 0 6px 6px !important;}
body.theme-default-style #tlogins .nav-tabs li a{
  background: transparent !important;
  color: #1f5f99 !important;
  border: none !important;
  padding: 8px 10px !important;
}
body.theme-default-style #tlogins .tab-pane{
  padding: 8px 6px 4px 6px !important;
  width: 100% !important;
}
body.theme-default-style #tlogins input.border.corner{
  width: calc(100% - 54px) !important;
  max-width: calc(100% - 54px) !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
  background: #fff !important;
  margin-bottom: 6px !important;
}
body.theme-default-style #tlogins .tab-pane button.btn.btn-primary{
  float: left !important;
  margin-top: -37px !important;
  margin-left: 0 !important;
  width: 40px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #a80000 !important;
  border-color: #7f0000 !important;
}
body.theme-default-style #tlogins .stealth-eye-btn{
  float: left !important;
  margin-top: -34px !important;
  margin-left: 48px !important;
}
body.theme-default-style #tlogins .loginstat{
  width: calc(100% - 295px) !important;
  min-width: 80px !important;
  text-align: center !important;
  background: #5dbc59 !important;
  color: #fff !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body.theme-default-style #tlogins label[title="المتواجدين الآن"]{
  width: calc(100% - 90px) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  text-align: center !important;
  background: #9d0000 !important;
  color: #fff !important;
}
body.theme-default-style #tlogins label[title="المتواجدين الآن"] .s1{
  background: #7ed957 !important;
  border-radius: 0 !important;
  margin-left: 6px !important;
}
body.theme-default-style #tlogins .lonline{
  flex: 1 1 auto !important;
  width: 100% !important;
  outline: none !important;
  border-top: 1px solid #d1d1d1 !important;
  background: #f3f3f3 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
body.theme-default-style #tlogins .lonline::-webkit-scrollbar{width:8px;}
body.theme-default-style #tlogins .lonline::-webkit-scrollbar-thumb{background:#999;}
body.theme-default-style #tlogins .uzr{
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #d6d6d6 !important;
  background: #f5f5f5 !important;
  padding: 2px 0 !important;
}
body.theme-default-style #tlogins .u-pic{
  width: 58px !important;
  height: 58px !important;
  border-radius: 0 !important;
  object-fit: cover !important;
}
body.theme-default-style #tlogins .u-topic{
  color: #000 !important;
  font-weight: bold !important;
}
body.theme-default-style #tlogins .u-msg,
body.theme-default-style #tlogins .u-stat{
  color: #666 !important;
}


/* ===== DEFAULT STYLE REPAIR V2 - CLASSIC REFERENCE ALIGNMENT ===== */
body.theme-default-style,
body.theme-default-style .dad{
  background:#a00000 !important;
}
body.theme-default-style #room{
  display:none !important;
}
body.theme-default-style #tlogins{
  top:35px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:420px !important;
  max-width:420px !important;
  min-width:420px !important;
  height:calc(100vh - 54px) !important;
  max-height:calc(100vh - 54px) !important;
  min-height:650px !important;
  border:1px solid #5f0000 !important;
  background:#f4f4f4 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
body.theme-default-style #tlogins > a.label{
  height:50px !important;
  line-height:38px !important;
  background:#a00000 !important;
  border:0 !important;
  border-radius:0 !important;
  padding:6px !important;
}
body.theme-default-style #tlogins > a.label button{
  width:38px !important;
  height:38px !important;
  line-height:36px !important;
  margin:0 !important;
  background:#68c94a !important;
  border:0 !important;
  border-radius:0 !important;
}
body.theme-default-style #frontSiteBanner{
  display:block !important;
  flex:0 0 auto !important;
  height:145px !important;
  width:100% !important;
  background:#fff !important;
  border-bottom:1px solid #d0d0d0 !important;
  overflow:hidden !important;
  position:relative !important;
}
body.theme-default-style #frontSiteBanner .front-site-banner-img{
  width:100% !important;
  height:145px !important;
  display:block !important;
  object-fit:contain !important;
  background:#fff !important;
}
body.theme-default-style #frontSiteBanner .front-site-refresh{
  display:none !important;
}
body.theme-default-style #tlogins .nav.nav-tabs{
  height:44px !important;
  min-height:44px !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #e0e0e0 !important;
  padding:7px 6px !important;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
  direction:rtl !important;
  flex:0 0 auto !important;
}
body.theme-default-style #tlogins .nav.nav-tabs:before,
body.theme-default-style #tlogins .nav.nav-tabs:after{display:none !important;content:none !important;}
body.theme-default-style #tlogins .nav.nav-tabs > li{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
body.theme-default-style #tlogins .nav.nav-tabs > li > a{
  height:28px !important;
  line-height:26px !important;
  padding:0 10px !important;
  margin:0 !important;
  background:transparent !important;
  color:#1f5f99 !important;
  border:0 !important;
  border-radius:0 !important;
  font:bold 13px Tahoma,Arial !important;
  text-decoration:none !important;
}
body.theme-default-style #tlogins .nav.nav-tabs > li.active > a{
  background:#f7f7f7 !important;
  color:#000 !important;
  border:1px solid #ddd !important;
}
body.theme-default-style #tlogins #l1,
body.theme-default-style #tlogins #l2,
body.theme-default-style #tlogins #l3{
  flex:0 0 auto !important;
  width:100% !important;
  min-height:72px !important;
  padding:8px 6px !important;
  margin:0 !important;
  background:#fff !important;
  direction:ltr !important;
  overflow:visible !important;
}
body.theme-default-style #tlogins #l1:not(.hid),
body.theme-default-style #tlogins #l3:not(.hid){
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  grid-template-rows:30px !important;
  gap:5px !important;
  align-items:start !important;
}
body.theme-default-style #tlogins #l2:not(.hid){
  display:grid !important;
  grid-template-columns:42px 1fr 28px !important;
  grid-template-rows:30px 30px !important;
  gap:5px !important;
  align-items:start !important;
}
body.theme-default-style #tlogins #u1,
body.theme-default-style #tlogins #u2,
body.theme-default-style #tlogins #u3,
body.theme-default-style #tlogins #pass1,
body.theme-default-style #tlogins #pass2{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:28px !important;
  line-height:28px !important;
  margin:0 !important;
  padding:0 6px !important;
  border:1px solid #222 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#000 !important;
  text-align:left !important;
  font:bold 13px Tahoma,Arial !important;
  box-shadow:none !important;
}
body.theme-default-style #tlogins #u1,
body.theme-default-style #tlogins #u3{grid-column:2 !important;grid-row:1 !important;}
body.theme-default-style #tlogins #u2{grid-column:2 / 4 !important;grid-row:1 !important;}
body.theme-default-style #tlogins #pass1{grid-column:2 !important;grid-row:2 !important;}
body.theme-default-style #tlogins #pass2{grid-column:2 !important;grid-row:2 !important;}
body.theme-default-style #tlogins #l1 button.btn,
body.theme-default-style #tlogins #l2 button.btn,
body.theme-default-style #tlogins #l3 button.btn,
body.theme-default-style #tlogins button[onclick*="login"]{
  position:static !important;
  float:none !important;
  grid-column:1 !important;
  grid-row:2 !important;
  width:42px !important;
  height:30px !important;
  line-height:28px !important;
  margin:0 !important;
  padding:0 !important;
  background:#a00000 !important;
  border:1px solid #620000 !important;
  border-radius:0 !important;
  color:#fff !important;
  font:bold 13px Tahoma,Arial !important;
  box-shadow:none !important;
}
body.theme-default-style #tlogins #l1 button.btn,
body.theme-default-style #tlogins #l3 button.btn{grid-row:1 !important;}
body.theme-default-style #tlogins .stealth-eye-btn{
  grid-column:3 !important;
  grid-row:2 !important;
  position:static !important;
  float:none !important;
  width:28px !important;
  height:28px !important;
  line-height:28px !important;
  margin:0 !important;
  text-align:center !important;
  color:#000 !important;
  background:transparent !important;
  border:0 !important;
}
body.theme-default-style #tlogins .stealth-eye-btn input{display:none !important;}
body.theme-default-style #tlogins .loginstat{
  flex:0 0 28px !important;
  display:block !important;
  float:none !important;
  width:50% !important;
  height:28px !important;
  line-height:28px !important;
  margin:0 !important;
  padding:0 !important;
  background:#58bd58 !important;
  color:#fff !important;
  border-radius:0 !important;
  text-align:center !important;
  font:bold 13px Tahoma,Arial !important;
}
body.theme-default-style #tlogins label[title="المتواجدين الآن"]{
  flex:0 0 30px !important;
  display:block !important;
  float:none !important;
  width:100% !important;
  height:30px !important;
  line-height:30px !important;
  margin:0 !important;
  padding:0 !important;
  background:#a00000 !important;
  color:#fff !important;
  border-radius:0 !important;
  text-align:center !important;
  font:bold 13px Tahoma,Arial !important;
}
body.theme-default-style #tlogins label[title="المتواجدين الآن"] .s1{
  display:inline-block !important;
  min-width:36px !important;
  height:30px !important;
  line-height:30px !important;
  padding:0 8px !important;
  margin:0 0 0 6px !important;
  background:#75d85b !important;
  color:#fff !important;
  border-radius:0 !important;
}
body.theme-default-style #tlogins .lonline{
  flex:1 1 auto !important;
  height:auto !important;
  max-height:none !important;
  min-height:260px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#f3f3f3 !important;
  outline:none !important;
  border-top:1px solid #d2d2d2 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
body.theme-default-style #tlogins .uzr{
  min-height:58px !important;
  margin:0 !important;
  padding:2px 0 !important;
  border-bottom:1px solid #d7d7d7 !important;
  background:#f5f5f5 !important;
  border-radius:0 !important;
}
body.theme-default-style #tlogins .u-pic{
  width:58px !important;
  height:58px !important;
  object-fit:cover !important;
  border-radius:0 !important;
}

/* ===== FINAL LOGIN HEIGHT + ROOM DISPLAY FIX ===== */
html,body{min-height:100vh !important;}
body.theme-default-style,
body.theme-default-style .dad,
body.theme-custom-style,
body.theme-custom-style .dad{
  min-height:100vh !important;
}

/* الافتراضي: صندوق الدخول يمتد من أعلى لأسفل تقريباً */
body.theme-default-style #tlogins{
  position:absolute !important;
  top:18px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(420px, calc(100vw - 24px)) !important;
  max-width:min(420px, calc(100vw - 24px)) !important;
  min-width:320px !important;
  height:calc(100vh - 36px) !important;
  min-height:calc(100vh - 36px) !important;
  max-height:calc(100vh - 36px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
body.theme-default-style #tlogins .nav.nav-tabs,
body.theme-default-style #tlogins #l1,
body.theme-default-style #tlogins #l2,
body.theme-default-style #tlogins #l3,
body.theme-default-style #tlogins .loginstat,
body.theme-default-style #tlogins label[title="المتواجدين الآن"]{
  flex:0 0 auto !important;
}
body.theme-default-style #tlogins .lonline{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* بعد الدخول: أظهر الشات الداخلي ولا تبقِ صفحة حمراء */
body.site-in-room,
body.site-in-room .dad{
  background:var(--site-content-bg, #dfe4e8) !important;
}
body.site-in-room #room,
body.site-in-room #d2,
body.site-in-room #d0,
body.site-in-room .footer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.site-in-room #frontSiteBanner,
body.site-in-room #mainLoginBanner,
body.site-in-room #mainLoginLinks,
body.site-in-room #frontFaceButtons,
body.site-in-room #frontFaceMarquee{
  display:none !important;
}

/* ===== STEP 5 BUTTON ALIGNMENT FIX ===== */
body.theme-default-style #tlogins .nav.nav-tabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  width:100% !important;
  box-sizing:border-box !important;
}
body.theme-default-style #tlogins .nav.nav-tabs > li{
  float:none !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
body.theme-default-style #tlogins .nav.nav-tabs > li > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  line-height:1.2 !important;
  padding:0 6px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:12px !important;
}

/* ===== FIX: remove checkbox squares from login tab buttons ===== */
#tlogins ul.nav.nav-tabs input[type="checkbox"],
#tlogins ul.nav.nav-tabs input[type="radio"],
#tlogins ul.nav.nav-tabs > li > a input,
#tlogins ul.nav.nav-tabs > li > a .checkbox,
#tlogins ul.nav.nav-tabs > li > a .radio{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#tlogins ul.nav.nav-tabs > li > a{
  gap:0 !important;
}


/* ===== REAL FIX: remove FontAwesome square icons from login tabs ===== */
#tlogins ul.nav.nav-tabs > li > a:before,
#tlogins ul.nav.nav-tabs > li > a:after,
#tlogins ul.nav.nav-tabs > li > a.login-tab-clean:before,
#tlogins ul.nav.nav-tabs > li > a.login-tab-clean:after{
  content:"" !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#tlogins ul.nav.nav-tabs > li > a.login-tab-clean{
  font-family:Tahoma, Arial, sans-serif !important;
}

/* ===== FINAL FULL HEIGHT EDGE-TO-EDGE LOGIN PANEL ===== */
html,body,.dad{
  width:100% !important;
  height:100vh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
body.theme-default-style:not(.site-in-room){
  background:#a00000 !important;
}
body.theme-default-style:not(.site-in-room) #tlogins{
  top:0 !important;
  bottom:0 !important;
  height:100vh !important;
  min-height:100vh !important;
  max-height:100vh !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(420px,100vw) !important;
  max-width:min(420px,100vw) !important;
  min-width:320px !important;
  margin:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
body.theme-default-style:not(.site-in-room) #tlogins .lonline{
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:none !important;
  height:auto !important;
  overflow-y:auto !important;
}


/* ===== FRONT BUTTONS ADMIN LINKING FIX =====
   الأزرار الموجودة في #mainLoginLinks هي المعتمدة الآن.
   يتم تفعيلها/تعطيلها وربط روابطها من لوحة التحكم.
   تم إلغاء أزرار frontFaceButtons القديمة حتى لا يظهر ستايل مزدوج. */
#frontFaceButtons { display: none !important; }
body:not(.site-front-buttons-on) #mainLoginLinks { display: none !important; }
body.site-front-buttons-on #mainLoginLinks { display: grid !important; }
#mainLoginLinks a { cursor: pointer !important; }
body:not(.site-front-buttons-on) #mainLoginLinks a { pointer-events: none !important; }

/* ===== STEP 7 WALL / STORY PANEL CLEAN FIX ===== */
.dpnl{
  overflow:hidden !important;
}
.dpnl #wall.tab-pane,
.dpnl #wall.tab-pane.active{
  height:100% !important;
  width:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) 48px !important;
  grid-template-columns:100% !important;
  overflow:hidden !important;
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:#eef0f4 !important;
}
.dpnl #wallStories{
  grid-row:1 !important;
  grid-column:1 !important;
  position:relative !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  min-height:78px !important;
  max-height:96px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
  z-index:2 !important;
}
.dpnl #wall #d2bc,
.dpnl #wall .d2bc{
  grid-row:2 !important;
  grid-column:1 !important;
  position:relative !important;
  float:none !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  margin:0 !important;
  padding:0 0 8px 0 !important;
  box-sizing:border-box !important;
  z-index:1 !important;
}
.dpnl #wall .wall-input-box{
  grid-row:3 !important;
  grid-column:1 !important;
  position:relative !important;
  float:none !important;
  display:flex !important;
  width:100% !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  margin:0 !important;
  padding:6px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  z-index:3 !important;
  background:#fff !important;
  border-top:1px solid #d5d9e0 !important;
}
.dpnl #wall .wall-input-box:after{
  content:"" !important;
  display:block !important;
  clear:both !important;
}
.dpnl #wall .wall-input-box > *{
  float:none !important;
  position:relative !important;
  margin:0 !important;
}
.dpnl #wall .story-viewer{
  position:absolute !important;
  inset:0 !important;
  z-index:50 !important;
  background:rgba(7,18,36,.92) !important;
  padding:10px !important;
  box-sizing:border-box !important;
}
.dpnl #wall .story-viewer[style*="display:none"],
.dpnl #wall .story-viewer[style*="display: none"]{
  display:none !important;
}
.dpnl #wall .story-viewer-inner{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  overflow:hidden !important;
}
.dpnl #wall .story-viewer-side,
.dpnl #wall .story-viewer-tools{
  position:relative !important;
  z-index:2 !important;
}
.dpnl #wall .story-media-wrap{
  position:relative !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.dpnl #wall .story-main-media{
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  border-radius:10px !important;
}
.dpnl #wall .story-caption{
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  bottom:8px !important;
  color:#fff !important;
  text-align:center !important;
  text-shadow:0 1px 4px rgba(0,0,0,.75) !important;
}


/* ===== SETTINGS BUTTON CLICK FIX ===== */
#settings .settings-profile-card{
  width:100% !important;
  margin:1px 0 7px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-sizing:border-box !important;
  direction:ltr !important;
}
#settings .settings-profile-field{
  display:grid !important;
  grid-template-columns:1fr !important;
  width:100% !important;
  margin:0 0 2px !important;
}
#settings .settings-profile-field > .label{
  justify-self:start !important;
  width:40% !important;
  min-width:132px !important;
  height:25px !important;
  margin:0 !important;
  padding:3px 5px !important;
  border:0 !important;
  border-radius:0 !important;
  line-height:19px !important;
  text-align:center !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
#settings .settings-profile-field > input{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:27px !important;
  margin:0 !important;
  padding:2px 4px !important;
  border:1px solid #777 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111 !important;
  font:bold 14px Tahoma,Arial,sans-serif !important;
  box-sizing:border-box !important;
  outline:0 !important;
  direction:rtl !important;
}
#settings .settings-profile-color-row{
  display:grid !important;
  grid-template-columns:minmax(132px,40%) 64px 1fr !important;
  direction:ltr !important;
  align-items:center !important;
  width:100% !important;
  min-height:25px !important;
  margin:0 0 1px !important;
}
#settings .settings-profile-color-row > .label{
  width:100% !important;
  height:25px !important;
  margin:0 !important;
  padding:3px 5px !important;
  border:0 !important;
  border-radius:0 !important;
  line-height:19px !important;
  text-align:center !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
#settings .settings-profile-color-row > input{
  display:block !important;
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  height:24px !important;
  margin:0 4px !important;
  padding:0 !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background-color:var(--settings-swatch-color, #fff) !important;
  background-image:none !important;
  color:transparent !important;
  caret-color:transparent !important;
  text-shadow:none !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
}
#settings .settings-profile-save{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  min-height:36px !important;
  margin:6px 0 0 !important;
  padding:5px !important;
  border:1px solid #16651f !important;
  border-radius:0 !important;
  background:#5abd61 !important;
  color:#fff !important;
  font:bold 13px Tahoma,Arial,sans-serif !important;
  line-height:24px !important;
  text-align:center !important;
  box-sizing:border-box !important;
}
#settings .voice-settings-actions,
#settings .voice-settings-actions *{
  pointer-events:auto !important;
}
#settings .voice-setting-btn{
  cursor:pointer !important;
  user-select:none !important;
}
#settings .voice-setting-btn img,
#settings .voice-setting-btn span,
#settings .voice-setting-btn i{
  pointer-events:none !important;
}

/* ===== STEP 11 STRICT DPANEL ACTIVE TAB FIX =====
   يمنع الحائط/الستوري من الظهور داخل الإعدادات أو الغرف أو الخاص. */
.dpnl > .tab-pane{
  display:none !important;
}
.dpnl > .tab-pane.active,
.dpnl > .tab-pane.in.active{
  display:block !important;
}
.dpnl > #wall.tab-pane.active,
.dpnl > #wall.tab-pane.in.active{
  display:grid !important;
}
.dpnl > #wall.tab-pane:not(.active),
.dpnl > #settings.tab-pane:not(.active),
.dpnl > #rooms.tab-pane:not(.active),
.dpnl > #users.tab-pane:not(.active),
.dpnl > #chats.tab-pane:not(.active){
  display:none !important;
}
.dpnl > #settings.tab-pane.active{
  display:block !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* ===== GLOBAL COMPACT LOGIN SPACING FIX - DEFAULT STYLE =====
   تقليل الفراغات في الستايل الأساسي ليكون متقارب ومتناسق */
body.theme-default-style #frontSiteBanner,
body.theme-default-style #mainLoginBanner,
body.theme-default-style #mainLoginLinks,
body.theme-default-style #frontFaceMarquee,
body.theme-default-style #tlogins > a.label,
body.theme-default-style #tlogins > a.label-primary{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
body.theme-default-style #mainLoginBanner{padding:8px 10px 6px !important;}
body.theme-default-style #mainLoginLinks{padding:4px 8px !important; gap:4px !important;}
body.theme-default-style #frontFaceMarquee{padding:3px 8px !important;}
body.theme-default-style #tlogins .nav.nav-tabs{
  margin:0 !important;
  padding:6px 8px 4px !important;
  gap:6px !important;
}
body.theme-default-style #tlogins .nav.nav-tabs > li{margin:0 !important;}
body.theme-default-style #tlogins #l1.hid,
body.theme-default-style #tlogins #l2.hid,
body.theme-default-style #tlogins #l3.hid,
body.theme-default-style #tlogins .tab-pane.hid,
body.theme-default-style #tlogins .tab-pane:not(.active):not(.in){
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
body.theme-default-style #tlogins #l1:not(.hid),
body.theme-default-style #tlogins #l2:not(.hid),
body.theme-default-style #tlogins #l3:not(.hid),
body.theme-default-style #tlogins .tab-pane.active,
body.theme-default-style #tlogins .tab-pane.in{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-auto-rows:auto !important;
  align-content:start !important;
  gap:8px !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 10px 8px !important;
  margin:0 !important;
}
body.theme-default-style #tlogins #u1,
body.theme-default-style #tlogins #u2,
body.theme-default-style #tlogins #u3,
body.theme-default-style #tlogins #pass1,
body.theme-default-style #tlogins #pass2,
body.theme-default-style #tlogins #l1 button.btn,
body.theme-default-style #tlogins #l2 button.btn,
body.theme-default-style #tlogins #l3 button.btn,
body.theme-default-style #tlogins button[onclick*="login"]{
  grid-column:1 !important;
  grid-row:auto !important;
  margin:0 !important;
}
body.theme-default-style #tlogins .stealth-eye-btn{margin:0 !important;}
body.theme-default-style #tlogins .loginstat,
body.theme-default-style #tlogins label[title="المتواجدين الآن"]{
  margin-top:0 !important;
  margin-bottom:0 !important;
}



/* ===== STEP17 REFRESH LOGIN CLEAN FIX =====
   عند تحديث الصفحة يجب إخفاء الشات الداخلي وشريط الإرسال حتى يتم تسجيل الدخول بنجاح. */
body.login-screen-active #room,
body.login-screen-active #d2,
body.login-screen-active #d0,
body.login-screen-active .footer,
body:not(.site-in-room) #room,
body:not(.site-in-room) #d2,
body:not(.site-in-room) #d0,
body:not(.site-in-room) .footer{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body.site-in-room #room,
body.site-in-room #d2,
body.site-in-room #d0,
body.site-in-room .footer{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}

body.login-screen-active #tlogins,
body:not(.site-in-room) #tlogins{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  z-index:9999 !important;
}


/* ===== USERS LIST ROOM/CHAT GROUPING FIX ===== */
#users .user-group-header{
  display:block !important;
  width:100% !important;
  height:30px !important;
  line-height:22px !important;
  margin:0 !important;
  padding:4px 8px !important;
  border:0 !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:both !important;
  text-align:center !important;
  font-weight:700 !important;
  color:#fff !important;
  background:#2f6478 !important;
}
#users .users-inroom-header{
  background:#2f6478 !important;
}
#users .users-chat-header{
  background:#2f6478 !important;
}
#users .uzr{
  float:none !important;
  clear:both !important;
  width:100% !important;
  box-sizing:border-box !important;
}
#users .uzr.inroom{
  background:#ffffff !important;
}
#users .uzr.not-inroom{
  background:#fbfbfb !important;
}
#users .uzr.not-inroom .u-msg:after{
  content:"";
}
#users .user-group-header + .user-group-header{
  margin-top:0 !important;
}
/* ===== USERS PANEL SEARCH TOP + EXIT BUTTONS FIX ===== */
#users{display:flex !important;flex-direction:column !important;overflow-y:auto !important;}
#users > #usearch{order:-9999 !important;flex:0 0 auto !important;position:sticky !important;top:0 !important;z-index:20 !important;background:#fff !important;margin:0 !important;}
#users > .user-group-header{flex:0 0 auto !important;width:100% !important;margin:0 !important;border-radius:0 !important;padding:6px 4px !important;text-align:center !important;}
#users > .uzr:not(.user-group-header){flex:0 0 auto !important;}
#btnLogoutChat,#btnLeaveRoom{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:4px 7px !important;}


/* ===== WALL COMMENTS PANEL ===== */
#wall .wall-comments-panel{
  position:fixed !important;
  top:54px !important;
  left:auto !important;
  width:320px !important;
  max-width:calc(100vw - 36px) !important;
  height:430px !important;
  max-height:calc(100vh - 80px) !important;
  z-index:100050 !important;
  display:none;
  flex-direction:column !important;
  background:#f2f2f2 !important;
  border:1px solid #1b2846 !important;
  box-sizing:border-box !important;
  box-shadow:0 10px 35px rgba(0,0,0,.25) !important;
  overflow:hidden !important;
}
#wall .wall-comments-head{
  width:100% !important;
  min-height:32px !important;
  padding:4px 6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  background:#04152f !important;
  color:#fff !important;
  border-radius:0 !important;
}
#wall .wall-comments-title{margin:0 !important;color:#fff !important;font-size:14px !important;font-weight:700 !important;}
#wall .wall-comments-close{float:none !important;margin:0 !important;padding:2px 9px !important;border-radius:10px !important;line-height:1 !important;font-size:24px !important;font-weight:700 !important;color:#fff !important;background:#8f5f69 !important;border:1px solid #ddd !important;cursor:pointer !important;}
#wall .wall-comments-post{
  padding:6px !important;
  border-bottom:1px solid #98a6bc !important;
  background:#fff !important;
  overflow:hidden !important;
}
#wall .wall-comments-origin{display:flex !important;align-items:flex-start !important;gap:8px !important;}
#wall .wall-comments-origin-pic{width:46px !important;height:46px !important;border-radius:2px !important;flex:0 0 46px !important;object-fit:cover !important;background:#ddd !important;display:block !important;border:1px solid #d0d0d0 !important;}
#wall .wall-comments-origin-topic{font-weight:700 !important;color:#111 !important;line-height:1.4 !important;}
#wall .wall-comments-origin-msg{color:#1d4ed8 !important;line-height:1.55 !important;word-break:break-word !important;margin-top:2px !important;}
#wall .wall-comments-list{
  flex:1 1 auto !important;
  overflow:auto !important;
  background:#efefef !important;
  padding:0 !important;
}
#wall .wall-comment-item{
  display:flex !important;
  gap:8px !important;
  padding:6px !important;
  border-bottom:1px solid #d8d8d8 !important;
  background:#fff !important;
}
#wall .wall-comment-pic{width:40px !important;height:40px !important;border-radius:2px !important;flex:0 0 40px !important;object-fit:cover !important;background:#ddd !important;display:block !important;border:1px solid #d0d0d0 !important;}
#wall .wall-comment-body{min-width:0 !important;flex:1 1 auto !important;}
#wall .wall-comment-line{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;}
#wall .wall-comment-topic{font-weight:700 !important;color:#111 !important;background:#0a0 !important;color:#fff !important;padding:1px 6px !important;border-radius:3px !important;display:inline-block !important;}
#wall .wall-comment-time{font-size:11px !important;color:#666 !important;white-space:nowrap !important;}
#wall .wall-comment-msg{margin-top:3px !important;color:#0047b3 !important;line-height:1.5 !important;word-break:break-word !important;}
#wall .wall-comments-empty{padding:18px 10px !important;text-align:center !important;color:#666 !important;}
#wall .wall-comments-sendbox{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  padding:4px !important;
  border-top:1px solid #c8cede !important;
  background:#fff !important;
}
#wall .wall-comments-input{flex:1 1 auto !important;resize:none !important;height:32px !important;min-height:32px !important;max-height:72px !important;background:#fff !important;border-radius:0 !important;}
#wall .wall-comments-send{flex:0 0 auto !important;min-width:34px !important;height:32px !important;padding:4px 9px !important;}
#wall .commentbc-btn{background:#0a2345 !important;border-color:#0a2345 !important;}
#wall .commentbc-btn .commentbc-count{font-weight:700 !important;}
body.site-wall-comments-disabled #wall .commentbc-btn,
body.site-wall-comments-disabled #wallCommentsPanel{display:none !important;}




/* ===== WALL IMAGE + YOUTUBE BUTTONS ===== */
#wall .wall-input-box .wall-youtube-btn,
#wall .wall-input-box .wall-upload-image-btn{
  width:32px !important;
  min-width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:4px !important;
  background:#061a38 !important;
  color:#fff !important;
  border:0 !important;
  font-size:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#wall .wall-youtube-box{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:330px !important;
  max-width:calc(100vw - 28px) !important;
  z-index:100200 !important;
  border-radius:0 0 12px 12px !important;
  background:#111a34 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.35) !important;
  overflow:hidden !important;
  direction:rtl !important;
}
#wall .wall-youtube-head{
  height:50px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:8px 12px !important;
  background:#172341 !important;
  color:#fff !important;
  box-sizing:border-box !important;
}
#wall .wall-youtube-title{font-weight:700 !important;font-size:13px !important;display:flex !important;gap:7px !important;align-items:center !important;}
#wall .wall-youtube-title .fa{color:#fff !important;}
#wall .wall-youtube-close{
  width:31px !important;height:31px !important;border:0 !important;border-radius:7px !important;
  background:#e11d1d !important;color:#fff !important;font-size:24px !important;line-height:28px !important;font-weight:700 !important;
}
#wall .wall-youtube-body{padding:16px 14px 20px !important;background:#111a34 !important;}
#wall .wall-youtube-search-row{
  height:38px !important;border:1px solid #34558f !important;border-radius:9px !important;
  display:flex !important;align-items:center !important;gap:8px !important;padding:0 10px !important;background:#0c1428 !important;color:#a9b7cf !important;margin-bottom:8px !important;
}
#wall .wall-youtube-search-row input,
#wall #wallYoutubeCaption{
  width:100% !important;height:30px !important;border:1px solid #34558f !important;border-radius:9px !important;
  background:#0c1428 !important;color:#fff !important;outline:none !important;padding:4px 8px !important;box-sizing:border-box !important;
}
#wall .wall-youtube-search-row input{border:0 !important;height:32px !important;padding:0 !important;}

#wall .wall-youtube-search-btn{
  width:24px !important;height:24px !important;min-width:24px !important;border:0 !important;background:transparent !important;color:#a9b7cf !important;font-size:16px !important;padding:0 !important;cursor:pointer !important;
}
#wall .wall-youtube-results{
  margin-top:10px !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  border:1px solid #34558f !important;
  border-radius:9px !important;
  padding:8px !important;
  background:#0c1428 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
#wall .wall-youtube-results:empty{display:none !important;}
#wall .wall-youtube-card{
  background:#fff !important;
  border-radius:4px !important;
  padding:8px !important;
  cursor:pointer !important;
  min-height:92px !important;
  box-sizing:border-box !important;
}
#wall .wall-youtube-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.25) !important;}
#wall .wall-youtube-card img{width:100% !important;height:72px !important;object-fit:cover !important;border-radius:3px !important;display:block !important;background:#111 !important;}
#wall .wall-youtube-card-title{font-size:11px !important;color:#111 !important;line-height:1.35 !important;margin-top:5px !important;max-height:30px !important;overflow:hidden !important;text-align:right !important;}
#wall .wall-youtube-loading,#wall .wall-youtube-empty{grid-column:1 / -1 !important;color:#fff !important;text-align:center !important;padding:20px 6px !important;}
#wall .wall-youtube-actions{display:flex !important;justify-content:flex-start !important;margin-top:10px !important;}
#wall .wall-youtube-actions .btn{background:#0b4b8f !important;border:0 !important;color:#fff !important;}


/* ===== WALL COMPACT ACTION BUTTONS + PANEL WIDTH FIX ===== */


#wall .d2bc .mm{
  position:relative !important;
  min-height:38px !important;
}
#wall .d2bc .wall-action-btn,
#wall .d2bc .likebc-btn,
#wall .d2bc .commentbc-btn,
#wall .d2bc .delbc-btn{
  width:22px !important;
  min-width:22px !important;
  max-width:30px !important;
  height:22px !important;
  min-height:22px !important;
  line-height:20px !important;
  padding:0 !important;
  margin:0 2px 0 0 !important;
  border-radius:5px !important;
  font-size:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  float:right !important;
  box-shadow:none !important;
}
#wall .d2bc .likebc-btn,
#wall .d2bc .commentbc-btn{
  width:auto !important;
  padding:0 5px !important;
}
#wall .d2bc .delbc-btn{
  padding:0 !important;
  background:#7d2486 !important;
  border-color:#7d2486 !important;
}
#wall .d2bc .likebc-btn i,
#wall .d2bc .commentbc-btn i,
#wall .d2bc .delbc-btn:before{
  font-size:10px !important;
  margin:0 !important;
}
#wall .d2bc .likebc-count,
#wall .d2bc .commentbc-count{
  font-size:10px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}
#wall .d2bc .wall-action-btn:empty:after,
#wall .d2bc .delbc-btn:after{
  content:"" !important;
}
#wall .d2bc .delbc-btn{
  color:#fff !important;
}

/* ===== V201 WALL: preserve reference orientation (avatar left, name adjacent) ===== */
#wall #d2bc,
#wall .d2bc{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
#wall .d2bc > .mm{
  position:relative !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  column-gap:6px !important;
  min-height:58px !important;
  width:100% !important;
  margin:0 0 -1px 0 !important;
  padding:3px !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:both !important;
  direction:ltr !important;
  overflow:hidden !important;
}
#wall .d2bc > .mm > .u-pic{
  grid-column:1 !important;
  grid-row:1 !important;
  width:52px !important;
  height:52px !important;
  margin:0 !important;
  float:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  scale:1 !important;
  align-self:start !important;
}
#wall .d2bc > .mm > .uzr{
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 46px 22px 0 !important;
  box-sizing:border-box !important;
  margin:0 !important;
  float:none !important;
  display:block !important;
  direction:ltr !important;
  text-align:left !important;
  background:transparent !important;
  border:0 !important;
}
#wall .d2bc > .mm > .uzr > div:first-child{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:3px !important;
  width:100% !important;
  height:auto !important;
  min-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  float:none !important;
}
#wall .d2bc > .mm .u-topic{
  display:inline-block !important;
  width:auto !important;
  max-width:calc(100% - 22px) !important;
  margin:0 !important;
  padding:0 3px !important;
  float:none !important;
  line-height:18px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  direction:rtl !important;
  text-align:left !important;
}
#wall .d2bc > .mm .u-ico{
  float:none !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
#wall .d2bc > .mm > .uzr > br{display:none !important;}
#wall .d2bc > .mm .u-msg{
  display:block !important;
  width:100% !important;
  min-height:14px !important;
  margin:0 !important;
  padding:0 3px !important;
  float:none !important;
  clear:both !important;
  line-height:1.35 !important;
  word-break:break-word !important;
  direction:rtl !important;
  text-align:left !important;
}
#wall .d2bc > .mm > .tago{
  position:absolute !important;
  top:2px !important;
  left:auto !important;
  right:4px !important;
  margin:0 !important;
  padding:0 2px !important;
  float:none !important;
  direction:rtl !important;
  line-height:16px !important;
}
#wall .d2bc > .mm > .wall-action-btn{
  position:relative !important;
  bottom:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  align-self:end !important;
  justify-self:end !important;
  margin-top:1px !important;
}
#wall .d2bc > .mm > .likebc-btn{position:absolute !important;right:75px !important;bottom:2px !important;}
#wall .d2bc > .mm > .commentbc-btn{position:absolute !important;right:38px !important;bottom:2px !important;}
#wall .d2bc > .mm > .delbc-btn{position:absolute !important;right:4px !important;bottom:2px !important;}


/* Ghostwriter fixes: emoji over wall + youtube thumbs + story visibility */
.popover{z-index:300000 !important;}
#wallYoutubeBox{z-index:200050 !important;}
#wallYoutubeBox .wall-youtube-results img{display:block !important; width:100% !important; height:84px !important; object-fit:cover !important; background:#111 !important;}
#wallStories .story-thumb{background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;}
#storyViewer .story-main-image{object-fit:contain !important; background:#000 !important;}


/* Fix story viewer media visibility */
#wall .story-viewer:not(.can-video) .story-main-image{display:block !important;}
#wall .story-viewer.can-video .story-main-video{display:block !important;}
#wall .story-viewer.can-video .story-main-image{display:none !important;}


/* YouTube preview without iframe error */
.wall-youtube-preview{position:relative !important;display:inline-block !important;width:240px !important;max-width:100% !important;background:#111 !important;border-radius:6px !important;overflow:hidden !important;cursor:pointer !important;margin-top:6px !important;}
.wall-youtube-preview img{display:block !important;width:100% !important;height:auto !important;min-height:120px !important;object-fit:cover !important;background:#222 !important;}
.wall-youtube-preview .wall-youtube-play{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;color:#fff !important;background:#e62117 !important;border-radius:10px !important;padding:10px 13px !important;font-size:24px !important;box-shadow:0 3px 10px rgba(0,0,0,.35) !important;}


/* Inline YouTube wall player rebuild */
.wall-youtube-preview{position:relative !important;display:block !important;width:240px !important;max-width:100% !important;background:#111 !important;border-radius:6px !important;overflow:hidden !important;cursor:pointer !important;margin-top:6px !important;}
.wall-youtube-preview img{display:block !important;width:100% !important;height:auto !important;min-height:120px !important;object-fit:cover !important;background:#222 !important;}
.wall-youtube-preview .wall-youtube-play{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;color:#fff !important;background:#111a34cc !important;border-radius:50% !important;width:44px !important;height:44px !important;line-height:44px !important;text-align:center !important;font-size:20px !important;box-shadow:0 3px 10px rgba(0,0,0,.35) !important;}
.wall-youtube-inline-player{display:block !important;width:240px !important;max-width:100% !important;margin-top:6px !important;background:#111 !important;border-radius:6px !important;overflow:hidden !important;}
.wall-youtube-inline-player iframe{display:block !important;width:100% !important;height:180px !important;border:0 !important;background:#111 !important;}
.wall-youtube-inline-player .wall-youtube-open{display:block !important;background:#0a2345 !important;color:#fff !important;text-align:center !important;padding:4px 6px !important;font-size:11px !important;text-decoration:none !important;}


/* ===== WALL TITLE + PANEL HEADER STYLE LINK ===== */
.dpnl .pnhead{
  background-color:var(--site-button-bg,#438ac7) !important;
  background-image:none !important;
  color:#fff !important;
  border-radius:4px !important;
  font-weight:700 !important;
}
.dpnl > label.fa-close,
.dpnl > label.fa.fa-close{
  background-color:var(--site-button-bg,#438ac7) !important;
  background-image:none !important;
  color:#fff !important;
}
#wall .wall-comments-head,
#wallYoutubeBox .wall-youtube-head{
  background-color:var(--site-button-bg,#438ac7) !important;
  background-image:none !important;
}


/* ===== SUPER VOICE CHANGER ===== */
#voiceChangerMode.super-voice-changer{
  border:1px solid #7b2da5 !important;
  background:#fff !important;
  color:#222 !important;
  font-weight:700 !important;
}
#voiceChangerMode.super-voice-changer option{color:#111 !important;}


/* ===== STORY VIDEO UPLOAD + DOWNLOAD FIX ===== */
#wallStories .story-video-bubble .story-thumb{
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#wallStories .story-video-mark{
  width:26px !important;
  height:26px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:12px !important;
  position:absolute !important;
  left:50% !important;
  top:45% !important;
  transform:translate(-50%,-50%) !important;
  z-index:3 !important;
  box-shadow:0 1px 5px rgba(0,0,0,.75) !important;
}
#wall .story-download-btn{display:inline-flex !important;}
#wall .story-viewer.can-video .story-main-video{
  display:block !important;
  width:auto !important;
  max-width:min(100%, 980px) !important;
  max-height:100% !important;
  object-fit:contain !important;
  border-radius:18px !important;
  background:#000 !important;
}
#wall .story-viewer:not(.can-video) .story-main-image{display:block !important;}
#wall .story-viewer.can-video .story-main-image{display:none !important;}
.story-upload-progress{background:#eef5ff !important;}


/* ===== IP COUNTRY FLAG SYSTEM ===== */
#users .user-country-line{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  height:16px !important;
  line-height:16px !important;
  font-size:11px !important;
  color:#111 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  direction:rtl !important;
}
#users .user-country-flag{
  width:18px !important;
  height:12px !important;
  object-fit:cover !important;
  border-radius:1px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.12) !important;
  flex:0 0 auto !important;
}
#users .user-status-line{
  display:block !important;
  height:14px !important;
  line-height:14px !important;
  color:#777 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#users .co{
  width:18px !important;
  height:12px !important;
  object-fit:cover !important;
  margin:2px 2px 0 2px !important;
}
.upro-country-flag{
  width:20px !important;
  height:14px !important;
  object-fit:cover !important;
  border-radius:2px !important;
  margin:0 4px !important;
  vertical-align:middle !important;
}
.upro-country-name{vertical-align:middle !important;font-weight:700 !important;}

/* ===== STORY TOP BUTTONS NO OVERLAP FIX ===== */
#wall .story-viewer .story-viewer-tools,
.dpnl #wall .story-viewer .story-viewer-tools{
  top:16px !important;
  right:16px !important;
  left:auto !important;
  z-index:30 !important;
  display:flex !important;
  flex-direction:row !important;
  gap:7px !important;
  align-items:center !important;
}
#wall .story-viewer .story-icon-btn,
.dpnl #wall .story-viewer .story-icon-btn{
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:10px !important;
  font-size:16px !important;
  padding:0 !important;
  margin:0 !important;
  line-height:36px !important;
}
#wall .story-viewer .story-viewer-head,
.dpnl #wall .story-viewer .story-viewer-head{
  top:16px !important;
  left:16px !important;
  right:150px !important;
  z-index:25 !important;
  min-height:52px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow:hidden !important;
}
#wall .story-viewer .story-author-pic,
.dpnl #wall .story-viewer .story-author-pic{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  margin:0 !important;
}
#wall .story-viewer .story-author-meta,
.dpnl #wall .story-viewer .story-author-meta{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#wall .story-viewer .story-author-name,
#wall .story-viewer .story-author-time{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#wall .story-viewer .story-media-wrap,
.dpnl #wall .story-viewer .story-media-wrap{
  padding-top:86px !important;
}




/* ===== PROFILE FULL IMAGE + VIEWER FIX ===== */
body.profile-image-open{overflow:hidden !important;}
#upro .upro-topbox,
#upro.simple-view .upro-topbox{
  display:block !important;
  padding:0 !important;
  background:#fff !important;
  min-height:0 !important;
}
#upro .upro-avatar,
#upro.simple-view .upro-avatar{
  width:100% !important;
  height:220px !important;
  flex:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-color:#f7f7f7 !important;
  border-bottom:1px solid #dcdcdc !important;
  cursor:pointer !important;
}
#upro .upro-avatar:hover{filter:brightness(.96) !important;}
#upro .upro-maininfo,
#upro.simple-view .upro-maininfo{
  display:block !important;
  padding:7px 10px !important;
  margin:0 !important;
  min-height:auto !important;
}
#upro .upro-name-line{font-size:18px !important;text-align:right !important;margin:0 0 3px !important;}
#upro .upro-status-row{font-size:14px !important;text-align:center !important;}
.profile-image-viewer{
  position:fixed !important;
  inset:0 !important;
  z-index:1000000 !important;
  background:rgba(0,0,0,.82) !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:34px 0 !important;
  box-sizing:border-box !important;
}
.profile-image-viewer-img{
  max-width:100vw !important;
  max-height:calc(100vh - 70px) !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.15) !important;
}
.profile-image-viewer-tools{
  position:fixed !important;
  top:10px !important;
  right:12px !important;
  z-index:1000002 !important;
  display:flex !important;
  gap:8px !important;
}
.profile-image-viewer-close,
.profile-image-viewer-download{
  width:34px !important;
  height:34px !important;
  border:0 !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  text-decoration:none !important;
  cursor:pointer !important;
  font-size:16px !important;
}
.profile-image-viewer-close:hover,
.profile-image-viewer-download:hover{background:rgba(255,255,255,.32) !important;}




/* ===== MEMBER GIFTS FIX ===== */
.u-gift{
  width:16px !important;
  height:16px !important;
  object-fit:contain !important;
  margin:0 3px 0 0 !important;
  vertical-align:middle !important;
  display:inline-block !important;
  border:0 !important;
  background:transparent !important;
  float:left !important;
}
#users .u-gift,.lonline .u-gift{width:18px !important;height:18px !important;margin-top:2px !important;}
.msg .u-gift{width:16px !important;height:16px !important;margin-top:3px !important;}
.u-topic + .u-gift{margin-left:0!important;margin-right:3px!important;}
#upro .upro-badges{display:block!important;height:auto!important;min-height:28px!important;margin:5px 0!important;}
#upro .upro-badges .upro-gift-badge{display:inline-flex!important;align-items:center!important;justify-content:center;width:34px!important;height:34px!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fff!important;padding:3px!important;}
#upro .upro-badges .upro-gift-badge img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
.gift-picker-box img{width:42px!important;height:42px!important;object-fit:contain!important;background:#fff!important;}

/* Ignore toggle button active state */
.upro-btn.umute.ignored-active{
  background:#fff3cd !important;
  color:#7a4b00 !important;
  border-color:#f4c35c !important;
}
.upro-btn.umute.ignored-active i,
.upro-btn.umute.ignored-active span{
  color:#7a4b00 !important;
}


/* === Avatar clarity + slightly larger member pictures === */
#users .uzr,
#tlogins .uzr{
  min-height: 48px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
#users .u-pic,
#users img.u-pic,
#tlogins .u-pic,
#tlogins img.u-pic{
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  object-fit: cover !important;
  object-position: center center !important;
  image-rendering: auto !important;
  -webkit-optimize-contrast: auto;
  border-radius: 4px !important;
  background-color: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset !important;
}
/* Keep the presence state rail exactly as tall as the member avatar. */
#users .uzr > .ustat,
#tlogins .uzr > .ustat,
.lonline .uzr > .ustat{
  display:block !important;
  width:4px !important;
  min-width:4px !important;
  max-width:4px !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  margin-left:1px !important;
  object-fit:fill !important;
  border-radius:2px !important;
  align-self:stretch !important;
  flex:0 0 4px !important;
}
#users .u-msg,
#tlogins .u-msg{
  margin-top: -5px !important;
}
body.site-in-room #d2 .u-pic,
body.site-in-room #d2 img.u-pic,
body.site-in-room #d2 .spic,
body.site-in-room #d2 img.pic{
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  object-fit: cover !important;
  object-position: center center !important;
  image-rendering: auto !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
}
body.site-in-room #d2 .uzr{
  min-height: 50px !important;
}


/* === Avatar full-fill fix: clearer, slightly larger, no empty gaps === */
#users .u-pic,
#users img.u-pic,
#tlogins .u-pic,
#tlogins img.u-pic,
#d2 .u-pic,
#d2 img.u-pic,
#upro .u-pic,
#upro .upro-avatar,
#tlogins .fitimg.u-pic,
#users .fitimg.u-pic,
#d2 .fitimg.u-pic {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}
#users .uzr,
#tlogins .uzr,
#d2 .uzr{
  min-height: 52px !important;
}
#users .u-msg,
#tlogins .u-msg,
#d2 .u-msg{
  margin-top: -4px !important;
}


/* === Fix profile avatar full image inside profile popup === */
#upro .upro-topbox{display:block !important;}
#upro .upro-avatar,
#upro .fitimg.u-pic.upro-avatar{
  width: 100% !important;
  height: 220px !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: 220px !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background-color: #fff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  overflow: hidden !important;
}
#upro .upro-camera{
  left: 12px !important;
  top: 12px !important;
  z-index: 3 !important;
}


/* === Profile buttons function cleanup + text fit === */
#upro .upro-action-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
#upro .upro-btn{
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 3px 4px !important;
  gap: 3px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
#upro .upro-btn i{
  font-size: 13px !important;
  flex: 0 0 auto !important;
}
#upro .upro-btn span{
  display: inline-block !important;
  max-width: calc(100% - 17px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#upro .upro-btn.uunmute,
#upro .upro-btn.uwarn{
  display:none !important;
}


/* === Popup/notification priority over profile and all windows === */
#not,
#not > div,
#pop,
#pop > div,
.popover,
.tooltip,
.modal-backdrop + #not,
.ui-tooltip,
.ui-dialog,
.swal2-container,
.alert,
.toast,
.chat-alert,
.chat-toast,
.bootbox,
.bootbox.modal,
.modal.bootbox,
.modal.alert-modal{
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}
#not.hid,
#pop.hid{z-index:2147483647 !important;}
#not .hand,
#not div,
#pop .hand,
#pop div{
  pointer-events:auto !important;
}
#upro.modal,
#upro{
  z-index: 2100 !important;
}
.modal-backdrop{
  z-index: 2000 !important;
}


/* === Before login: show country flag only, hide country name === */
#tlogins .lonline .user-country-line{
  gap:0 !important;
  justify-content:flex-start !important;
}
#tlogins .lonline .user-country-line span{
  display:none !important;
}
#tlogins .lonline .user-country-flag{
  width:18px !important;
  height:12px !important;
  margin:0 !important;
}


/* === MOBILE KASHF / POPUP CLOSE FIX ONLY ===
   Based on cchatr_login_flag_only_fix.zip.
   Fixes كشف النكات popup on mobile so close button is visible and clickable.
   Does not change settings panel or other chat styling.
*/

/* ===== Linked nick detection table ===== */
.kashf-table-wrap{padding:0!important;overflow:auto!important;background:#8194a5!important;color:#111!important;direction:rtl!important;}
.kashf-loading,.kashf-empty{padding:18px;text-align:center;font-weight:bold;background:#fff;}
.kashf-result{width:100%;min-width:500px;}
.kashf-count{height:28px;line-height:28px;text-align:center;background:#fff;border-bottom:1px solid #555;font-weight:bold;color:#111;}
.kashf-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;font-family:Tahoma,Arial,sans-serif;font-size:12px;}
.kashf-table th{height:28px;background:#5790ef;color:#fff;border:1px solid #333;text-align:center;font-weight:bold;}
.kashf-table td{height:36px;border:1px solid #777;text-align:center;padding:3px;vertical-align:middle;overflow-wrap:anywhere;}
.kashf-table .kashf-action{width:34px;background:var(--chat-buttons,#4f8585)!important;color:#fff;font-size:16px;}
.kashf-table .kashf-time{width:108px;color:#0560c7;}
.kashf-table .kashf-time b,.kashf-table .kashf-time small{display:block;font-size:10px;line-height:14px;}
.kashf-table .kashf-time small{color:#c55a00;}
.kashf-table .kashf-ip{width:118px;font-weight:bold;}
.kashf-table .kashf-device-row td{height:24px!important;line-height:18px!important;text-align:left!important;padding:2px 5px!important;background:#fff!important;color:#111!important;font-weight:bold!important;direction:ltr!important;}
.kashf-table .kashf-main-row:nth-of-type(4n+3) td:not(.kashf-action){background:#fafafa;}




/* === MOBILE PANEL TOP BAR CLEAN FIX ONLY ===
   Makes dpnl panel header like the reference:
   dark full header, title inside header, red close button on right.
   Does not change popup body/settings/kashf content.
*/



/* === LIVE ROOM MIC BADGE FINAL === */
#rooms .room{
  position:relative!important;
  display:block!important;
  direction:ltr!important;
  text-align:left!important;
  min-height:56px!important;
  width:100%!important;
  padding:4px 60px 4px 54px!important;
  margin:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#rooms .room .u-topic,
#rooms .room .u-msg,
#rooms .room .room-info{
  direction:ltr!important;
  text-align:left!important;
  float:none!important;
}
#rooms .room .uc,
#rooms .room .room-count,
#rooms .room .room-mic-status{
  display:none!important;
}
#rooms .room .room-active-mic-badge{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}


/* === Hide mic bar when current room mic is disabled === */
body.room-mic-disabled-hidebar #freshVoiceBar,
body.room-mic-disabled-hidebar #roomVoiceBar,
body.room-mic-disabled-hidebar #voiceBar,
body.room-mic-disabled-hidebar #voiceControlPanel,
body.room-mic-disabled-hidebar .fresh-voice-bar,
body.room-mic-disabled-hidebar .room-voice-bar{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}

/* ===== Public message reply / quote feature ===== */
.chat-reply-preview{
  width:100%;
  background:#fff7d7;
  border:1px solid #e7c85d;
  border-right:4px solid #337ab7;
  color:#222;
  padding:5px 34px 5px 8px;
  margin:2px 0 4px 0;
  border-radius:4px;
  position:relative;
  font-family:Tahoma,Arial,sans-serif;
  line-height:1.4;
  clear:both;
  direction:rtl;
  text-align:right;
}
.chat-reply-cancel{
  position:absolute;
  right:5px;
  top:5px;
  width:22px;
  height:22px;
  line-height:18px;
  border:0;
  border-radius:50%;
  background:#d9534f;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}
.chat-reply-label{font-size:11px;color:#666;}
.chat-reply-author{font-weight:bold;color:#0b5b93;font-size:12px;}
.chat-reply-text{font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-reply-quote{
  display:block;
  background:#f3f6ff;
  border-right:4px solid #337ab7;
  border-radius:4px;
  padding:4px 7px;
  margin:0 0 5px 0;
  color:#222;
  direction:rtl;
  text-align:right;
}
.chat-reply-quote-title{font-weight:bold;color:#0b5b93;font-size:12px;margin-bottom:2px;}
.chat-reply-quote-text{font-size:12px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.chat-reply-btn{margin:0!important;padding:0!important;}




/* === WALL OLD STYLE RESTORE: remove comment/reply features from wall only === */
#wallCommentsPanel,
#wall .wall-comments-panel,
#wall .commentbc-btn,
#wall .wall-reply-preview,
#wallReplyPreview,
#wall .chat-reply-btn,
#wall .chat-reply-quote{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}
#wall .wall-input-box .tboxbc{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* ===== FINAL FIX: panel buttons, wall theme color, wall conversations ===== */
:root{
  --final-chat-color: var(--site-button-bg, var(--theme-header-bg, var(--theme-primary, #8b1a80)));
}
body.site-in-room .dpnl{
  background-color: var(--final-chat-color) !important;
  border-color: #111 !important;
  pointer-events:auto !important;
}
body.site-in-room .dpnl .pnhead,
#wall .pnhead,
#wallCommentsPanel .wall-comments-head,
#wall .wall-youtube-head{
  background: var(--final-chat-color) !important;
  background-image:none !important;
  color:#fff !important;
  border-color: var(--final-chat-color) !important;
}
body.site-in-room #d0,
body.site-in-room #d0 *{
  pointer-events:auto !important;
}
body.site-in-room #d0{
  z-index:5000 !important;
}
body.site-in-room #d0 .ae,
body.site-in-room #d0 label,
body.site-in-room #d0 button{
  cursor:pointer !important;
}
#wall,
body.site-in-room #wall{
  background:#fff !important;
}
#wallStories,
#d2bc,
#wall .wall-input-box{
  background:#fff !important;
}
#wallCommentsPanel,
#wall .wall-comments-panel{
  display:none;
  visibility:visible !important;
  opacity:1 !important;
  width:320px !important;
  max-width:calc(100vw - 16px) !important;
  min-height:220px !important;
  max-height:calc(100vh - 90px) !important;
  height:auto !important;
  overflow:hidden !important;
}
#wallCommentsPanel[style*="display: flex"],
#wallCommentsPanel[style*="display:flex"]{
  display:flex !important;
}
#wall .commentbc-btn,
#wall .chat-reply-btn,
#d2 .chat-reply-btn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  align-items:center !important;
  justify-content:center !important;
}
#wall .chat-reply-quote,
#d2 .chat-reply-quote{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
}
#wall .commentbc-count{
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
}
body.site-wall-comments-disabled #wall .commentbc-btn,
body.site-wall-comments-disabled #wallCommentsPanel{
  display:none !important;
}
#wall .wall-comment-topic{
  background:transparent !important;
  color:#111 !important;
  padding:0 !important;
  border-radius:0 !important;
}
#wallCommentsPanel .wall-comments-close{
  background:var(--final-chat-color) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  color:#fff !important;
}
#wallCommentsPanel .wall-comments-send{
  background:var(--final-chat-color) !important;
  border-color:var(--final-chat-color) !important;
  color:#fff !important;
}
#wall .wall-comments-input,
#wallCommentInput{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:#fff !important;
  color:#111 !important;
}




/* === FIX: remove message-reply only from wall, keep comments + public chat reply === */
#wallReplyPreview,
#wall .wall-reply-preview,
#wall .chat-reply-btn,
#wall .chat-reply-quote{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
}
#wall .commentbc-btn,
#wall .commentbc-count{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  align-items:center !important;
  justify-content:center !important;
}
#wallCommentsPanel{
  visibility:visible !important;
  opacity:1 !important;
  width:320px !important;
  max-width:calc(100vw - 16px) !important;
  min-height:220px !important;
  max-height:calc(100vh - 90px) !important;
}
#wallCommentsPanel[style*="display: flex"],
#wallCommentsPanel[style*="display:flex"]{
  display:flex !important;
}


/* ===== STORY VIEWER REBUILD FULLSCREEN + AUDIO/MEDIA SUPPORT ===== */
body.story-open{overflow:hidden !important;}
#storyViewer.story-viewer,
#wall #storyViewer.story-viewer,
.dpnl #wall #storyViewer.story-viewer{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:999999 !important;
  background:#000 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  direction:rtl !important;
}
#storyViewer[style*="display:none"],#storyViewer[style*="display: none"]{display:none !important;}
#storyViewer .story-viewer-inner{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
  background:#000 !important;
}
#storyViewer .story-progress-bars{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  right:8px !important;
  height:4px !important;
  display:flex !important;
  gap:3px !important;
  z-index:50 !important;
}
#storyViewer .story-progress-seg{height:4px !important; flex:1 1 0 !important; background:rgba(255,255,255,.35) !important; border-radius:99px !important; overflow:hidden !important;}
#storyViewer .story-progress-fill{display:block !important; height:100% !important; background:#fff !important; width:0;}
#storyViewer .story-viewer-head{
  position:absolute !important;
  top:24px !important;
  left:14px !important;
  right:auto !important;
  z-index:60 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#fff !important;
  min-width:160px !important;
  max-width:45vw !important;
  direction:rtl !important;
}
#storyViewer .story-author-pic{width:44px !important;height:44px !important;border-radius:50% !important;background-size:cover !important;background-position:center !important;border:1px solid rgba(255,255,255,.75) !important;flex:0 0 44px !important;}
#storyViewer .story-author-name{font-weight:700 !important;color:#fff !important;font-size:13px !important;line-height:18px !important;text-shadow:0 1px 4px #000 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-align:right !important;}
#storyViewer .story-author-time{color:rgba(255,255,255,.85) !important;font-size:11px !important;line-height:14px !important;text-shadow:0 1px 4px #000 !important;text-align:right !important;}
#storyViewer .story-viewer-tools{
  position:absolute !important;
  top:24px !important;
  right:16px !important;
  left:auto !important;
  z-index:70 !important;
  display:flex !important;
  flex-direction:row !important;
  gap:14px !important;
  align-items:center !important;
}
#storyViewer .story-icon-btn{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  padding:0 !important;
  margin:0 !important;
  line-height:28px !important;
  text-align:center !important;
  font-size:16px !important;
  text-shadow:0 2px 6px #000 !important;
  box-shadow:none !important;
}
#storyViewer:not(.can-delete) .story-delete-btn{display:none !important;}
#storyViewer .story-media-wrap{
  position:absolute !important;
  inset:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#000 !important;
}
#storyViewer .story-media-stage{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
  overflow:hidden !important;
}
#storyViewer .story-main-media{
  display:none !important;
  max-width:100vw !important;
  max-height:100vh !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  background:#000 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#storyViewer:not(.can-video):not(.can-audio) .story-main-image{display:block !important;}
#storyViewer.can-video .story-main-video{display:block !important; width:auto !important; height:100vh !important; max-width:100vw !important; max-height:100vh !important; object-fit:contain !important;}
#storyViewer.can-audio .story-main-audio{display:block !important; position:absolute !important; left:50% !important; top:58% !important; transform:translate(-50%,-50%) !important; width:min(520px,88vw) !important; height:54px !important; z-index:42 !important; background:#111 !important; border-radius:14px !important;}
#storyViewer .story-audio-cover{display:none !important;}
#storyViewer.can-audio .story-audio-cover{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  position:absolute !important;
  left:50% !important;
  top:42% !important;
  transform:translate(-50%,-50%) !important;
  width:220px !important;
  height:220px !important;
  border-radius:26px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#22103a,#081a32) !important;
  box-shadow:0 0 30px rgba(157,48,178,.45) !important;
  z-index:41 !important;
  font-weight:700 !important;
}
#storyViewer.can-audio .story-audio-cover .fa{font-size:64px !important;color:#fff !important;}
#storyViewer .story-caption{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:70px !important;
  transform:translateX(-50%) !important;
  width:min(560px,90vw) !important;
  color:#fff !important;
  text-align:center !important;
  font-size:16px !important;
  line-height:1.5 !important;
  z-index:55 !important;
  text-shadow:0 2px 8px #000 !important;
  background:rgba(0,0,0,.18) !important;
  border-radius:12px !important;
  padding:6px 10px !important;
}
#storyViewer .story-nav{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:65 !important;
  width:42px !important;
  height:62px !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.9) !important;
  font-size:38px !important;
  line-height:62px !important;
  text-align:center !important;
  box-shadow:none !important;
}
#storyViewer .story-prev{left:22px !important; right:auto !important;}
#storyViewer .story-next{right:22px !important; left:auto !important;}
#storyViewer.single-story .story-nav{display:none !important;}
#storyViewer .story-viewer-bottom{position:absolute !important;left:16px !important;bottom:26px !important;z-index:62 !important;display:block !important;color:#fff !important;}
#storyViewer .story-side-actions{display:flex !important;flex-direction:column !important;gap:8px !important;align-items:center !important;color:#fff !important;}
#storyViewer .story-side-actions button{width:34px !important;height:34px !important;border:0 !important;background:transparent !important;color:#fff !important;font-size:22px !important;line-height:34px !important;text-shadow:0 2px 6px #000 !important;box-shadow:none !important;}
#storyViewer .story-like-count,#storyViewer .story-view-count{font-weight:700 !important;color:#fff !important;font-size:13px !important;text-shadow:0 2px 6px #000 !important;}
#storyViewer .story-extra-actions{display:none !important;}
#storyViewer .story-like-btn.active{color:#ff5fae !important;}




/* ===== ROOM MUSIC BROADCAST PANEL ===== */
#freshVoiceBar .fresh-music-btn{
  width:39px !important;
  height:39px !important;
  min-width:39px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #082a37 !important;
  border-radius:3px !important;
  background:#10294d !important;
  color:#ffd95a !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
  cursor:pointer !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;
}
#freshVoiceBar .fresh-music-btn i{font-size:25px !important;color:#ffd95a !important;z-index:1 !important;}
#freshVoiceBar .fresh-music-btn.playing{background:#1fb35b !important;box-shadow:0 0 0 2px #ffdd55 inset,0 0 8px rgba(255,221,85,.7) !important;}
#freshVoiceBar .fresh-music-btn.playing:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.45);border-radius:2px;animation:freshMusicPulse 1s infinite;}
@keyframes freshMusicPulse{0%{opacity:.25;transform:scale(.92)}50%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(.92)}}
.fresh-room-music-panel{
  position:absolute !important;
  top:48px !important;
  left:48px !important;
  width:330px !important;
  max-width:calc(100vw - 20px) !important;
  background:rgba(20,25,55,.96) !important;
  color:#fff !important;
  border:1px solid rgba(190,210,255,.45) !important;
  border-radius:10px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.45) !important;
  z-index:99999 !important;
  direction:rtl !important;
  overflow:hidden !important;
}
.fresh-room-music-head{
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 10px !important;
  background:linear-gradient(135deg,#8b1b5a,#5b1f8f) !important;
  border-bottom:1px solid rgba(255,255,255,.2) !important;
}
.fresh-room-music-head button{
  margin-right:auto !important;
  width:26px !important;height:26px !important;border:0 !important;border-radius:50% !important;background:#fff !important;color:#8b1b5a !important;font:bold 18px Arial !important;line-height:24px !important;
}
.fresh-room-music-body{padding:10px !important;}
.fresh-room-music-title{height:24px !important;line-height:24px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;color:#fff !important;margin-bottom:7px !important;}
.fresh-room-music-progress{height:7px !important;background:rgba(255,255,255,.18) !important;border-radius:999px !important;overflow:hidden !important;margin-bottom:9px !important;}
.fresh-room-music-progress span{display:block !important;height:100% !important;width:0;background:linear-gradient(90deg,#25d366,#ffdd55) !important;transition:width .18s linear !important;}
.music-ios-play{display:block;width:100% !important;height:38px !important;margin:0 0 8px !important;border:1px solid rgba(255,255,255,.45) !important;border-radius:8px !important;background:#1685bd !important;color:#fff !important;font:bold 13px Tahoma,Arial !important;}
.fresh-room-music-controls{display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px !important;}
.fresh-room-music-controls button{
  height:34px !important;border:0 !important;border-radius:8px !important;color:#fff !important;font:bold 12px Tahoma,Arial !important;cursor:pointer !important;
}
.fresh-room-music-controls .music-choose{background:#20a95a !important;}
.fresh-room-music-controls .music-pause{background:#f0ad4e !important;}
.fresh-room-music-controls .music-resume{background:#337ab7 !important;}
.fresh-room-music-controls .music-stop{background:#d9534f !important;}
.fresh-room-music-controls .music-end-all{background:#a71919 !important;}
.fresh-room-music-vol{margin-top:8px !important;display:flex !important;align-items:center !important;gap:8px !important;color:#fff !important;}
.fresh-room-music-vol input{flex:1 !important;}
.fresh-room-music-note2{margin-top:6px !important;color:#cfe8ff !important;font-size:11px !important;text-align:center !important;}
.fresh-room-music-sources{display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px !important;margin-bottom:6px !important;}
.fresh-room-music-sources button{height:35px !important;border:0 !important;border-radius:8px !important;color:#fff !important;font-weight:700 !important;}
.fresh-room-music-sources .music-device{background:#20a95a !important;}
.fresh-room-music-sources .music-youtube{background:#d9534f !important;}
.fresh-room-music-youtube-row{display:flex !important;gap:5px !important;margin-bottom:7px !important;direction:rtl !important;}
.fresh-room-music-youtube-row input{flex:1 !important;min-width:0 !important;height:33px !important;border:1px solid rgba(255,255,255,.3) !important;border-radius:7px !important;padding:4px 7px !important;background:#fff !important;color:#222 !important;direction:ltr !important;text-align:left !important;}
.fresh-room-music-youtube-row button{width:70px !important;height:33px !important;border:0 !important;border-radius:7px !important;background:#d9534f !important;color:#fff !important;font-weight:700 !important;}
.fresh-room-music-youtube-results{display:flex !important;flex-direction:column !important;gap:4px !important;max-height:174px !important;overflow-y:auto !important;margin-bottom:7px !important;}
.fresh-room-music-youtube-results:empty{display:none !important;}
.music-youtube-result{display:grid !important;grid-template-columns:58px minmax(0,1fr) !important;align-items:center !important;gap:7px !important;width:100% !important;min-height:48px !important;padding:3px !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:6px !important;background:rgba(255,255,255,.08) !important;color:#fff !important;text-align:right !important;direction:ltr !important;}
.music-youtube-result img{width:58px !important;height:42px !important;object-fit:cover !important;border-radius:4px !important;}
.music-youtube-result span{direction:rtl !important;display:block !important;line-height:17px !important;max-height:34px !important;overflow:hidden !important;}
.music-youtube-empty{padding:9px !important;text-align:center !important;color:#fff !important;background:rgba(255,255,255,.08) !important;border-radius:6px !important;}
.fresh-room-youtube-host{position:fixed !important;left:0 !important;top:0 !important;width:200px !important;height:200px !important;opacity:.001 !important;pointer-events:none !important;overflow:hidden !important;z-index:-1 !important;}



#freshVoiceBar .fresh-music-btn.disabled{
  opacity:.45 !important;
  filter:grayscale(1) !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}
body.site-room-music-disabled #freshVoiceBar .fresh-music-btn{
  opacity:.35 !important;
  filter:grayscale(1) !important;
}

/* ===== END ROOM MUSIC BROADCAST PANEL ===== */


/* ===== ROYAL MEMBER WELCOME MESSAGE ===== */
.royal-welcome-msg{background:#fff7e6!important;border-right:4px solid #d6a423!important;overflow:visible!important;min-height:42px!important}
.royal-member-welcome{display:flex;align-items:center;gap:8px;direction:rtl;line-height:24px;color:#111;font-weight:bold!important;white-space:normal}
.royal-member-pic{width:54px!important;height:54px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #d6a423!important;box-shadow:0 0 6px rgba(0,0,0,.25);background:#fff;margin:2px 4px}
.royal-member-title{display:inline-block;background:linear-gradient(135deg,#f7d76b,#a67b16);color:#000;border-radius:14px;padding:2px 10px;border:1px solid #926b11}


/* ===== Fresh live camera button and viewer ===== */
#freshVoiceBar .fresh-live-btn{height:39px;min-width:58px;margin:0 2px;border:1px solid #0b2c46;border-radius:3px;background:#fff;color:#e51b2b;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-weight:bold;cursor:pointer;}
#freshVoiceBar .fresh-live-btn span{background:#ff1b2d;color:#fff;border-radius:2px;padding:2px 4px;font-size:11px!important;line-height:1;}
#freshVoiceBar .fresh-live-btn i{color:#e51b2b;}
.fresh-live-chooser{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.55);z-index:999999;display:flex;align-items:center;justify-content:center;direction:rtl;}
.fresh-live-chooser-card{width:310px;max-width:92vw;background:#fff;border-radius:10px;padding:24px 18px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.25);}
.fresh-live-chooser-title{margin-bottom:18px;color:#333;font-weight:bold;}
.fresh-live-chooser-card button{border:0;border-radius:7px;padding:10px 14px;margin:5px;color:#fff;font-weight:bold;cursor:pointer;}
.fresh-live-front{background:#4f58bd!important;}.fresh-live-back{background:#009b8e!important;}.fresh-live-cancel{background:#ef4444!important;display:block;margin:14px auto 0!important;}
.fresh-live-viewer{position:fixed;left:28px;top:118px;width:360px;max-width:calc(100vw - 56px);background:#111;border:2px solid #19a45b;z-index:99990;box-shadow:0 4px 18px rgba(0,0,0,.35);direction:rtl;}
.fresh-live-head{height:30px;background:#8a1c5b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;box-sizing:border-box;font-weight:bold;}
.fresh-live-close{background:#d9534f;color:#fff;border:0;border-radius:3px;font-size:18px;line-height:22px;width:28px;height:24px;cursor:pointer;}
.fresh-live-body{background:#000;min-height:220px;display:flex;align-items:center;justify-content:center;}
.fresh-live-video,.fresh-live-frame{width:100%;height:auto;max-height:360px;object-fit:contain;background:#000;}
.fresh-live-tools{background:#222;padding:5px;text-align:center;}.fresh-live-tools button{background:#d9534f;color:#fff;border:0;border-radius:4px;padding:5px 12px;font-weight:bold;}







/* ===== Royal member floating welcome, not chat message ===== */
.royal-welcome-layer{
  position:fixed;
  left:18px;
  top:86px;
  z-index:999990;
  pointer-events:none;
  direction:rtl;
}
.royal-entry-toast{
  position:relative;
  width:330px;
  min-height:118px;
  margin:0 0 12px 0;
  transform:translateX(-38px) scale(.86);
  opacity:0;
  transition:opacity .35s ease, transform .45s cubic-bezier(.2,1.25,.25,1);
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.38));
}
.royal-entry-toast.show{opacity:1;transform:translateX(0) scale(1);}
.royal-entry-toast.hide{opacity:0;transform:translateX(-28px) scale(.92);}
.royal-entry-aura{
  position:absolute;
  inset:10px 42px 18px 24px;
  border-radius:60px;
  background:radial-gradient(circle at 40% 45%, rgba(255,255,255,.95), rgba(255,244,196,.84) 42%, rgba(160,98,24,.34) 70%, transparent 100%);
  box-shadow:0 0 22px rgba(255,217,109,.95), inset 0 0 12px rgba(255,255,255,.7);
}
.royal-entry-pic-wrap{
  position:absolute;
  right:0;
  top:0;
  width:118px;
  height:118px;
  border-radius:50%;
  overflow:visible;
}
.royal-entry-pic{
  position:absolute;
  right:16px;
  top:15px;
  width:82px;
  height:82px;
  object-fit:cover;
  border-radius:50%;
  border:2px solid #fff2b7;
  background:#fff;
  box-shadow:0 0 10px rgba(0,0,0,.32);
}
.royal-entry-frame{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, transparent 44%, rgba(255,245,181,.85) 45%, rgba(165,99,23,.95) 51%, transparent 52%),
    conic-gradient(from 0deg, #ffe89c, #9c5b10, #fff4bd, #c58a22, #ffe89c, #8d4a08, #ffe89c);
  -webkit-mask:radial-gradient(circle, transparent 51%, #000 52%);
  mask:radial-gradient(circle, transparent 51%, #000 52%);
  animation:royalFrameSpin 6s linear infinite;
  filter:drop-shadow(0 0 6px rgba(255,211,67,.9));
}
@keyframes royalFrameSpin{to{transform:rotate(360deg);}}
.royal-entry-ribbon{
  position:absolute;
  right:88px;
  top:43px;
  min-width:208px;
  height:39px;
  padding:0 30px 0 12px;
  border-radius:0 8px 8px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(90deg,#f4f4f4,#d4b06b,#f7f1df,#b07a24);
  border:1px solid rgba(120,69,11,.55);
  color:#1b160c;
  font-weight:bold;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
  box-shadow:0 4px 10px rgba(0,0,0,.28);
}
.royal-entry-ribbon:after{
  content:'';
  position:absolute;
  left:-24px;
  top:0;
  border-top:19px solid transparent;
  border-bottom:20px solid transparent;
  border-right:24px solid #b07a24;
}
.royal-entry-title{font-size:12px;color:#704400;white-space:nowrap;}
.royal-entry-name{font-size:15px;color:#111;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.royal-entry-sub{
  position:absolute;
  right:122px;
  top:84px;
  color:#fff;
  font-weight:bold;
  font-size:12px;
  padding:3px 12px;
  border-radius:18px;
  background:rgba(58,35,8,.82);
  box-shadow:0 0 8px rgba(255,217,111,.55);
}
.royal-entry-female .royal-entry-ribbon{
  background:linear-gradient(90deg,#fff5fb,#ffcae0,#fff2bd,#d5a326);
}
.royal-entry-female .royal-entry-ribbon:after{border-right-color:#d5a326;}
.royal-entry-female .royal-entry-title{color:#b61b67;}




/* =========================================================
   SEO HIDDEN LANDING TEXT FIX
   Keeps SEO landing text in HTML/source without showing it in the chat/login layout.
   ========================================================= */
#seoLandingContent.seo-landing-content{
  position:absolute!important;
  left:-99999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  max-width:1px!important;
  max-height:1px!important;
  overflow:hidden!important;
  clip:rect(1px,1px,1px,1px)!important;
  clip-path:inset(50%)!important;
  white-space:normal!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:transparent!important;
  pointer-events:none!important;
}
#seoLandingContent.seo-landing-content h1,
#seoLandingContent.seo-landing-content p{
  margin:0!important;
  padding:0!important;
  font-size:1px!important;
  line-height:1px!important;
  color:transparent!important;
}
#seoLandingContent .seo-landing-keywords{
  font-size:1px!important;
  line-height:1px!important;
  color:transparent!important;
}

/* ===== MOBILE PROFILE / IMAGE VIEWER CLOSE FIX ===== */
.profile-image-viewer{
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-overflow-scrolling: touch !important;
}
.profile-image-viewer-tools,
.profile-image-viewer-close,
.profile-image-viewer-download{
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
.profile-image-viewer-close{
  cursor: pointer !important;
}
body.profile-image-open .modal-backdrop{
  display:none !important;
  pointer-events:none !important;
}


/* ===== END MOBILE PROFILE / IMAGE VIEWER CLOSE FIX ===== */


/* =========================================================
   Chat quick media tools: image / flash emoji / clear chat
   ========================================================= */
.chat-tools-btn{
  min-width:32px !important;
  height:32px !important;
  padding:6px 8px !important;
  line-height:18px !important;
  text-align:center !important;
}
.chat-quick-tools{
  position:fixed;
  z-index:1000005;
  background:#ffffff;
  border-radius:10px;
  box-shadow:0 4px 18px rgba(0,0,0,.16);
  padding:8px 10px;
  display:flex;
  gap:12px;
  align-items:center;
  direction:ltr;
  pointer-events:auto;
}
.chat-quick-tools .chat-tool-btn{
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  font-size:24px;
  line-height:34px;
  text-align:center;
  cursor:pointer;
  padding:0;
}
.chat-tool-emoji{ color:#00bcd4; }
.chat-tool-media{ color:#ff3d45; }
.chat-tool-clear{ color:#8e24aa; }
.flash-emoji-store{
  position:fixed;
  width:320px;
  max-width:calc(100vw - 16px);
  max-height:310px;
  overflow:hidden;
  z-index:1000006;
  background:#fff;
  border-radius:12px;
  box-shadow:0 5px 24px rgba(0,0,0,.22);
  border:1px solid rgba(0,0,0,.08);
  direction:rtl;
}
.flash-emoji-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:var(--site-button-bg, #7d1766);
  color:#fff;
  padding:8px 10px;
  font-weight:bold;
}
.flash-emoji-head button{
  border:0;
  background:#d84a4a;
  color:#fff;
  border-radius:6px;
  width:28px;
  height:28px;
  line-height:22px;
  font-size:20px;
}
.flash-emoji-body{
  padding:10px;
  max-height:260px;
  overflow:auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  background:#fff;
}
.flash-emoji-item{
  width:38px;
  height:38px;
  border:1px solid #e5e7eb;
  border-radius:9px;
  background:#fff;
  font-size:24px;
  line-height:34px;
  text-align:center;
  cursor:pointer;
  padding:0;
}
.flash-emoji-item img{
  max-width:32px;
  max-height:32px;
  object-fit:contain;
}



/* ===== LIVE CAMERA HD + BEAUTY FILTER ===== */
.fresh-live-viewer.beauty-on .fresh-live-head:after{
  content:'HD Beauty';
  margin-right:8px;
  padding:2px 6px;
  border-radius:10px;
  background:linear-gradient(90deg,#ffd36a,#fff3b0);
  color:#5a3300;
  font:bold 10px Tahoma,Arial;
}
.fresh-live-viewer .fresh-live-video{
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
}


/* LiveKit Voice Rebuild status */
#freshVoiceBar .fresh-mic-seat.active,
#freshVoiceBar .fresh-mic-seat.recording{
  box-shadow:0 0 0 2px rgba(40,167,69,.45),0 0 14px rgba(40,167,69,.45)!important;
}
#freshVoiceBar .fresh-mic-seat.busy:not(.active){
  filter:saturate(1.15) brightness(1.05);
}



/* ===== PROFILE + LIVE GRID FIXES ===== */
#upro .upro-register-state:empty{display:none!important;}
.fresh-live-viewer.fresh-live-multi{width:min(820px,calc(100vw - 14px))!important;left:50%!important;right:auto!important;top:64px!important;transform:translateX(-50%)!important;max-width:calc(100vw - 14px)!important;}
.fresh-live-multi .fresh-live-body{height:min(68vh,560px)!important;min-height:190px!important;display:block!important;background:#000!important;overflow:hidden!important;}
.fresh-live-multi .fresh-live-grid{height:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:5px!important;overflow:hidden!important;padding:5px!important;box-sizing:border-box!important;}
.fresh-live-multi.live-count-0 .fresh-live-grid,.fresh-live-multi.live-count-1 .fresh-live-grid{grid-template-columns:1fr!important;}
.fresh-live-multi.live-count-2 .fresh-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fresh-live-multi.live-count-3 .fresh-live-grid,.fresh-live-multi.live-count-4 .fresh-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fresh-live-multi.live-count-5 .fresh-live-grid,.fresh-live-multi.live-count-6 .fresh-live-grid,.fresh-live-multi.live-count-7 .fresh-live-grid,.fresh-live-multi.live-count-8 .fresh-live-grid,.fresh-live-multi.live-count-9 .fresh-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.fresh-live-tile{min-height:0!important;height:100%!important;}
.fresh-live-tile video,.fresh-live-video{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;background:#000!important;display:block!important;}


/* ===== END PROFILE + LIVE GRID FIXES ===== */


/* ===== MOBILE LIVE CAMERA COMPACT LAYOUT FIX - fallback ===== */




/* ===== END MOBILE LIVE CAMERA COMPACT LAYOUT FIX ===== */



/* ===== WINDOW STACK V3 FIX =====
   حل تداخل النوافذ: آخر نافذة تفتح/تضغط عليها تظهر فوق.
   لا يتم إجبار البث أن يبقى فوق البروفايل.
*/
#freshLiveViewer.fresh-live-viewer{
  z-index:250000 !important;
}
#upro.modal,
#upro{
  z-index:300500 !important;
}
#upro .modal-dialog,
#upro .modal-content{
  position:relative !important;
  z-index:300505 !important;
}
body.chat-profile-front #freshLiveViewer.fresh-live-viewer{
  z-index:250000 !important;
}
body.chat-profile-front #upro.modal,
body.chat-profile-front #upro,
body.chat-profile-front #upro .modal-dialog,
body.chat-profile-front #upro .modal-content{
  z-index:300800 !important;
}
.modal-backdrop{display:none !important;}
.fresh-live-btn.disabled{
  opacity:.55 !important;
  filter:grayscale(.25) !important;
}
/* END WINDOW STACK V3 FIX */

/* ===== BOTTOM NAV BLACK FRAMES V101 =====
   مقاس موحد لكل زر وكادر أسود مطابق للشريط المرجعي. */
body.site-in-room #d0{
  min-height:34px !important;
  height:34px !important;
  max-height:34px !important;
  padding:1px !important;
  gap:2px !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  direction:ltr !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  overscroll-behavior:none !important;
  touch-action:manipulation !important;
}
body.site-in-room #d0 .ae,
body.site-in-room #d0 label,
body.site-in-room #d0 button{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:80px !important;
  min-height:32px !important;
  height:32px !important;
  max-height:32px !important;
  line-height:30px !important;
  padding:0 5px !important;
  margin:0 !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background-color:var(--chat-template, var(--site-body-bg, #4f807d)) !important;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  vertical-align:middle !important;
  color:#fff !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:bold !important;
}
body.site-in-room #d0 .ae:before,
body.site-in-room #d0 label:before,
body.site-in-room #d0 button:before{
  margin:0 2px !important;
  font-family:FontAwesome !important;
  font-style:normal !important;
  font-weight:normal !important;
  line-height:1 !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:antialiased !important;
}
body.site-in-room #d0 span,
body.site-in-room #d0 .pmc,
body.site-in-room #d0 .bwall,
body.site-in-room #d0 .busers{
  display:inline !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  line-height:inherit !important;
  padding:0 !important;
  margin:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:inherit !important;
  font-size:inherit !important;
  font-weight:bold !important;
}
body.site-in-room #d0 .brooms,
body.site-in-room #d0 .th-d0-rooms span,
body.site-in-room #d0 [data-target="#rooms"] span{
  display:none !important;
}
body.site-in-room #d0 .bottom-nav-alert{
  border-color:#ffd400 !important;
  box-shadow:0 0 0 1px #ffd400 inset, 0 0 9px rgba(255,212,0,.95) !important;
  animation:bottomNavYellowPulseSafe 1.1s ease-in-out infinite alternate;
}
body.site-in-room #d0 .bottom-nav-alert:before,
body.site-in-room #d0 .bottom-nav-alert .pmc,
body.site-in-room #d0 .bottom-nav-alert .bwall{
  color:#ffd400 !important;
  text-shadow:0 0 6px rgba(255,212,0,.9) !important;
}
@keyframes bottomNavYellowPulseSafe{
  from{ box-shadow:0 0 0 1px #ffd400 inset, 0 0 5px rgba(255,212,0,.65); }
  to{ box-shadow:0 0 0 1px #ffd400 inset, 0 0 13px rgba(255,212,0,1); }
}


/* ===== END BOTTOM NAV SIZE + NOTIFY SAFE FIX V2 ===== */

/* ===== SEND BUTTON + USERS HEADERS THEME FIX ===== */
/* Keep original colors; only normalize the public/private send button size and shape. */
body.site-in-room .tablebox.footer button.fa-send,
body.site-in-room .tablebox.footer .sndpm,
body.site-in-room .tablebox.footer .sndbc,
body.site-in-room .tablebox.footer button[onclick*="Tsend"],
body.site-in-room .tablebox.footer button[onclick*="UPLOAD"]{
  min-width:54px !important;
  height:32px !important;
  min-height:32px !important;
  line-height:30px !important;
  padding:0 8px !important;
  margin:2px 1px !important;
  border-radius:2px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
  text-align:center !important;
}
body.site-in-room .tablebox.footer button.fa-send:before,
body.site-in-room .tablebox.footer .sndpm:before,
body.site-in-room .tablebox.footer .sndbc:before{
  margin:0 2px !important;
}



/* Make users-list group headers follow the active site/chat style color. */
#users .user-group-header,
#users .users-inroom-header,
#users .users-chat-header,
#users > label.inr,
#users > label.ninr,
#users .ninr.label-primary,
#users .inr.label-primary{
  background-color:var(--theme-primary, var(--site-button-bg, var(--m-primary, #438ac7))) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:var(--theme-primary, var(--site-button-bg, var(--m-primary, #438ac7))) !important;
  width:100% !important;
  display:block !important;
  text-align:center !important;
  border-radius:0 !important;
  padding:4px 6px !important;
  line-height:20px !important;
}
/* ===== END SEND BUTTON + USERS HEADERS THEME FIX ===== */

/* ===== SEND BUTTON ICON ALIGNMENT FIX ===== */
/* Keep colors unchanged; only align the quick-tools icon/button cleanly inside the footer row. */
body.site-in-room .tablebox.footer,
body.site-in-room #room > .tablebox.footer,
body.site-in-room #room > .footer{
  display:flex !important;
  align-items:center !important;
  gap:3px !important;
  box-sizing:border-box !important;
}

body.site-in-room .tablebox.footer .chat-tools-btn,
body.site-in-room .tablebox.footer #chatQuickToolsBtn,
body.site-in-room .tablebox.footer .tboxbc,
body.site-in-room .tablebox.footer .sndfilebc,
body.site-in-room .tablebox.footer .emobc,
body.site-in-room #room > .footer .chat-tools-btn,
body.site-in-room #room > .footer #chatQuickToolsBtn,
body.site-in-room #room > .footer .tboxbc,
body.site-in-room #room > .footer .sndfilebc,
body.site-in-room #room > .footer .emobc{
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  padding:0 !important;
  margin:2px 0 !important;
  border-radius:4px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  vertical-align:middle !important;
  position:relative !important;
  top:0 !important;
  right:auto !important;
  left:auto !important;
  bottom:auto !important;
  overflow:hidden !important;
}

body.site-in-room .tablebox.footer .chat-tools-btn .fa,
body.site-in-room .tablebox.footer #chatQuickToolsBtn .fa,
body.site-in-room .tablebox.footer .tboxbc .fa,
body.site-in-room .tablebox.footer .sndfilebc .fa,
body.site-in-room .tablebox.footer .emobc .fa,
body.site-in-room #room > .footer .chat-tools-btn .fa,
body.site-in-room #room > .footer #chatQuickToolsBtn .fa,
body.site-in-room #room > .footer .tboxbc .fa,
body.site-in-room #room > .footer .sndfilebc .fa,
body.site-in-room #room > .footer .emobc .fa{
  line-height:1 !important;
  margin:0 !important;
  font-size:16px !important;
}

body.site-in-room .tablebox.footer .chat-tools-btn img,
body.site-in-room .tablebox.footer #chatQuickToolsBtn img,
body.site-in-room #room > .footer .chat-tools-btn img,
body.site-in-room #room > .footer #chatQuickToolsBtn img{
  max-width:18px !important;
  max-height:18px !important;
  display:block !important;
  margin:0 auto !important;
}
/* ===== END SEND BUTTON ICON ALIGNMENT FIX ===== */


/* ===== SEND ROW FINAL ALIGNMENT FIX V2 ===== */
/* Fix overlap between tools icon and إرسال button. Keep all colors unchanged. */
body.site-in-room #room > .tablebox.footer,
body.site-in-room #room > .footer,
body.site-in-room .tablebox.footer{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:3px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  direction:rtl !important;
}

/* Text input takes remaining space only, never covers buttons */
body.site-in-room #tbox,
body.site-in-room .footer textarea.tbox,
body.site-in-room #room > .footer textarea#tbox,
body.site-in-room #room > .tablebox.footer textarea#tbox{
  flex:1 1 auto !important;
  min-width:60px !important;
  width:auto !important;
  max-width:none !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  margin:0 2px !important;
  box-sizing:border-box !important;
}

/* Tools square: fixed clean size */
body.site-in-room .tablebox.footer .chat-tools-btn,
body.site-in-room .tablebox.footer #chatQuickToolsBtn,
body.site-in-room #room > .footer .chat-tools-btn,
body.site-in-room #room > .footer #chatQuickToolsBtn{
  flex:0 0 38px !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  vertical-align:middle !important;
}

/* Send button needs enough width for icon + Arabic text */
body.site-in-room .tablebox.footer button.fa-send,
body.site-in-room .tablebox.footer button[onclick*="Tsend"],
body.site-in-room #room > .footer button.fa-send,
body.site-in-room #room > .footer button[onclick*="Tsend"],
body.site-in-room #room > .tablebox.footer button.fa-send,
body.site-in-room #room > .tablebox.footer button[onclick*="Tsend"]{
  flex:0 0 66px !important;
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  line-height:30px !important;
  padding:0 6px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-align:center !important;
  vertical-align:middle !important;
}

/* Normalize inner icon; do not let FontAwesome float outside */
body.site-in-room .tablebox.footer button.fa-send:before,
body.site-in-room .tablebox.footer button[onclick*="Tsend"]:before,
body.site-in-room #room > .footer button.fa-send:before,
body.site-in-room #room > .footer button[onclick*="Tsend"]:before,
body.site-in-room #room > .tablebox.footer button.fa-send:before,
body.site-in-room #room > .tablebox.footer button[onclick*="Tsend"]:before{
  display:inline-block !important;
  position:static !important;
  float:none !important;
  margin:0 0 0 2px !important;
  line-height:1 !important;
  font-size:15px !important;
  vertical-align:middle !important;
}

/* Any image/icon inside send/tools buttons stays centered */
body.site-in-room .tablebox.footer button img,
body.site-in-room #room > .footer button img,
body.site-in-room #room > .tablebox.footer button img{
  max-width:18px !important;
  max-height:18px !important;
  display:inline-block !important;
  margin:0 !important;
  vertical-align:middle !important;
}

/* Mobile: keep same proportions but slightly smaller gap */


/* ===== END SEND ROW FINAL ALIGNMENT FIX V2 ===== */


/* ===== SEND ROW ORDER FIX: [خروج] [ابتسامة] | input | [وسائط] [إرسال] ===== */
/* Visual order only. Colors remain unchanged. */
body.site-in-room #room > .tablebox.footer,
body.site-in-room #room > .footer,
body.site-in-room .tablebox.footer{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:3px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  direction:ltr !important;
}

/* Left side: exit/power + smile */
body.site-in-room #room > .tablebox.footer button[onclick*="logout"],
body.site-in-room #room > .tablebox.footer button[onclick*="Logout"],
body.site-in-room #room > .tablebox.footer button[onclick*="disconnect"],
body.site-in-room #room > .tablebox.footer button[onclick*="close"],
body.site-in-room #room > .tablebox.footer .logout,
body.site-in-room #room > .tablebox.footer .bout,
body.site-in-room #room > .tablebox.footer .fa-power-off,
body.site-in-room #room > .footer button[onclick*="logout"],
body.site-in-room #room > .footer button[onclick*="Logout"],
body.site-in-room #room > .footer button[onclick*="disconnect"],
body.site-in-room #room > .footer button[onclick*="close"],
body.site-in-room #room > .footer .logout,
body.site-in-room #room > .footer .bout,
body.site-in-room #room > .footer .fa-power-off{
  order:10 !important;
}

body.site-in-room #room > .tablebox.footer .emo,
body.site-in-room #room > .tablebox.footer .emobox,
body.site-in-room #room > .tablebox.footer .fa-smile-o,
body.site-in-room #room > .tablebox.footer button[onclick*="emo"],
body.site-in-room #room > .tablebox.footer button[onclick*="Emoji"],
body.site-in-room #room > .footer .emo,
body.site-in-room #room > .footer .emobox,
body.site-in-room #room > .footer .fa-smile-o,
body.site-in-room #room > .footer button[onclick*="emo"],
body.site-in-room #room > .footer button[onclick*="Emoji"]{
  order:20 !important;
}

/* Middle: writing box */
body.site-in-room #tbox,
body.site-in-room .footer textarea.tbox,
body.site-in-room #room > .footer textarea#tbox,
body.site-in-room #room > .tablebox.footer textarea#tbox{
  order:50 !important;
  flex:1 1 auto !important;
  min-width:60px !important;
  width:auto !important;
  max-width:none !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  margin:0 2px !important;
  box-sizing:border-box !important;
  direction:rtl !important;
}

/* Right side: media/tools then send */
body.site-in-room .tablebox.footer .chat-tools-btn,
body.site-in-room .tablebox.footer #chatQuickToolsBtn,
body.site-in-room .tablebox.footer .tboxbc,
body.site-in-room .tablebox.footer .sndfilebc,
body.site-in-room .tablebox.footer .emobc,
body.site-in-room #room > .footer .chat-tools-btn,
body.site-in-room #room > .footer #chatQuickToolsBtn,
body.site-in-room #room > .footer .tboxbc,
body.site-in-room #room > .footer .sndfilebc,
body.site-in-room #room > .footer .emobc{
  order:80 !important;
  flex:0 0 38px !important;
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  padding:0 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  vertical-align:middle !important;
}

body.site-in-room .tablebox.footer button.fa-send,
body.site-in-room .tablebox.footer button[onclick*="Tsend"],
body.site-in-room #room > .footer button.fa-send,
body.site-in-room #room > .footer button[onclick*="Tsend"],
body.site-in-room #room > .tablebox.footer button.fa-send,
body.site-in-room #room > .tablebox.footer button[onclick*="Tsend"]{
  order:90 !important;
  flex:0 0 66px !important;
  width:66px !important;
  min-width:66px !important;
  max-width:66px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  line-height:30px !important;
  padding:0 6px !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-align:center !important;
  vertical-align:middle !important;
  direction:rtl !important;
}

/* Footer buttons standard size */
body.site-in-room #room > .tablebox.footer > button,
body.site-in-room #room > .footer > button,
body.site-in-room #room > .tablebox.footer > .btn,
body.site-in-room #room > .footer > .btn,
body.site-in-room #room > .tablebox.footer > img.emobox,
body.site-in-room #room > .footer > img.emobox{
  flex:0 0 34px;
  height:32px;
  min-height:32px;
  max-height:32px;
  margin:0;
  box-sizing:border-box;
}

/* Normalize icons and prevent overlap */
body.site-in-room .tablebox.footer button.fa-send:before,
body.site-in-room .tablebox.footer button[onclick*="Tsend"]:before,
body.site-in-room #room > .footer button.fa-send:before,
body.site-in-room #room > .footer button[onclick*="Tsend"]:before,
body.site-in-room #room > .tablebox.footer button.fa-send:before,
body.site-in-room #room > .tablebox.footer button[onclick*="Tsend"]:before{
  display:inline-block !important;
  position:static !important;
  float:none !important;
  margin:0 0 0 2px !important;
  line-height:1 !important;
  font-size:15px !important;
  vertical-align:middle !important;
}

body.site-in-room .tablebox.footer button img,
body.site-in-room #room > .footer button img,
body.site-in-room #room > .tablebox.footer button img{
  max-width:18px !important;
  max-height:18px !important;
  display:inline-block !important;
  margin:0 !important;
  vertical-align:middle !important;
}



/* ===== END SEND ROW ORDER FIX ===== */


/* ===== PRIVATE CLOSE / VOICE RECORD / PRIVATE CALL UI FIX ===== */
.pm-voice-rec{
  width:34px !important;
  min-width:34px !important;
  height:32px !important;
  padding:0 !important;
  margin:0 2px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.pm-voice-rec.recording{
  animation: pmVoicePulse 1s infinite;
}
@keyframes pmVoicePulse{
  0%{filter:brightness(1);}
  50%{filter:brightness(1.35);}
  100%{filter:brightness(1);}
}
.private-call-box,
.private-call-invite{
  position:fixed;
  z-index:1000020;
  left:50%;
  top:90px;
  transform:translateX(-50%);
  width:300px;
  max-width:calc(100vw - 20px);
  background:#fff;
  border:1px solid var(--site-button-bg, #287b17);
  box-shadow:0 6px 24px rgba(0,0,0,.25);
  direction:rtl;
  font-family:Tahoma,Arial,sans-serif;
}
.private-call-head{
  background:var(--site-button-bg, #287b17);
  color:#fff;
  padding:6px 8px;
  font-weight:bold;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.private-call-close{
  border:0;
  background:#d9534f;
  color:#fff;
  width:26px;
  height:24px;
  border-radius:4px;
}
.private-call-body{
  padding:14px;
  text-align:center;
}
.private-call-peer{
  font-weight:bold;
  margin-bottom:6px;
}
.private-call-actions,
.private-call-invite-actions{
  padding:8px;
  text-align:center;
  background:#f5f5f5;
}
.private-call-actions button,
.private-call-invite-actions button{
  border:0;
  color:#fff;
  padding:6px 18px;
  margin:0 4px;
  border-radius:5px;
  font-weight:bold;
}
.private-call-end,
.private-call-invite .deny{
  background:#d9534f;
}
.private-call-invite .accept{
  background:var(--site-button-bg, #287b17);
}
.private-call-invite-title{
  padding:12px;
  text-align:center;
  font-weight:bold;
}
/* ===== END PRIVATE CLOSE / VOICE RECORD / PRIVATE CALL UI FIX ===== */





/* ===== CHAT INPUT LTR FIX ===== */
/* Keep send-row order, but return typing field direction to left-to-right like before. */
body.site-in-room #tbox,
body.site-in-room .footer textarea.tbox,
body.site-in-room #room > .footer textarea#tbox,
body.site-in-room #room > .tablebox.footer textarea#tbox{
  direction:ltr !important;
  text-align:left !important;
  unicode-bidi:plaintext !important;
}
/* ===== END CHAT INPUT LTR FIX ===== */











/* ===== EMOJI CONTEXT POPUP FIX V4 ===== */
/* One emoji popup per clicked box: public, wall, or private. JS sets top/left with !important. */
.emoji-pop-fixed{
  position:fixed !important;
  width:292px !important;
  max-width:calc(100vw - 16px) !important;
  max-height:240px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  direction:rtl !important; /* scrollbar on left */
  text-align:right !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.25) !important;
  border-radius:6px !important;
  box-shadow:0 6px 22px rgba(0,0,0,.22) !important;
  padding:5px !important;
  z-index:1000030 !important;
  box-sizing:border-box !important;
}
.emoji-pop-fixed[data-emoji-context="wall"]{
  z-index:1000035 !important;
}
.emoji-pop-fixed[data-emoji-context="private"]{
  z-index:1000036 !important;
}
.emoji-pop-fixed .emoji-pop-item,
.emoji-pop-fixed img.emoi{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  margin:3px !important;
  object-fit:contain !important;
  vertical-align:middle !important;
}


/* ===== END EMOJI CONTEXT POPUP FIX V4 ===== */


/* ===== MOBILE PRIVATE WINDOW + EMOJI POPUP FIX V6 =====
   - Keep private chat as a compact floating window on mobile; it no longer covers the whole page.
   - Keep emoji popup anchored above the clicked smile button, including private chat and wall.
*/




/* ===== END MOBILE PRIVATE WINDOW + EMOJI POPUP FIX V6 ===== */




/* ===== VOCAL MIC EFFECTS V10 ===== */
#vocalEffectsMode.vocal-effects-select{
  border:1px solid #1f7a1f !important;
  background:#fff !important;
  color:#153b15 !important;
  font-weight:700 !important;
}
#vocalEffectsMode.vocal-effects-select option{color:#111 !important;}


/* ===== END VOCAL MIC EFFECTS V10 ===== */

/* ===== VOCAL MIC EFFECTS PROFESSIONAL MODES V11 ===== */
#vocalEffectsMode.vocal-effects-select{
  min-width:210px !important;
  max-width:100% !important;
}


/* ===== END VOCAL MIC EFFECTS PROFESSIONAL MODES V11 ===== */


/* ===== Member banner + frame (scoped; does not override global chat style) ===== */
.uzr.member-has-cover{
  background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:transparent!important;
  min-height:50px;position:relative;overflow:hidden;
}
.uzr.member-has-cover:before{display:none!important;content:none!important;background:none!important;}
.uzr.member-has-cover>.u-pic,.uzr.member-has-cover>.filw,.uzr.member-has-cover>.uzr,.uzr.member-has-cover .u-topic,.uzr.member-has-cover .u-msg,.uzr.member-has-cover .u-ico{position:relative;z-index:1;}
.uzr.member-has-cover .u-topic,
.uzr.member-has-cover .u-msg,
.uzr.member-has-cover .user-status-line{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  text-shadow:0 1px 1px rgba(255,255,255,.9),0 0 2px rgba(0,0,0,.35)!important;
}
.member-frame-gold{--member-frame-glow:#f6d365;border-color:#f6d365!important;}
.member-frame-pink{--member-frame-glow:#ff4fb3;border-color:#ff4fb3!important;}
.member-frame-blue{--member-frame-glow:#45aaf2;border-color:#45aaf2!important;}
.member-frame-green{--member-frame-glow:#20bf6b;border-color:#20bf6b!important;}
.member-frame-purple{--member-frame-glow:#8854d0;border-color:#8854d0!important;}
.member-frame-fire{--member-frame-glow:#ff6b00;border-color:#ff6b00!important;}
.member-frame-ice{--member-frame-glow:#74dfff;border-color:#74dfff!important;}
.member-frame-shadow{--member-frame-glow:#555;border-color:#333!important;}
.member-frame-gold,.member-frame-pink,.member-frame-blue,.member-frame-green,
.member-frame-purple,.member-frame-fire,.member-frame-ice,.member-frame-shadow{
  box-shadow:inset 0 0 0 2px var(--member-frame-glow),0 0 5px var(--member-frame-glow)!important;
  animation:memberFrameMagicGlow 1.45s ease-in-out infinite alternate!important;
}
@keyframes memberFrameMagicGlow{
  from{box-shadow:inset 0 0 0 2px var(--member-frame-glow),0 0 3px var(--member-frame-glow)!important;}
  to{box-shadow:inset 0 0 0 3px var(--member-frame-glow),0 0 11px var(--member-frame-glow)!important;}
}
.uzr.member-frame-custom{position:relative!important;overflow:hidden!important;}
.uzr.member-frame-custom:after{
  content:none!important;display:none!important;background:none!important;
}
.uzr.member-frame-custom>.u-pic,
.uzr .u-pic.member-avatar-frame{
  position:relative!important;z-index:6!important;
}
.u-pic.member-avatar-frame{
  --avatar-frame-color:#f6d365;
  border:2px solid var(--avatar-frame-color)!important;
  outline:1px solid rgba(255,255,255,.8)!important;
  outline-offset:-3px!important;
  animation:memberAvatarGlow 1.15s ease-in-out infinite alternate!important;
}
.u-pic.member-avatar-gold{--avatar-frame-color:#ffd54a;}
.u-pic.member-avatar-pink{--avatar-frame-color:#ff4fb3;}
.u-pic.member-avatar-blue{--avatar-frame-color:#45aaf2;}
.u-pic.member-avatar-green{--avatar-frame-color:#20df78;}
.u-pic.member-avatar-purple{--avatar-frame-color:#a66cff;}
.u-pic.member-avatar-ice{--avatar-frame-color:#74e9ff;animation-name:memberAvatarIce!important;}
.u-pic.member-avatar-shadow{--avatar-frame-color:#777;}
.u-pic.member-avatar-custom{--avatar-frame-color:#f25cff;animation-name:memberAvatarRainbow!important;}
.u-pic.member-avatar-fire{
  --avatar-frame-color:#ff5a00;
  border-color:#ff7a00!important;
  animation:memberAvatarFire .58s ease-in-out infinite alternate!important;
}
@keyframes memberAvatarGlow{
  from{box-shadow:0 0 3px 1px var(--avatar-frame-color),inset 0 0 2px rgba(255,255,255,.75)!important;}
  to{box-shadow:0 0 11px 4px var(--avatar-frame-color),inset 0 0 6px rgba(255,255,255,.95)!important;}
}
@keyframes memberAvatarFire{
  0%{box-shadow:0 -2px 4px #ffd000,0 0 6px 2px #ff5a00,0 3px 9px 3px #b31300!important;filter:saturate(1.05) brightness(1);}
  55%{box-shadow:-2px -5px 8px #fff36b,2px 0 9px 3px #ff7300,0 5px 13px 5px #e32100!important;filter:saturate(1.35) brightness(1.12);}
  100%{box-shadow:2px -7px 11px #ffe100,-2px 0 8px 4px #ff3900,0 4px 15px 5px #8f0000!important;filter:saturate(1.55) brightness(1.2);}
}
@keyframes memberAvatarIce{
  from{box-shadow:0 0 4px 1px #d9fbff,0 0 7px 2px #31cfff!important;filter:brightness(1);}
  to{box-shadow:0 0 9px 3px #fff,0 0 15px 5px #38dfff!important;filter:brightness(1.15);}
}
@keyframes memberAvatarRainbow{
  0%{border-color:#ff4fb3!important;box-shadow:0 0 7px 2px #ff4fb3!important;}
  33%{border-color:#8b5cff!important;box-shadow:0 0 10px 3px #8b5cff!important;}
  66%{border-color:#26dfff!important;box-shadow:0 0 12px 4px #26dfff!important;}
  100%{border-color:#ffe45c!important;box-shadow:0 0 9px 3px #ffe45c!important;}
}
.member-banner-frame-panel{position:fixed;right:8px;top:42px;width:330px;max-width:calc(100vw - 16px);height:calc(100vh - 54px);z-index:2600;background:#eee;border:1px solid #111;box-shadow:0 4px 18px rgba(0,0,0,.35);direction:rtl;font-family:Tahoma,Arial,sans-serif;}
.member-banner-frame-panel .mbf-head{height:32px;line-height:32px;background:#071b3d;color:#fff;text-align:center;font-weight:bold;position:relative;}
.member-banner-frame-panel .mbf-close{position:absolute;left:4px;top:3px;width:28px;height:26px;border:0;border-radius:4px;background:#d94a59;color:#fff;font-size:20px;line-height:20px;}
.member-banner-frame-panel .mbf-body{height:calc(100% - 32px);overflow:auto;padding:8px;box-sizing:border-box;}
.member-banner-frame-panel .mbf-note{background:#ddd;border-radius:2px;text-align:center;font:bold 12px Tahoma;margin:2px 0 8px;padding:5px;color:#222;}
.member-banner-frame-panel .mbf-preview{height:78px!important;border:1px solid #111!important;border-radius:4px!important;margin-bottom:8px!important;display:flex!important;align-items:center!important;padding:5px!important;box-sizing:border-box!important;width:100%!important;}
.member-banner-frame-panel .mbf-preview .u-pic{width:48px!important;height:48px!important;border-radius:4px!important;margin:0 0 0 7px!important;object-fit:cover!important;float:none!important;}
.member-banner-frame-panel .mbf-preview-info{position:relative;z-index:2;min-width:0;flex:1;}
.member-banner-frame-panel .mbf-preview-info .u-topic{display:inline-block;max-width:100%;padding:2px 8px;border-radius:3px;font-weight:bold;}
.member-banner-frame-panel .mbf-preview-info small{display:block;margin-top:4px;color:#333;background:transparent;width:max-content;max-width:100%;padding:1px 5px;border-radius:3px;text-shadow:0 1px 1px rgba(255,255,255,.9),0 0 2px rgba(0,0,0,.35);}
.member-banner-frame-panel .mbf-actions{display:flex;gap:6px;margin-bottom:8px;}
.member-banner-frame-panel .mbf-actions button,.member-banner-frame-panel .mbf-frame-choice{border:1px solid #111;background:#fff;padding:8px 6px;border-radius:4px;font:bold 12px Tahoma;cursor:pointer;}
.member-banner-frame-panel .mbf-upload{flex:1;background:linear-gradient(90deg,#e91e63,#9c27b0)!important;color:#fff!important;border:0!important;}
.member-banner-frame-panel .mbf-remove{width:95px;background:#d94a59!important;color:#fff!important;border:0!important;}
.member-banner-frame-panel .mbf-title{background:#071b3d;color:#fff;text-align:center;font:bold 12px Tahoma;padding:6px;margin:8px 0 6px;border-radius:3px;}
.member-banner-frame-panel .mbf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
.member-banner-frame-panel .mbf-banner-choice{height:72px;border:2px solid #111;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#f7f7f7;border-radius:2px;image-rendering:auto!important;cursor:pointer;}
.member-banner-frame-panel .mbf-frame-choice{min-height:36px;background:#fff;}
.member-banner-frame-panel .mbf-custom-frame-choice{height:72px!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;position:relative!important;overflow:hidden!important;}
.member-banner-frame-panel .mbf-custom-frame-choice span{position:absolute;right:3px;bottom:3px;background:rgba(0,0,0,.6);color:#fff;padding:2px 5px;border-radius:3px;font-size:10px;}
.member-banner-frame-panel .mbf-uploaded-frames{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;}
.member-banner-frame-panel .mbf-uploaded-frames .mbf-custom-frame-choice{height:92px!important;min-height:92px!important;padding:0!important;border:1px solid #ead5df!important;border-radius:10px!important;background-color:#fff8fb!important;background-size:contain!important;}
.member-banner-frame-panel .mbf-frame-help{margin:-2px 0 6px;padding:5px 7px;background:#fff;color:#555;border:1px solid #ddd;font:700 11px/18px Tahoma,Arial,sans-serif;text-align:right;}
.member-banner-frame-panel .mbf-frame-empty{grid-column:1/-1!important;}

/* Uploaded transparent/animated frame sits on the avatar only, never on the full member row. */
.member-avatar-frame-layer{
  position:absolute!important;z-index:9!important;display:block!important;pointer-events:none!important;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;
  image-rendering:auto!important;
}
html body.site-in-room #users .uzr > .member-avatar-frame-layer,
html body:not(.site-in-room) #tlogins .lonline .uzr > .member-avatar-frame-layer{
  top:0!important;left:5px!important;right:auto!important;width:56px!important;height:56px!important;
}
.member-banner-frame-panel .mbf-preview > .member-avatar-frame-layer{
  top:14px!important;right:5px!important;left:auto!important;width:48px!important;height:48px!important;
}

/* V230.1: keep the uploaded frame outside a smaller circular portrait. */
html body.site-in-room #users .uzr.member-frame-custom > .u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr.member-frame-custom > .u-pic{
  position:absolute!important;
  z-index:7!important;
  top:6px!important;
  left:11px!important;
  right:auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  overflow:hidden!important;
  box-shadow:none!important;
  animation:none!important;
}
.member-banner-frame-panel .mbf-preview.member-frame-custom > .u-pic{
  position:absolute!important;
  z-index:7!important;
  top:20px!important;
  right:11px!important;
  left:auto!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:none!important;
  animation:none!important;
}

/* V230.2 fallback: show the larger framed portrait on every viewport. */
#users .uzr.member-frame-custom,
#tlogins .lonline .uzr.member-frame-custom{
  min-height:70px!important;height:70px!important;padding-left:78px!important;
}
#users .uzr.member-frame-custom > .u-pic,
#tlogins .lonline .uzr.member-frame-custom > .u-pic{
  display:block!important;visibility:visible!important;opacity:1!important;
  top:8px!important;left:10px!important;right:auto!important;
  width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  max-width:54px!important;max-height:54px!important;border-radius:50%!important;object-fit:cover!important;
}
#users .uzr.member-frame-custom > .member-avatar-frame-layer,
#tlogins .lonline .uzr.member-frame-custom > .member-avatar-frame-layer{
  display:block!important;visibility:visible!important;opacity:1!important;
  top:1px!important;left:3px!important;right:auto!important;width:68px!important;height:68px!important;
}

/* V230.3: fill the frame opening and keep both layers on one center point. */
#users .uzr.member-frame-custom > .u-pic,
#tlogins .lonline .uzr.member-frame-custom > .u-pic{
  top:5px!important;left:7px!important;right:auto!important;
  width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
  max-width:60px!important;max-height:60px!important;object-position:center center!important;
}

/* V230.4: override the global contain rule used by background avatars. */
#users .uzr.member-frame-custom > .u-pic,
#tlogins .lonline .uzr.member-frame-custom > .u-pic{
  background-size:118% 118%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
  clip-path:circle(50% at 50% 50%)!important;
  -webkit-clip-path:circle(50% at 50% 50%)!important;
}

/* V230.5: the portrait uses the same 68px canvas and coordinates as the frame. */
#users .uzr.member-frame-custom > .u-pic,
#tlogins .lonline .uzr.member-frame-custom > .u-pic,
#users .uzr.member-frame-custom > img.u-pic,
#tlogins .lonline .uzr.member-frame-custom > img.u-pic{
  top:1px!important;left:3px!important;right:auto!important;
  width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;
  max-width:68px!important;max-height:68px!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  object-fit:cover!important;object-position:center center!important;
  border-radius:50%!important;transform:none!important;
}

/* V230.6: values are measured from each uploaded frame's real transparent aperture. */
#users .uzr.member-frame-custom > .u-pic,
#tlogins .lonline .uzr.member-frame-custom > .u-pic,
#users .uzr.member-frame-custom > img.u-pic,
#tlogins .lonline .uzr.member-frame-custom > img.u-pic{
  top:var(--member-frame-avatar-top,8px)!important;
  left:var(--member-frame-avatar-left,11px)!important;
  width:var(--member-frame-avatar-size,54px)!important;
  height:var(--member-frame-avatar-size,54px)!important;
  min-width:var(--member-frame-avatar-size,54px)!important;
  min-height:var(--member-frame-avatar-size,54px)!important;
  max-width:var(--member-frame-avatar-size,54px)!important;
  max-height:var(--member-frame-avatar-size,54px)!important;
}

/* V230.7: framed users use one larger 80px canvas for both layers. */
#users .uzr.member-frame-custom,
#tlogins .lonline .uzr.member-frame-custom{min-height:82px!important;height:82px!important;padding-left:90px!important;}
#users .uzr.member-frame-custom > .u-pic,
#tlogins .lonline .uzr.member-frame-custom > .u-pic,
#users .uzr.member-frame-custom > img.u-pic,
#tlogins .lonline .uzr.member-frame-custom > img.u-pic,
#users .uzr.member-frame-custom > .member-avatar-frame-layer,
#tlogins .lonline .uzr.member-frame-custom > .member-avatar-frame-layer{
  top:1px!important;left:3px!important;right:auto!important;width:80px!important;height:80px!important;
  min-width:80px!important;min-height:80px!important;max-width:80px!important;max-height:80px!important;
}


/* ===== End member banner + frame ===== */

/* V230.8: real portrait viewport beneath the transparent frame aperture. */
#users .uzr.member-frame-custom,
#tlogins .lonline .uzr.member-frame-custom{
  min-height:82px!important;height:82px!important;padding-left:90px!important;
}
#users .uzr.member-frame-custom > .member-avatar-composite,
#tlogins .lonline .uzr.member-frame-custom > .member-avatar-composite{
  position:absolute!important;left:3px!important;right:auto!important;top:1px!important;
  width:80px!important;height:80px!important;display:block!important;overflow:visible!important;
  margin:0!important;padding:0!important;border:0!important;z-index:6!important;
}
#users .member-avatar-composite > .frame-photo-window,
#tlogins .member-avatar-composite > .frame-photo-window{
  position:absolute!important;
  left:var(--member-frame-avatar-left,10px)!important;
  top:var(--member-frame-avatar-top,8px)!important;
  width:var(--member-frame-avatar-size,60px)!important;
  height:var(--member-frame-avatar-size,60px)!important;
  display:block!important;overflow:hidden!important;border-radius:50%!important;
  margin:0!important;padding:0!important;border:0!important;z-index:7!important;
  background:transparent!important;
}
#users .member-avatar-composite > .frame-photo-window > img.u-pic,
#tlogins .member-avatar-composite > .frame-photo-window > img.u-pic{
  position:absolute!important;inset:0!important;left:0!important;top:0!important;right:auto!important;
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
  border:0!important;outline:0!important;border-radius:50%!important;overflow:hidden!important;
  background-size:125% 125%!important;background-position:center center!important;background-repeat:no-repeat!important;
  object-fit:cover!important;object-position:center center!important;transform:none!important;
  box-shadow:none!important;animation:none!important;z-index:7!important;
}
#users .member-avatar-composite > .member-avatar-frame-layer,
#tlogins .member-avatar-composite > .member-avatar-frame-layer{
  position:absolute!important;inset:0!important;left:0!important;top:0!important;right:auto!important;
  width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;
  max-width:80px!important;max-height:80px!important;display:block!important;visibility:visible!important;
  opacity:1!important;margin:0!important;padding:0!important;border:0!important;z-index:9!important;
  background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;
  pointer-events:none!important;
}
.member-banner-frame-panel .mbf-save-row{position:sticky;bottom:0;background:#eee;padding:8px 0 2px;margin-top:8px;z-index:5;}
.member-banner-frame-panel .mbf-save{width:100%;border:0;border-radius:5px;background:#0b7d2b;color:#fff;font:bold 14px Tahoma;padding:10px 6px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.member-banner-frame-panel .mbf-banner-choice.selected,.member-banner-frame-panel .mbf-frame-choice.selected{outline:3px solid #0b7d2b!important;box-shadow:0 0 0 2px #fff inset,0 0 8px rgba(11,125,43,.55)!important;}

/* ===== Member banner v18 full image / GIF visibility ===== */
.uzr.member-has-cover{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;image-rendering:auto!important;}
#users .uzr.member-has-cover{min-height:50px!important;}
.member-banner-frame-panel .mbf-preview.member-has-cover{background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#f7f7f7!important;image-rendering:auto!important;}
/* ===== End member banner v18 ===== */

/* ===== CENTER FULL CHAT UI V22 ===== */
html,body{
  width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}
body.bg{
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
body.bg > .dad{
  position:relative !important;
  float:none !important;
  clear:both !important;
  width:min(100vw, 500px) !important;
  max-width:500px !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
body.bg > .dad > #tlogins{
  left:0 !important;
  right:0 !important;
  margin-left:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.bg.site-in-room > .dad #room,
body.bg.site-in-room > .dad #d2,
body.bg.site-in-room > .dad #d0,
body.bg.site-in-room > .dad .footer,
body.bg > .dad .dpnl{
  max-width:100% !important;
  box-sizing:border-box !important;
}


/* ===== END CENTER FULL CHAT UI V22 ===== */

/* ===== MEMBER BANNER PANEL ABOVE SETTINGS - V23 ===== */
#memberBannerFramePanel.member-banner-frame-panel{
  z-index:2147483200 !important;
  position:fixed !important;
}
#memberBannerFramePanel.member-banner-frame-panel *{
  box-sizing:border-box !important;
}
.member-banner-frame-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.18) !important;
  z-index:2147483199 !important;
  pointer-events:none !important;
}


/* ===== END V23 ===== */






/* ===== V30 MOBILE PRIVATE LIST ONLY SAFE FIX ===== */


/* ===== END V30 ===== */

/* ===== V31 MOBILE DPNL TOP CONTENT SAFE RESTORE =====
   Restore the first rows/buttons inside rooms and settings on mobile without changing panel border/layout. */


/* ===== END V31 ===== */

/* ===== V33 MOBILE SETTINGS SCROLL BOTTOM SAFE FIX ===== */


/* ===== END V33 ===== */


/* ===== V34 MOBILE EMOJI ABOVE ALL PANELS FIX ===== */


/* ===== END V34 ===== */



/* ===== V55 MOBILE MEMBER BANNER FRAME PANEL SCROLL FIX ===== */


/* ===== END V55 ===== */

/* v63 member banner library empty state */
.mbf-empty{grid-column:1/-1;background:#fff;border:1px dashed #999;padding:18px 8px;text-align:center;font:bold 14px Tahoma;color:#333}

/* ==========================================================
   V72 MOBILE WALL COMMENTS EXACT RESTORE FROM V65
   - لا يغيّر حجم الحائط ولا يكبر النوافذ الرئيسية
   - نافذة محادثات الحائط تظهر كاملة فوق الحائط مثل الصورة المرجعية
   - يظهر المنشور الأصلي في أعلى نافذة التعليقات دائماً
   ========================================================== */




/* ==========================================================
   V73 MOBILE WALL YOUTUBE POPUP EXACT FROM V71
   - keeps V72 wall comments as-is
   - only restores the YouTube link popup mobile layout
   ========================================================== */



/* ===== v75 MOBILE STORY FULLSCREEN EXACT ROOT FIX ===== */
body.story-open{overflow:hidden!important;touch-action:none!important;background:#000!important;}
#storyViewer.story-viewer,
#wall #storyViewer.story-viewer,
.dpnl #wall #storyViewer.story-viewer{
  position:fixed!important;
  z-index:2147483647!important;
  inset:0!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:#000!important;
  overflow:hidden!important;
  transform:none!important;
  direction:rtl!important;
}
#storyViewer .story-viewer-inner{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background:#000!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
}
#storyViewer .story-media-wrap,
#storyViewer .story-media-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
#storyViewer .story-main-media{display:none!important;background:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;}
#storyViewer:not(.can-video):not(.can-audio) .story-main-image{display:block!important;width:100vw!important;height:auto!important;max-height:100vh!important;max-height:100dvh!important;object-fit:contain!important;}
#storyViewer.can-video .story-main-video{display:block!important;width:100vw!important;height:auto!important;max-height:100vh!important;max-height:100dvh!important;object-fit:contain!important;background:#000!important;}
#storyViewer.can-audio .story-main-image,#storyViewer.can-video .story-main-image{display:none!important;}
#storyViewer .story-progress-bars{position:absolute!important;top:12px!important;left:12px!important;right:12px!important;height:3px!important;z-index:100!important;display:flex!important;gap:3px!important;}
#storyViewer .story-progress-seg{height:3px!important;background:rgba(255,255,255,.35)!important;border-radius:99px!important;overflow:hidden!important;}
#storyViewer .story-progress-fill{height:100%!important;background:#fff!important;display:block!important;}
#storyViewer .story-viewer-head{position:absolute!important;top:34px!important;left:18px!important;right:auto!important;z-index:110!important;display:flex!important;align-items:center!important;gap:8px!important;color:#fff!important;max-width:58vw!important;}
#storyViewer .story-author-pic{width:46px!important;height:46px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;border:1px solid #fff!important;}
#storyViewer .story-author-name{display:none!important;}
#storyViewer .story-author-time{font-size:17px!important;color:#fff!important;text-shadow:0 1px 5px #000!important;font-weight:700!important;}
#storyViewer .story-viewer-tools{position:absolute!important;top:34px!important;right:12px!important;z-index:120!important;display:flex!important;gap:8px!important;}
#storyViewer .story-close-btn{position:fixed!important;top:58px!important;left:10px!important;right:auto!important;width:38px!important;height:38px!important;font-size:30px!important;line-height:38px!important;color:#fff!important;background:transparent!important;text-shadow:0 2px 6px #000!important;z-index:140!important;}
#storyViewer .story-download-btn{display:none!important;}
#storyViewer .story-delete-btn{background:#d9534f!important;color:#fff!important;border-radius:0!important;width:54px!important;height:32px!important;line-height:32px!important;font-size:0!important;position:fixed!important;right:0!important;top:122px!important;z-index:140!important;text-shadow:none!important;}
#storyViewer .story-delete-btn:after{content:'حذف';font-size:18px!important;font-family:Arial,Tahoma,sans-serif!important;font-weight:700!important;}
#storyViewer:not(.can-delete) .story-delete-btn{display:none!important;}
#storyViewer .story-caption{position:absolute!important;left:50%!important;bottom:84px!important;transform:translateX(-50%)!important;width:88vw!important;color:#fff!important;text-align:center!important;background:transparent!important;text-shadow:0 2px 7px #000!important;font-size:16px!important;z-index:115!important;}
#storyViewer .story-viewer-bottom{position:absolute!important;left:16px!important;top:45%!important;bottom:auto!important;z-index:130!important;color:#fff!important;}
#storyViewer .story-side-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;}
#storyViewer .story-side-actions button{width:54px!important;height:54px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:46px!important;line-height:54px!important;text-shadow:0 2px 6px #000!important;}
#storyViewer .story-like-count,#storyViewer .story-view-count{font-size:18px!important;font-weight:700!important;color:#fff!important;text-shadow:0 2px 6px #000!important;margin-bottom:10px!important;}
#storyViewer .story-extra-actions,#storyViewer .story-nav{display:none!important;}
#storyViewer.can-audio .story-audio-cover{display:flex!important;background:#000!important;color:#fff!important;box-shadow:none!important;}


/* ===== v81 MOBILE STORY IMAGE NOT AUDIO FINAL FIX ===== */


/* ===== END v81 MOBILE STORY IMAGE NOT AUDIO FINAL FIX ===== */

/* ===== v138 YELLOW MOVEMENT EVENTS (MOBILE + DESKTOP) ===== */
.msg.system-event,
.hmsg.system-event,
.break.system-event,
.msg.system-join-chat,
.msg.system-leave-chat,
.msg.system-disconnect-chat,
.msg.system-logout-chat,
.msg.system-room-join,
.msg.system-room-leave,
.msg.system-room-move,
.msg.system-roomkick,
.uzr.system-event,
.uzr.system-join-chat,
.uzr.system-leave-chat,
.uzr.system-disconnect-chat,
.uzr.system-logout-chat,
.uzr.system-room-join,
.uzr.system-room-leave,
.uzr.system-room-move,
.uzr.system-roomkick,
body.site-in-room .msg.system-event,
body.site-in-room .hmsg.system-event,
body.site-in-room .break.system-event,
body.site-in-room .msg.system-join-chat,
body.site-in-room .msg.system-leave-chat,
body.site-in-room .msg.system-disconnect-chat,
body.site-in-room .msg.system-logout-chat,
body.site-in-room .msg.system-room-join,
body.site-in-room .msg.system-room-leave,
body.site-in-room .msg.system-room-move,
body.site-in-room .msg.system-roomkick,
body.site-in-room .uzr.system-event,
body.site-in-room .uzr.system-join-chat,
body.site-in-room .uzr.system-leave-chat,
body.site-in-room .uzr.system-disconnect-chat,
body.site-in-room .uzr.system-logout-chat,
body.site-in-room .uzr.system-room-join,
body.site-in-room .uzr.system-room-leave,
body.site-in-room .uzr.system-room-move,
body.site-in-room .uzr.system-roomkick{
  background:#fff5e8!important;
  background-image:none!important;
  border-top:1px solid #efdcc4!important;
  border-bottom:1px solid #efdcc4!important;
  color:#111!important;
}
.uzr.system-event > .uzr,
.uzr.system-join-chat > .uzr,
.uzr.system-leave-chat > .uzr,
.uzr.system-disconnect-chat > .uzr,
.uzr.system-logout-chat > .uzr,
.uzr.system-room-join > .uzr,
.uzr.system-room-leave > .uzr,
.uzr.system-room-move > .uzr,
.uzr.system-roomkick > .uzr,
.uzr.system-event .u-topic,
.uzr.system-event .u-msg{
  background-color:transparent!important;
  background-image:none!important;
}
.msg.system-event .u-msg,
.msg.system-event .u-topic,
.msg.system-event .tago,
.msg.system-join-chat .u-msg,
.msg.system-leave-chat .u-msg,
.msg.system-disconnect-chat .u-msg,
.msg.system-logout-chat .u-msg,
.msg.system-room-join .u-msg,
.msg.system-room-leave .u-msg,
.msg.system-room-move .u-msg,
.msg.system-roomkick .u-msg,
body.site-in-room .msg.system-event .u-msg,
body.site-in-room .msg.system-event .u-topic,
body.site-in-room .msg.system-event .tago{
  color:#111!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.msg.system-event .u-pic,
.msg.system-join-chat .u-pic,
.msg.system-leave-chat .u-pic,
.msg.system-disconnect-chat .u-pic,
.msg.system-logout-chat .u-pic,
.msg.system-room-join .u-pic,
.msg.system-room-leave .u-pic,
.msg.system-room-move .u-pic,
.msg.system-roomkick .u-pic{
  border:1px solid #d6b954!important;
}
.msg.system-event .system-room-badge,
.msg.system-join-chat .system-room-badge,
.msg.system-leave-chat .system-room-badge,
.msg.system-disconnect-chat .system-room-badge,
.msg.system-logout-chat .system-room-badge,
.msg.system-room-join .system-room-badge,
.msg.system-room-leave .system-room-badge,
.msg.system-room-move .system-room-badge,
.msg.system-roomkick .system-room-badge{
  background:#116b86!important;
  color:#fff!important;
  border-color:#0b5369!important;
}


/* ===== END v138 YELLOW MOVEMENT EVENTS ===== */

/* ==========================================================
   V89 FIX: restore desktop wall YouTube + wall comments after body append
   - applies to #wallYoutubeBox / #wallCommentsPanel when moved to body
   - keeps mobile layout safe
   ========================================================== */
body #wallYoutubeBox.wall-youtube-box,
body #wallYoutubeBox{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  width:360px !important;
  max-width:calc(100vw - 28px) !important;
  min-width:300px !important;
  z-index:1000002 !important;
  display:none;
  direction:rtl !important;
  background:#111a34 !important;
  border:1px solid #0a4d63 !important;
  border-radius:0 0 12px 12px !important;
  box-shadow:0 18px 38px rgba(0,0,0,.35) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body #wallYoutubeBox[style*="display: block"],
body #wallYoutubeBox[style*="display:block"]{display:block !important;}
body #wallYoutubeBox .wall-youtube-head{
  height:50px !important;min-height:50px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:8px 12px !important;background:#17677c !important;color:#fff !important;box-sizing:border-box !important;border-bottom:1px solid rgba(0,0,0,.35) !important;
}
body #wallYoutubeBox .wall-youtube-title{font:bold 15px Tahoma,Arial !important;color:#fff !important;white-space:nowrap !important;display:flex !important;align-items:center !important;gap:7px !important;}
body #wallYoutubeBox .wall-youtube-close{display:flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;min-width:34px !important;border:0 !important;border-radius:8px !important;background:#d60b0b !important;color:#fff !important;font:bold 24px/1 Tahoma !important;padding:0 !important;margin:0 !important;}
body #wallYoutubeBox .wall-youtube-body{display:block !important;padding:14px !important;background:#111a34 !important;max-height:calc(100vh - 140px) !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;box-sizing:border-box !important;}
body #wallYoutubeBox .wall-youtube-search-row{height:40px !important;border:1px solid #34558f !important;border-radius:9px !important;display:flex !important;flex-direction:row-reverse !important;align-items:center !important;gap:8px !important;padding:0 10px !important;background:#0c1428 !important;color:#a9b7cf !important;margin:0 0 8px !important;box-sizing:border-box !important;}
body #wallYoutubeBox #wallYoutubeUrl,
body #wallYoutubeBox #wallYoutubeCaption{display:block !important;width:100% !important;height:38px !important;box-sizing:border-box !important;border:1px solid #34558f !important;border-radius:9px !important;background:#0c1428 !important;color:#fff !important;outline:none !important;padding:6px 10px !important;margin:0 0 8px !important;font:14px Tahoma,Arial !important;}
body #wallYoutubeBox .wall-youtube-search-row #wallYoutubeUrl{border:0 !important;margin:0 !important;height:36px !important;padding:0 !important;background:transparent !important;}
body #wallYoutubeBox .wall-youtube-search-btn{width:28px !important;height:28px !important;min-width:28px !important;border:0 !important;background:transparent !important;color:#b9c9eb !important;font-size:18px !important;padding:0 !important;}
body #wallYoutubeBox .wall-youtube-results{margin-top:10px !important;max-height:260px !important;overflow-y:auto !important;overflow-x:hidden !important;border:1px solid #34558f !important;border-radius:9px !important;padding:8px !important;background:#0c1428 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;box-sizing:border-box !important;}
body #wallYoutubeBox .wall-youtube-results:empty{display:none !important;}
body #wallYoutubeBox .wall-youtube-card{background:#fff !important;border-radius:6px !important;padding:8px !important;cursor:pointer !important;min-height:92px !important;box-sizing:border-box !important;}
body #wallYoutubeBox .wall-youtube-card img{width:100% !important;height:74px !important;object-fit:cover !important;border-radius:4px !important;display:block !important;background:#111 !important;}
body #wallYoutubeBox .wall-youtube-card-title{font:bold 11px/1.35 Tahoma,Arial !important;color:#111 !important;margin-top:5px !important;max-height:32px !important;overflow:hidden !important;text-align:right !important;}
body #wallYoutubeBox .wall-youtube-actions{display:flex !important;justify-content:flex-start !important;margin-top:10px !important;}
body #wallYoutubeBox .wall-youtube-send{display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#1f77b6 !important;color:#fff !important;border:0 !important;border-radius:9px !important;padding:7px 14px !important;font:bold 14px Tahoma !important;}
body #wallYoutubeBox .wall-youtube-loading,
body #wallYoutubeBox .wall-youtube-empty{grid-column:1/-1 !important;color:#fff !important;text-align:center !important;padding:20px 6px !important;}

body #wallCommentsPanel.wall-comments-panel,
body #wallCommentsPanel{
  position:fixed !important;
  z-index:1000001 !important;
  right:12px !important;
  left:auto !important;
  top:70px !important;
  transform:none !important;
  width:340px !important;
  max-width:calc(100vw - 24px) !important;
  height:460px !important;
  max-height:calc(100vh - 96px) !important;
  min-height:260px !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid #0f5368 !important;
  border-radius:0 0 8px 8px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.35) !important;
  overflow:hidden !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
body #wallCommentsPanel[style*="display: flex"],
body #wallCommentsPanel[style*="display:flex"]{display:flex !important;}
body #wallCommentsPanel .wall-comments-head{flex:0 0 42px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:5px 8px !important;background:#4f8a7c !important;color:#fff !important;border-bottom:1px solid #333 !important;box-sizing:border-box !important;}
body #wallCommentsPanel .wall-comments-title{color:#fff !important;font:bold 16px Tahoma !important;}
body #wallCommentsPanel .wall-comments-close{display:flex !important;align-items:center !important;justify-content:center !important;width:30px !important;height:30px !important;min-width:30px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:7px !important;background:#d60b0b !important;color:#fff !important;font:bold 24px/1 Tahoma !important;}
body #wallCommentsPanel .wall-comments-post{flex:0 0 auto !important;display:block !important;min-height:78px !important;max-height:132px !important;overflow:auto !important;background:#fff !important;color:#111 !important;border-bottom:1px solid #bbb !important;padding:6px !important;box-sizing:border-box !important;}
body #wallCommentsPanel .wall-comments-origin{display:flex !important;align-items:flex-start !important;gap:8px !important;width:100% !important;min-height:54px !important;background:#fff !important;color:#111 !important;}
body #wallCommentsPanel .wall-comments-origin-pic{flex:0 0 54px !important;width:54px !important;height:54px !important;object-fit:cover !important;border:1px solid #d0d0d0 !important;background:#eee !important;display:block !important;}
body #wallCommentsPanel .wall-comments-origin-body{flex:1 1 auto !important;min-width:0 !important;color:#111 !important;font:bold 15px/1.35 Tahoma !important;overflow-wrap:anywhere !important;}
body #wallCommentsPanel .wall-comments-origin-topic{display:block !important;color:#111 !important;font:bold 15px Tahoma !important;margin-bottom:2px !important;background:transparent !important;}
body #wallCommentsPanel .wall-comments-origin-msg{display:block !important;color:#111 !important;font:bold 16px/1.35 Tahoma !important;background:#fff !important;overflow-wrap:anywhere !important;}
body #wallCommentsPanel .wall-comments-list{flex:1 1 auto !important;display:block !important;min-height:130px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;background:#f1f3f5 !important;color:#111 !important;padding:4px !important;box-sizing:border-box !important;}
body #wallCommentsPanel .wall-comment-item{display:flex !important;align-items:flex-start !important;gap:6px !important;background:#fff !important;color:#111 !important;border-bottom:1px solid #d0d0d0 !important;padding:5px !important;}
body #wallCommentsPanel .wall-comment-pic{flex:0 0 36px !important;width:36px !important;height:36px !important;object-fit:cover !important;}
body #wallCommentsPanel .wall-comment-body{flex:1 1 auto !important;min-width:0 !important;}
body #wallCommentsPanel .wall-comment-line{display:flex !important;justify-content:space-between !important;gap:5px !important;}
body #wallCommentsPanel .wall-comment-topic{color:#111 !important;font-weight:bold !important;background:transparent !important;}
body #wallCommentsPanel .wall-comment-time{color:#555 !important;font-weight:bold !important;white-space:nowrap !important;}
body #wallCommentsPanel .wall-comment-msg{color:#0645ad !important;line-height:1.4 !important;word-break:break-word !important;}
body #wallCommentsPanel .wall-comments-sendbox{flex:0 0 48px !important;height:48px !important;display:flex !important;align-items:center !important;gap:6px !important;padding:5px !important;background:#fff !important;border-top:1px solid #bbb !important;box-sizing:border-box !important;}
body #wallCommentsPanel .wall-comments-input{flex:1 1 auto !important;width:auto !important;min-width:0 !important;height:36px !important;min-height:36px !important;max-height:36px !important;resize:none !important;background:#fff !important;color:#111 !important;border:1px solid #8ca9b5 !important;padding:7px !important;font-size:15px !important;box-sizing:border-box !important;}
body #wallCommentsPanel .wall-comments-send{flex:0 0 42px !important;width:42px !important;height:42px !important;border-radius:8px !important;background:#257485 !important;color:#fff !important;border:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:20px !important;}




#d2 .msg.system-event,
#d2 .hmsg.system-event,
#d2 .break.system-event,
#d2 .msg.system-join-chat,
#d2 .msg.system-leave-chat,
#d2 .msg.system-disconnect-chat,
#d2 .msg.system-logout-chat,
#d2 .msg.system-room-join,
#d2 .msg.system-room-leave,
#d2 .msg.system-room-move,
#d2 .msg.system-roomkick,
#d2 .uzr.system-event,
#d2 .uzr.system-join-chat,
#d2 .uzr.system-leave-chat,
#d2 .uzr.system-disconnect-chat,
#d2 .uzr.system-logout-chat,
#d2 .uzr.system-room-join,
#d2 .uzr.system-room-leave,
#d2 .uzr.system-room-move,
#d2 .uzr.system-roomkick{
  background:#fff5e8 !important;
  background-image:none !important;
  color:#111 !important;
  border-top:1px solid #efdcc4 !important;
  border-bottom:1px solid #efdcc4 !important;
  position:relative !important;
  z-index:1 !important;
  min-height:30px !important;
}
#d2 .uzr.system-event > .uzr,
#d2 .uzr.system-join-chat > .uzr,
#d2 .uzr.system-leave-chat > .uzr,
#d2 .uzr.system-disconnect-chat > .uzr,
#d2 .uzr.system-logout-chat > .uzr,
#d2 .uzr.system-room-join > .uzr,
#d2 .uzr.system-room-leave > .uzr,
#d2 .uzr.system-room-move > .uzr,
#d2 .uzr.system-roomkick > .uzr,
#d2 .uzr.system-event .u-topic,
#d2 .uzr.system-event .u-msg{
  background-color:transparent !important;
  background-image:none !important;
}
#d2 .msg.system-event .u-msg,
#d2 .msg.system-event .u-topic,
#d2 .msg.system-event .tago,
#d2 .msg.system-join-chat .u-msg,
#d2 .msg.system-leave-chat .u-msg,
#d2 .msg.system-disconnect-chat .u-msg,
#d2 .msg.system-logout-chat .u-msg,
#d2 .msg.system-room-join .u-msg,
#d2 .msg.system-room-leave .u-msg,
#d2 .msg.system-room-move .u-msg,
#d2 .msg.system-roomkick .u-msg{
  color:#111 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}


/* ===== END v91 SYSTEM EVENTS VISIBILITY UNDER MIC BAR ===== */

/* ===== v92: member list true color + clear avatars/banner ===== */
#users .uzr,
#tlogins .uzr,
#d2 .uzr,
.lonline .uzr{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}
#users .uzr *,
#tlogins .uzr *,
#d2 .uzr *,
.lonline .uzr *{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}
#users .u-pic,
#users img.u-pic,
#tlogins .u-pic,
#tlogins img.u-pic,
#d2 .u-pic,
#d2 img.u-pic,
.lonline .u-pic,
.lonline img.u-pic{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  image-rendering:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
#users .uzr.member-has-cover,
#tlogins .uzr.member-has-cover,
#d2 .uzr.member-has-cover,
.lonline .uzr.member-has-cover{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}
#users .uzr.member-has-cover:before,
#tlogins .uzr.member-has-cover:before,
#d2 .uzr.member-has-cover:before,
.lonline .uzr.member-has-cover:before{
  display:none !important;
  content:none !important;
  background:none !important;
}
#users .uzr.member-has-cover .u-topic,
#tlogins .uzr.member-has-cover .u-topic,
#d2 .uzr.member-has-cover .u-topic,
.lonline .uzr.member-has-cover .u-topic{
  background:transparent !important;
  background-color:transparent !important;
  color:inherit !important;
  text-shadow:0 1px 1px rgba(255,255,255,.9),0 0 2px rgba(0,0,0,.35) !important;
  opacity:1 !important;
}
#users .uzr.member-has-cover .u-msg,
#tlogins .uzr.member-has-cover .u-msg,
#d2 .uzr.member-has-cover .u-msg,
.lonline .uzr.member-has-cover .u-msg{
  background:transparent !important;
  background-color:transparent !important;
  border-radius:0 !important;
  padding:1px 4px !important;
  box-shadow:none !important;
  text-shadow:0 1px 1px rgba(255,255,255,.9),0 0 2px rgba(0,0,0,.35) !important;
  opacity:1 !important;
  color:inherit !important;
}
/* keep away/status visible but not faded */
#users .uzr.not-inroom,
#tlogins .uzr.not-inroom,
.lonline .uzr.not-inroom{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}
/* ===== END v92 ===== */

/* ===== V93 REAL MEMBER COLORS IN ONLINE LIST ===== */
#users .uzr .u-topic,
#tlogins .uzr .u-topic,
#d2 .uzr .u-topic,
.lonline .uzr .u-topic{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  text-shadow:none !important;
}
#users .uzr.member-has-cover .u-topic,
#tlogins .uzr.member-has-cover .u-topic,
#d2 .uzr.member-has-cover .u-topic,
.lonline .uzr.member-has-cover .u-topic{
  color:var(--v93-user-color, inherit);
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}
#users .uzr .u-msg,
#tlogins .uzr .u-msg,
#d2 .uzr .u-msg,
.lonline .uzr .u-msg,
#users .uzr .user-status-line,
#tlogins .uzr .user-status-line,
#d2 .uzr .user-status-line,
.lonline .uzr .user-status-line{
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}
/* ===== END V93 ===== */

/* ===== ROOT DYNAMIC CHAT + RIGHT PANEL =====
   المصدر الوحيد لأبعاد الشات والبنلات. لا توجد مقاسات viewport داخل JavaScript. */
:root{
  --chat-panel-width:320px;
  --chat-panel-min:300px;
  --chat-panel-max:340px;
  --chat-bottom-bar:34px;
}

html,
body{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  zoom:1 !important;
  transform:none !important;
  box-sizing:border-box !important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body.bg{
  display:block !important;
}

body.bg > .dad{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  float:none !important;
  clear:both !important;
  zoom:1 !important;
  transform:none !important;
  box-sizing:border-box !important;
}

/* ===== CHAT SIZE 1:1 VIDEO SYSTEM V112 =====
   JavaScript يمرر أبعاد نافذة المتصفح الفعلية بالبكسل بعد تعويض الزووم.
   لذلك يبقى الشريط السفلي داخل الجزء المرئي عند تغير أدوات متصفح الجوال. */
body.bg.site-in-room.chat-full-page-zoom > .dad{
  width:var(--chat-zoom-viewport-width, 100vw) !important;
  min-width:var(--chat-zoom-viewport-width, 100vw) !important;
  max-width:var(--chat-zoom-viewport-width, 100vw) !important;
  height:var(--chat-zoom-viewport-height, 100vh) !important;
  min-height:var(--chat-zoom-viewport-height, 100vh) !important;
  max-height:var(--chat-zoom-viewport-height, 100vh) !important;
  margin:0 !important;
  zoom:var(--chat-ui-zoom, 1) !important;
  transform:none !important;
  transform-origin:top left !important;
}

#settings .chat-zoom-size{
  display:block !important;
  width:98% !important;
  height:38px !important;
  margin:7px auto 5px !important;
  padding:0 10px !important;
  border:1px solid #222 !important;
  border-radius:2px !important;
  background:#344b63 !important;
  color:#fff !important;
  font:bold 14px Tahoma,Arial,sans-serif !important;
  line-height:36px !important;
  text-align:center !important;
  text-align-last:center !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
#settings .chat-zoom-size option{
  background:#344b63 !important;
  color:#fff !important;
  font:bold 14px Tahoma,Arial,sans-serif !important;
  text-align:center !important;
  direction:rtl !important;
}
/* ===== END CHAT SIZE 1:1 VIDEO SYSTEM V112 ===== */

body.site-in-room #room{
  position:relative !important;
  display:grid !important;
  grid-template-rows:minmax(0, 1fr) auto var(--chat-bottom-bar) !important;
  grid-template-columns:minmax(0, 1fr) !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  float:none !important;
  box-sizing:border-box !important;
}

body.site-in-room #d2{
  position:relative !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  box-sizing:border-box !important;
}

body.site-in-room #room > .footer{
  position:relative !important;
  grid-row:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  inset:auto !important;
  float:none !important;
  transform:none !important;
  box-sizing:border-box !important;
}

body.site-in-room #room > .footer .filw,
body.site-in-room #room > .footer #tbox{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
}

body.site-in-room #d0{
  position:relative !important;
  grid-row:3 !important;
  display:flex !important;
  align-items:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:var(--chat-bottom-bar) !important;
  min-height:var(--chat-bottom-bar) !important;
  max-height:var(--chat-bottom-bar) !important;
  margin:0 !important;
  padding-inline-start:1px !important;
  inset:auto !important;
  float:none !important;
  transform:none !important;
  box-sizing:border-box !important;
  z-index:4 !important;
}

body.site-in-room #d0 > .ae{
  flex:1 1 0 !important;
}

body .dpnl.bg.tab-content,
body.site-in-room .dpnl{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:var(--chat-bottom-bar) !important;
  left:auto !important;
  width:min(var(--chat-panel-width), 100%) !important;
  min-width:min(var(--chat-panel-min), 100%) !important;
  max-width:min(var(--chat-panel-max), 100%) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:20px 0 8px !important;
  overflow:hidden !important;
  float:none !important;
  clear:none !important;
  zoom:1 !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  border:1px solid !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  z-index:6000 !important;
}

body .dpnl > .tab-pane{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}

body .dpnl > .tab-pane:not(.active){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

body .dpnl > .tab-pane.active{
  display:block !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

body .dpnl #settings{
  padding:0 5px 78px !important;
}

button,
input,
textarea,
select,
a,
label,
[role="button"],
#d0 > *,
.dpnl .btn{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}



/* ===== END ROOT DYNAMIC CHAT + RIGHT PANEL ===== */

/* ===== V95 UNIFIED COMPONENT STYLE =====
   نفس القواعد لكل المتصفحات والمنصات دون فروع حسب حجم الجهاز أو CSS محقون من JavaScript. */
.fresh-live-viewer.fresh-live-multi{
  width:min(820px, calc(100% - 14px));
  max-width:calc(100% - 14px);
  left:50% !important;
  right:auto !important;
  top:64px !important;
  transform:translateX(-50%);
}
.fresh-live-multi .fresh-live-body{
  height:min(68%, 560px);
  min-height:190px;
  display:block;
  background:#000;
}
.fresh-live-multi .fresh-live-grid{
  height:100%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  grid-auto-rows:minmax(0, 1fr);
  gap:5px;
  overflow:hidden;
  padding:5px;
  box-sizing:border-box;
}
.fresh-live-multi.live-count-0 .fresh-live-grid,
.fresh-live-multi.live-count-1 .fresh-live-grid{grid-template-columns:1fr;}
.fresh-live-multi.live-count-2 .fresh-live-grid,
.fresh-live-multi.live-count-3 .fresh-live-grid,
.fresh-live-multi.live-count-4 .fresh-live-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.fresh-live-multi.live-count-5 .fresh-live-grid,
.fresh-live-multi.live-count-6 .fresh-live-grid,
.fresh-live-multi.live-count-7 .fresh-live-grid,
.fresh-live-multi.live-count-8 .fresh-live-grid,
.fresh-live-multi.live-count-9 .fresh-live-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
.fresh-live-tile{
  position:relative;
  height:100%;
  min-height:0;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(255,215,0,.55);
  border-radius:8px;
}
.fresh-live-tile video{
  display:block;
  width:100%;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover;
  background:#000;
}
.fresh-live-tile-title{
  position:absolute;
  top:4px;
  right:4px;
  left:4px;
  z-index:2;
  padding:3px 6px;
  overflow:hidden;
  color:#fff;
  background:rgba(0,0,0,.45);
  border-radius:6px;
  font:bold 12px Tahoma;
  text-align:right;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.fresh-live-tile.mine{
  border-color:#ffd700;
  box-shadow:0 0 8px rgba(255,215,0,.45);
}

/* V192: show the complete camera frame and use one lightweight clear look. */
.fresh-live-tile video,
.fresh-live-video{
  object-fit:contain !important;
  object-position:center center !important;
  filter:brightness(1.04) contrast(1.03) saturate(1.06) !important;
  background:#000 !important;
}
.fresh-live-clear-mode{
  margin:7px auto 14px;
  padding:8px 10px;
  max-width:230px;
  border:1px solid #e0c15a;
  border-radius:7px;
  background:#fff8dc;
  color:#684d00;
  font-weight:bold;
}

.chat-color-swatch-input{
  width:58px !important;
  height:34px !important;
  padding:0 !important;
  color:transparent !important;
  text-shadow:none !important;
  caret-color:transparent !important;
  cursor:pointer !important;
  background-image:none !important;
  border:1px solid #9fb3c8 !important;
  border-radius:9px !important;
}
.chat-color-palette-v86{
  position:fixed;
  z-index:999999;
  left:50%;
  top:50%;
  width:min(380px, calc(100% - 24px));
  max-height:78%;
  padding:12px;
  overflow:auto;
  direction:rtl;
  background:#fff;
  border:1px solid #cfdceb;
  border-radius:16px;
  box-shadow:0 15px 45px rgba(0,0,0,.28);
  transform:translate(-50%,-50%);
}
.chat-color-palette-head,
.member-color-row-v86,
.member-color-actions-v86{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.chat-color-palette-head{
  margin-bottom:10px;
  color:#0b4d68;
  font-weight:700;
}
.chat-color-close{
  padding:7px 11px;
  color:#fff;
  background:#d6424a;
  border:0;
  border-radius:9px;
  font-weight:700;
}
.chat-color-grid{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:7px;
}
.chat-color-cell{
  height:34px;
  border:1px solid rgba(0,0,0,.16);
  border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.chat-color-cell.selected{
  outline:3px solid #0c8eb6;
  outline-offset:2px;
}
.member-color-panel-v86{
  position:fixed;
  inset:0;
  z-index:999998;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  direction:rtl;
  background:rgba(0,0,0,.45);
}
.member-color-box-v86{
  width:min(420px, calc(100% - 24px));
  padding:14px;
  background:#fff;
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.30);
}
.member-color-title-v86{
  margin-bottom:12px;
  color:#0b4d68;
  font-size:17px;
  font-weight:800;
  text-align:center;
}
.member-color-row-v86{
  margin:8px 0;
  padding:10px;
  background:#f8fbff;
  border:1px solid #e4edf5;
  border-radius:13px;
}
.member-color-chip-v86{
  width:62px;
  height:36px;
  border:1px solid #b8c7d6;
  border-radius:10px;
}
.member-color-actions-v86{margin-top:12px;}
.member-color-actions-v86 button{
  flex:1;
  padding:11px;
  border:0;
  border-radius:12px;
  font-weight:800;
}
.member-color-save-v86{color:#fff;background:#1689ad;}
.member-color-cancel-v86{color:#445;background:#eef3f8;}
/* ===== END V95 UNIFIED COMPONENT STYLE ===== */

/* ===== ROOT MICROPHONE BAR LAYOUT =====
   Keep the microphone controls and their background in one grid row. */
body.site-in-room > .dad.fresh-voice-enabled{
  display:grid !important;
  grid-template-rows:42px minmax(0, 1fr) !important;
  grid-template-columns:minmax(0, 1fr) !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}

body.site-in-room > .dad.fresh-voice-enabled > #freshVoiceBar{
  position:relative !important;
  grid-row:1 !important;
  grid-column:1 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  margin:0 !important;
  padding:1px 3px !important;
  overflow:hidden !important;
  background-color:var(--chat-template, var(--site-body-bg, #345c73)) !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid var(--chat-template, var(--site-body-bg, #345c73)) !important;
  box-sizing:border-box !important;
}

body.site-in-room > .dad.fresh-voice-enabled > #room{
  position:relative !important;
  grid-row:2 !important;
  grid-column:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  overflow:hidden !important;
}

/* Disabling room microphones removes both the bar and its reserved row. */
body.site-in-room.room-mic-disabled-hidebar > .dad.fresh-voice-enabled{
  grid-template-rows:0 minmax(0, 1fr) !important;
}
body.site-in-room.room-mic-disabled-hidebar > .dad.fresh-voice-enabled > #freshVoiceBar{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* ===== MICROPHONE SEAT ACTION MENU ===== */
.fresh-voice-seat-menu{
  position:fixed !important;
  z-index:2147483000 !important;
  display:flex !important;
  flex-direction:column !important;
  width:112px !important;
  padding:5px !important;
  overflow:hidden !important;
  direction:rtl !important;
  background:#d8d8d8 !important;
  border:0 !important;
  border-radius:7px !important;
  box-shadow:0 4px 12px rgba(0,0,0,.28) !important;
  box-sizing:border-box !important;
}
.fresh-voice-seat-menu button{
  display:block !important;
  width:100% !important;
  min-height:31px !important;
  margin:0 0 2px !important;
  padding:5px 4px !important;
  border:0 !important;
  border-radius:2px !important;
  color:#fff !important;
  font:bold 12px Tahoma,Arial !important;
  text-align:center !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
}
.fresh-voice-seat-menu button:last-child{margin-bottom:0 !important;}
.fresh-seat-menu-pull{background:#e4544d !important;}
.fresh-seat-menu-mute{background:#45b7ac !important;}
.fresh-seat-menu-profile{background:#4b928b !important;}
#freshVoiceBar .fresh-mic-seat.speaker-muted:after{
  content:"\\f026";
  position:absolute !important;
  right:2px !important;
  bottom:2px !important;
  z-index:4 !important;
  width:16px !important;
  height:16px !important;
  border-radius:50% !important;
  color:#fff !important;
  background:#d9534f !important;
  font:12px/16px FontAwesome !important;
  text-align:center !important;
}

html body.site-in-room .dpnl.bg.tab-content{
  padding-top:31px !important;
  background:
    linear-gradient(
      to bottom,
      var(--chat-template, var(--site-body-bg, #4f807d)) 0,
      var(--chat-template, var(--site-body-bg, #4f807d)) 31px,
      var(--chat-content, var(--site-content-bg, #fff)) 31px,
      var(--chat-content, var(--site-content-bg, #fff)) 100%
    ) !important;
  border-color:var(--chat-template, var(--site-body-bg, #4f807d)) !important;
}
html body.site-in-room .dpnl > .pnhead{
  position:absolute !important;
  top:0 !important;
  left:4px !important;
  z-index:2 !important;
  height:30px !important;
  margin:0 !important;
  padding:5px 8px !important;
  background:transparent !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  line-height:20px !important;
}
html body.site-in-room .dpnl > label.fa-close,
html body.site-in-room .dpnl > label.fa.fa-close{
  position:absolute !important;
  top:1px !important;
  right:1px !important;
  z-index:3 !important;
  width:30px !important;
  height:29px !important;
  margin:0 !important;
  padding:6px 8px !important;
  background:var(--chat-template, var(--site-body-bg, #4f807d)) !important;
  color:#fff !important;
  line-height:15px !important;
}
html body.site-in-room #users > label.inr,
html body.site-in-room #users > label.ninr,
html body.site-in-room #users .user-group-header,
html body.site-in-room #users .users-inroom-header,
html body.site-in-room #users .users-chat-header{
  background-color:var(--chat-template, var(--site-body-bg, #4f807d)) !important;
  background-image:none !important;
  border-color:var(--chat-template, var(--site-body-bg, #4f807d)) !important;
  color:#fff !important;
}
html body.site-in-room #settings .settings-profile-field > .label,
html body.site-in-room #settings .settings-profile-color-row > .label,
html body.site-in-room #settings #chatZoomSize,
html body.site-in-room #settings #voiceServerMode,
html body.site-in-room #settings #voiceMicQuality{
  background-color:var(--chat-buttons, var(--site-button-bg, #438ac7)) !important;
  background-image:none !important;
  border-color:var(--chat-buttons, var(--site-button-bg, #438ac7)) !important;
  color:#fff !important;
}
html body.site-in-room #settings #chatZoomSize option,
html body.site-in-room #settings #voiceServerMode option,
html body.site-in-room #settings #voiceMicQuality option{
  background-color:var(--chat-buttons, var(--site-button-bg, #438ac7)) !important;
  color:#fff !important;
}
html body.site-in-room #settings .voice-settings-actions{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings > #chatZoomSize,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-btn,
html body.site-in-room #settings .settings-profile-save{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  margin:4px 0 !important;
  padding:0 8px !important;
  border-radius:2px !important;
  line-height:36px !important;
  box-sizing:border-box !important;
  float:none !important;
  clear:both !important;
}
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select{
  display:block !important;
}
/* Shared bottom-button geometry.
   Positioning stays owned by the modern interface so the bar remains at the bottom. */
html body.site-in-room #d0{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  direction:ltr !important;
  gap:2px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  padding:1px !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
html body.site-in-room #d0 > .ae,
html body.site-in-room #d0 > label,
html body.site-in-room #d0 > button{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:80px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  margin:0 !important;
  padding:0 5px !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  overflow:hidden !important;
  color:#fff !important;
  font:700 12px/30px Tahoma,Arial,sans-serif !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
/* Modern login controls: reference-sized tabs and member-login box only. */
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs{
  display:flex !important;
  flex-flow:row nowrap !important;
  direction:ltr !important;
  width:100% !important;
  height:41px !important;
  min-height:41px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid #ddd !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs > li{
  float:none !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:94px !important;
  height:40px !important;
  margin:0 !important;
  padding:0 !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs > li > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  width:100% !important;
  height:40px !important;
  margin:0 !important;
  padding:0 8px !important;
  border:0 !important;
  border-left:1px solid #ddd !important;
  border-radius:0 !important;
  background:#fff !important;
  color:var(--site-button-bg, #2a73b4) !important;
  font:bold 13px Tahoma,Arial,sans-serif !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs > li.active > a{
  border:2px solid #111 !important;
  color:#555 !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs > li > a .login-tab-icon{
  display:inline-block !important;
  flex:0 0 14px !important;
  width:14px !important;
  height:16px !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--site-button-bg, #2a73b4) !important;
  font:normal 14px/16px FontAwesome !important;
  text-align:center !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs > li > a .member-icon{
  color:#555 !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins .nav.nav-tabs > li > a > span{
  display:inline-block !important;
  min-width:0 !important;
  line-height:18px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2.active,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2.in{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:76px !important;
  min-height:76px !important;
  margin:0 !important;
  padding:5px 7px !important;
  background:var(--site-content-bg, #fff) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 br{
  display:none !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 #u2,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 #pass1{
  position:absolute !important;
  left:7px !important;
  width:206px !important;
  min-width:206px !important;
  max-width:206px !important;
  height:34px !important;
  margin:0 !important;
  padding:4px 6px !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111 !important;
  font:14px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 #u2{
  top:5px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 #pass1{
  top:40px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 button[onclick*="login"]{
  position:absolute !important;
  top:40px !important;
  left:226px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--site-button-bg, #4f807d) !important;
  color:#fff !important;
  font:bold 13px Tahoma,Arial,sans-serif !important;
  line-height:34px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l2 .stealth-eye-btn{
  position:absolute !important;
  top:40px !important;
  right:7px !important;
  width:22px !important;
  min-width:22px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l1.active,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l1.in,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3.active,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3.in{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:76px !important;
  min-height:76px !important;
  margin:0 !important;
  padding:5px 7px !important;
  background:var(--site-content-bg, #fff) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l1 br,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3 br{
  display:none !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l1 #u1,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3 #u3,
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3 #pass2{
  position:absolute !important;
  left:7px !important;
  width:206px !important;
  min-width:206px !important;
  max-width:206px !important;
  height:34px !important;
  margin:0 !important;
  padding:4px 6px !important;
  border:1px solid #111 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111 !important;
  font:14px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l1 #u1{
  top:40px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3 #u3{
  top:5px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3 #pass2{
  top:40px !important;
}
html body.chat-interface-modern:not(.site-in-room) #tlogins #l1 button[onclick*="login"],
html body.chat-interface-modern:not(.site-in-room) #tlogins #l3 button[onclick*="login"]{
  position:absolute !important;
  top:40px !important;
  left:226px !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--site-button-bg, #4f807d) !important;
  color:#fff !important;
  font:bold 13px Tahoma,Arial,sans-serif !important;
  line-height:34px !important;
}

/* ===== V179 EXACT CLASSIC REFERENCE TYPOGRAPHY - WHOLE CHAT ===== */
html body,
html body input,
html body textarea,
html body select,
html body option,
html body button,
html body label,
html body a,
html body p,
html body span,
html body div,
html body td,
html body th,
html body li,
html body #settings,
html body #settings *,
html body #users,
html body #users *,
html body #rooms,
html body #rooms *,
html body #chats,
html body #chats *,
html body #wall,
html body #wall * {
  font-family: "Times New Roman", "Traditional Arabic", serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

html body.site-in-room .d2 .u-topic,
html body.site-in-room .d2 .u-msg,
html body.site-in-room #wall .u-topic,
html body.site-in-room #wall .u-msg,
html body.site-in-room .private-window .u-topic,
html body.site-in-room .private-window .u-msg,
html body.site-in-room .system-event .u-topic,
html body.site-in-room .system-event .u-msg,
html body.site-in-room .chat-announcement-name,
html body.site-in-room .chat-announcement-body,
html body.site-in-room .chat-announcement-text,
html body.site-in-room .chat-reply-quote {
  font-family: "Times New Roman", "Traditional Arabic", serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

html body.site-in-room .panel-heading,
html body.site-in-room .modal-title,
html body.site-in-room .pophead,
html body.site-in-room .panel-title,
html body.site-in-room .nav-tabs > li > a {
  font-family: "Times New Roman", "Traditional Arabic", serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body.site-in-room .btn,
html body.site-in-room button,
html body.site-in-room [role="button"],
html body.site-in-room input,
html body.site-in-room textarea,
html body.site-in-room select {
  font-family: "Times New Roman", "Traditional Arabic", serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

html body .fa:before,
html body .fa:after,
html body [class^="icon-"]:before,
html body [class*=" icon-"]:before {
  font-family: FontAwesome !important;
}
html body .glyphicon:before,
html body .glyphicon:after {
  font-family: "Glyphicons Halflings" !important;
}
/* ===== END V179 ===== */

/* V193: size every tile from the real camera aspect ratio; no empty half. */
.fresh-live-multi .fresh-live-body{height:auto!important;min-height:0!important;max-height:calc(100vh - 145px)!important;overflow:auto!important;}
.fresh-live-multi .fresh-live-grid{height:auto!important;grid-auto-rows:auto!important;align-items:start!important;}
.fresh-live-tile{height:auto!important;min-height:0!important;aspect-ratio:16/9;}
.fresh-live-tile video,.fresh-live-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;}

/* ===== V204 WALL ACTION ORDER + FULL IMAGE CLARITY ===== */
/* Keep every existing button color; only arrange heart, reply, then close. */
#wall .d2bc > .mm > .likebc-btn{right:75px !important;}
#wall .d2bc > .mm > .commentbc-btn{right:38px !important;}
#wall .d2bc > .mm > .delbc-btn{right:4px !important;}

/* Show profile and room pictures at their natural ratio without blur or crop. */
#users img.u-pic,
#tlogins img.u-pic,
#d2 img.u-pic,
.lonline img.u-pic,
#wall img.u-pic,
#upro img.u-pic,
#rooms img.room-img,
#rooms img.room-pic,
.private-window img.u-pic{
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  background-color:#fff;
}

/* The same treatment for avatars implemented as background images. */
#users .u-pic,
#tlogins .u-pic,
#d2 .u-pic,
.lonline .u-pic,
#wall .u-pic,
#upro .u-pic,
.private-window .u-pic{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}

/* Uploaded chat, wall and story media stays fully visible and proportional. */
.chat-image-message img,
#wall .wall-attach-img,
#storyViewer .story-main-image,
.private-window .chat-image-message img{
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  image-rendering:auto !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
}
/* ===== END V204 ===== */

/* ===== V206 MEMBER / GUEST PROFILE: REAL BLURRED PHOTO LAYER ===== */
/* A real DOM layer is used for compatibility with this chat's old jQuery. */
#upro .upro-topbox{
  position:relative !important;
  display:block !important;
  height:202px !important;
  min-height:202px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#d9d9d9 !important;
}
#upro .upro-photo-blur{
  display:block !important;
  position:absolute !important;
  z-index:0 !important;
  inset:-18px !important;
  width:calc(100% + 36px) !important;
  height:calc(100% + 36px) !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:blur(16px) saturate(.92) !important;
  -webkit-filter:blur(16px) saturate(.92) !important;
  transform:scale(1.12) !important;
  opacity:1 !important;
  pointer-events:none !important;
}
#upro .upro-avatar,
#upro.simple-view .upro-avatar{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:100% !important;
  height:202px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background-color:transparent !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  transform:none !important;
}
#upro .fitimg.u-pic.upro-avatar,
#upro.simple-view .fitimg.u-pic.upro-avatar{
  width:100% !important;
  height:202px !important;
  min-width:100% !important;
  max-width:100% !important;
  min-height:202px !important;
  background-color:transparent !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
#upro .upro-maininfo,
#upro.simple-view .upro-maininfo{
  display:none !important;
}
#upro .upro-meta-line{
  direction:rtl !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:8px !important;
}
#upro .upro-country{order:1 !important;}
#upro .upro-roomtag{order:2 !important;}
#upro .upro-room-pic{
  width:20px !important;
  height:20px !important;
  margin-left:4px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
}
#upro .upro-action-grid{
  direction:rtl !important;
}

/* ===== V212 PROFILE COLORS + EXACT REFERENCE BUTTONS ===== */
html body.site-in-room #upro .modal-dialog{
  width:340px !important;
  max-width:96vw !important;
  margin:12px auto !important;
}
html body.site-in-room #upro .modal-content.upro-card{
  border:1px solid var(--chat-template, var(--site-body-bg, #345c73)) !important;
  border-radius:0 !important;
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.22) !important;
}
html body.site-in-room #upro .upro-head{
  min-height:38px !important;
  padding:7px 9px !important;
  border:0 !important;
  border-bottom:2px solid rgba(255,255,255,.72) !important;
  border-radius:0 !important;
  background:var(--chat-template, var(--site-body-bg, #345c73)) !important;
  color:#fff !important;
}
html body.site-in-room #upro .upro-body,
html body.site-in-room #upro .upro-meta-line,
html body.site-in-room #upro .upro-register-state,
html body.site-in-room #upro .upro-action-grid{
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
  color:var(--chat-text, var(--theme-text, #111)) !important;
}
html body.site-in-room #upro .upro-meta-line{
  padding:7px 6px !important;
  border-top:1px solid var(--chat-template, var(--site-body-bg, #345c73)) !important;
  border-bottom:1px solid var(--chat-template, var(--site-body-bg, #345c73)) !important;
}
html body.site-in-room #upro .upro-country{
  color:var(--chat-text, var(--theme-text, #111)) !important;
}
html body.site-in-room #upro .upro-roomtag .roomh{
  min-height:27px !important;
  padding:2px 6px !important;
  border:1px solid var(--chat-template, var(--site-body-bg, #345c73)) !important;
  border-radius:0 !important;
  background:var(--chat-template, var(--site-body-bg, #345c73)) !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
}
html body.site-in-room #upro .upro-register-state{
  padding:4px 8px 6px !important;
  font-size:14px !important;
}
html body.site-in-room #upro .upro-action-grid,
html body.site-in-room #upro.simple-view .upro-action-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  direction:ltr !important;
  grid-auto-flow:row !important;
  grid-auto-rows:36px !important;
  align-content:start !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  gap:4px !important;
  padding:0 4px 8px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}
html body.site-in-room #upro .upro-btn,
html body.site-in-room #upro.simple-view .upro-btn{
  direction:rtl !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:36px !important;
  height:36px !important;
  padding:3px 4px !important;
  margin:0 !important;
  border:1px solid #e4e4e4 !important;
  border-radius:0 !important;
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
  background-image:none !important;
  color:var(--chat-text, var(--theme-text, #111)) !important;
  box-shadow:none !important;
  transform:none !important;
  font-size:13px !important;
  line-height:28px !important;
  position:static !important;
  inset:auto !important;
  float:none !important;
  clear:none !important;
  order:initial !important;
  grid-column:auto !important;
  grid-row:auto !important;
  align-self:stretch !important;
  justify-self:stretch !important;
}
html body.site-in-room #upro .upro-action-grid .upro-btn[style*="display: none"],
html body.site-in-room #upro .upro-action-grid .upro-btn[style*="display:none"],
html body.site-in-room #upro .upro-action-grid .upro-btn.hidden-by-perm,
html body.site-in-room #upro .upro-action-grid .upro-btn.hideme{
  display:none !important;
}
html body.site-in-room #upro .upro-btn:hover,
html body.site-in-room #upro .upro-btn:active{
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
  background-image:none !important;
  box-shadow:none !important;
  transform:none !important;
  filter:brightness(.97) !important;
}
html body.site-in-room #upro .upro-btn i{
  width:auto !important;
  min-width:14px !important;
  margin:0 !important;
  font-size:14px !important;
}
html body.site-in-room #upro .upro-btn.upm,
html body.site-in-room #upro .upro-btn.unot{
  color:var(--chat-text, var(--theme-text, #111)) !important;
}
html body.site-in-room #upro .upro-btn.ulike,
html body.site-in-room #upro .upro-btn.umute,
html body.site-in-room #upro .upro-btn.uunmute{
  color:#e60000 !important;
}
html body.site-in-room #upro .upro-btn.own-like-display{
  cursor:pointer !important;
  pointer-events:auto !important;
}
/* ===== END V212 ===== */

/* ===== V218 FULL LOGIN BANNER + ULTRA CLEAR IMAGES ===== */
/* The login banner keeps one interface-sized frame regardless of source dimensions. */
html body:not(.site-in-room) #frontSiteBanner.front-site-banner,
html body.theme-default-style:not(.site-in-room) #frontSiteBanner.front-site-banner{
  display:block !important;
  width:100% !important;
  height:140px !important;
  min-height:140px !important;
  max-height:140px !important;
  flex:0 0 140px !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:transparent !important;
}
html body:not(.site-in-room) #frontSiteBanner .front-site-banner-img,
html body.theme-default-style:not(.site-in-room) #frontSiteBanner .front-site-banner-img{
  display:block !important;
  width:100% !important;
  height:140px !important;
  min-height:140px !important;
  max-height:140px !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
  opacity:1 !important;
}
html body:not(.site-in-room) #mainLoginBanner .main-banner-art{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
  filter:none !important;
}

/* A slightly wider and taller member profile photo stage. */
html body.site-in-room #upro .modal-dialog{
  width:380px !important;
  max-width:96vw !important;
}
html body.site-in-room #upro .upro-topbox,
html body.site-in-room #upro .upro-avatar,
html body.site-in-room #upro.simple-view .upro-avatar,
html body.site-in-room #upro .fitimg.u-pic.upro-avatar,
html body.site-in-room #upro.simple-view .fitimg.u-pic.upro-avatar{
  height:225px !important;
  min-height:225px !important;
}
html body.site-in-room #upro .upro-photo-blur{
  image-rendering:auto !important;
}
html body.site-in-room #upro .upro-avatar,
html body.site-in-room #upro.simple-view .upro-avatar{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
}

/* Member-list banners are larger and retain the complete uploaded artwork. */
#users .uzr.member-has-cover,
#tlogins .uzr.member-has-cover,
#d2 .uzr.member-has-cover,
.lonline .uzr.member-has-cover{
  min-height:58px !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
}

/* Never add browser blur/pixelation to ordinary chat imagery and banners. */
#frontSiteBanner img,
#users img,
#tlogins img,
#d2 img,
.lonline img,
#wall img,
#rooms img,
.chat-image-message img,
.private-window img,
#profileImageViewerImg{
  image-rendering:auto !important;
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  backface-visibility:hidden !important;
}
/* ===== END V218 ===== */

/* ===== V219 REFERENCE UI AT 100% — NO MIRROR / NO COLOR OVERRIDE ===== */
/* Geometry only. Right remains right and left remains left. */
html body.site-in-room{
  --chat-bottom-bar:42px;
  --chat-panel-width:min(330px, calc(100vw - 92px));
  --chat-panel-min:min(330px, calc(100vw - 92px));
  --chat-panel-max:min(330px, calc(100vw - 92px));
}

/* Panel fixed on the RIGHT edge, with the chat still visible on the LEFT. */
html body.site-in-room .dpnl.bg.tab-content{
  top:0 !important;
  right:0 !important;
  left:auto !important;
  bottom:var(--chat-bottom-bar) !important;
  width:var(--chat-panel-width) !important;
  min-width:var(--chat-panel-min) !important;
  max-width:var(--chat-panel-max) !important;
  padding:40px 0 0 !important;
  border-width:1px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
}
html body.site-in-room .dpnl.bg.tab-content:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:40px;
  background:var(--chat-template, var(--site-body-bg, #345c73));
  z-index:0;
}
html body.site-in-room .dpnl > .pnhead{
  position:absolute !important;
  top:0 !important;
  left:14px !important;
  right:auto !important;
  z-index:2 !important;
  height:40px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  color:#fff !important;
  font:700 18px/40px Tahoma,Arial,sans-serif !important;
  text-align:left !important;
}
html body.site-in-room .dpnl > label.fa-close,
html body.site-in-room .dpnl > label.fa.fa-close{
  position:absolute !important;
  top:2px !important;
  right:3px !important;
  left:auto !important;
  z-index:4 !important;
  width:40px !important;
  height:36px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-width:1px !important;
  border-radius:7px !important;
  font-size:18px !important;
  line-height:34px !important;
}
html body.site-in-room .dpnl > .tab-pane{
  height:100% !important;
  padding:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

/* Search and group headers. */
html body.site-in-room #users #usearch{
  display:block !important;
  width:100% !important;
  height:34px !important;
  margin:0 !important;
  padding:4px 10px !important;
  border-width:0 0 1px !important;
  border-radius:0 !important;
  font:700 14px/25px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
  box-sizing:border-box !important;
}
html body.site-in-room #users > label.inr,
html body.site-in-room #users > label.ninr,
html body.site-in-room #users .user-group-header{
  width:100% !important;
  height:32px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:0 !important;
  font:700 14px/32px Tahoma,Arial,sans-serif !important;
  text-align:center !important;
}

/* Online users: avatar on LEFT, country/number on RIGHT. */
html body.site-in-room #users .uzr,
html body:not(.site-in-room) #tlogins .lonline .uzr{
  position:relative !important;
  display:block !important;
  direction:ltr !important;
  width:100% !important;
  min-height:62px !important;
  margin:0 !important;
  padding:4px 34px 4px 64px !important;
  border-width:0 0 1px !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  float:none !important;
}
html body.site-in-room #users .uzr > .u-pic,
html body.site-in-room #users .uzr > img.u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr > .u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr > img.u-pic{
  position:absolute !important;
  top:3px !important;
  left:5px !important;
  right:auto !important;
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  float:none !important;
}
html body.site-in-room #users .uzr > .ustat,
html body:not(.site-in-room) #tlogins .lonline .uzr > .ustat{
  position:absolute !important;
  top:3px !important;
  left:0 !important;
  right:auto !important;
  width:4px !important;
  height:56px !important;
  margin:0 !important;
}
html body.site-in-room #users .uzr > .co,
html body.site-in-room #users .uzr > img.co,
html body:not(.site-in-room) #tlogins .lonline .uzr > .co{
  position:absolute !important;
  top:5px !important;
  right:5px !important;
  left:auto !important;
  width:19px !important;
  height:13px !important;
  margin:0 !important;
  object-fit:cover !important;
  float:none !important;
}
html body.site-in-room #users .uzr > div.fl,
html body:not(.site-in-room) #tlogins .lonline .uzr > div.fl{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  direction:ltr !important;
  text-align:left !important;
}
html body.site-in-room #users .uzr .u-topic,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-topic{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 3px !important;
  font:700 16px/27px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
}
html body.site-in-room #users .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 3px !important;
  font:700 13px/22px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
}

/* Rooms: image stays LEFT, title beside it, count stays RIGHT. */
html body.site-in-room #rooms .bgg{
  height:40px !important;
  min-height:40px !important;
  padding:3px 5px !important;
  box-sizing:border-box !important;
}
html body.site-in-room #rooms .bgg .btn{
  min-height:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:1px !important;
  font:700 14px/32px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #rooms .room{
  min-height:62px !important;
  padding:4px 70px 4px 64px !important;
  border-width:0 0 1px !important;
  border-radius:0 !important;
  direction:ltr !important;
  text-align:left !important;
}

/* Wall reference: avatar LEFT; time, reply and heart at far RIGHT. */
html body.site-in-room #wall #d2bc,
html body.site-in-room #wall .d2bc{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
html body.site-in-room #wall .d2bc > .mm{
  grid-template-columns:58px minmax(0,1fr) !important;
  min-height:64px !important;
  column-gap:7px !important;
  margin:0 !important;
  padding:3px !important;
  border-width:0 0 1px !important;
  direction:ltr !important;
}
html body.site-in-room #wall .d2bc > .mm > .u-pic{
  grid-column:1 !important;
  width:56px !important;
  height:56px !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  image-rendering:auto !important;
}
html body.site-in-room #wall .d2bc > .mm > .uzr{
  grid-column:2 !important;
  padding:0 4px 25px 0 !important;
  direction:ltr !important;
  text-align:left !important;
}
html body.site-in-room #wall .d2bc > .mm .u-topic{
  font:700 15px/21px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
}
html body.site-in-room #wall .d2bc > .mm .u-msg{
  margin:0 !important;
  padding:0 3px !important;
  font:700 15px/21px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
}
html body.site-in-room #wall .d2bc > .mm > .tago{
  top:2px !important;
  right:4px !important;
  left:auto !important;
  font:700 12px/18px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #wall .d2bc > .mm > .commentbc-btn{
  position:absolute !important;
  right:3px !important;
  left:auto !important;
  bottom:3px !important;
  width:47px !important;
  height:25px !important;
  border-radius:0 !important;
}
html body.site-in-room #wall .d2bc > .mm > .likebc-btn{
  position:absolute !important;
  right:52px !important;
  left:auto !important;
  bottom:3px !important;
  width:47px !important;
  height:25px !important;
  border-radius:0 !important;
}
html body.site-in-room #wall .d2bc > .mm > .delbc-btn{
  position:absolute !important;
  right:101px !important;
  left:auto !important;
  bottom:3px !important;
  width:25px !important;
  height:25px !important;
  border-radius:0 !important;
}
html body.site-in-room #wall .wall-input-box{
  min-height:44px !important;
  padding:3px !important;
  gap:3px !important;
}
html body.site-in-room #wall .wall-input-box button,
html body.site-in-room #wall .wall-input-box .emobc{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  border-radius:2px !important;
  font-size:16px !important;
}
html body.site-in-room #wall .wall-input-box .tboxbc{
  height:38px !important;
  min-height:38px !important;
  font:700 14px/28px Tahoma,Arial,sans-serif !important;
}

/* Settings buttons and fields: centered text; image/icon anchored on LEFT. */
html body.site-in-room #settings{
  padding:5px 6px 72px !important;
}
html body.site-in-room #settings .settings-profile-field,
html body.site-in-room #settings .settings-profile-color-row{
  min-height:42px !important;
  margin:0 0 3px !important;
}
html body.site-in-room #settings .settings-profile-field > .label,
html body.site-in-room #settings .settings-profile-color-row > .label{
  min-height:40px !important;
  font:700 16px/38px Tahoma,Arial,sans-serif !important;
  border-radius:0 !important;
}
html body.site-in-room #settings input,
html body.site-in-room #settings select{
  font:700 15px/38px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings > #chatZoomSize,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-btn,
html body.site-in-room #settings .settings-profile-save{
  position:relative !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  margin:4px 0 !important;
  padding:0 44px !important;
  border-width:1px !important;
  border-radius:2px !important;
  font:700 16px/42px Tahoma,Arial,sans-serif !important;
  text-align:center !important;
}
html body.site-in-room #settings .voice-setting-btn > img,
html body.site-in-room #settings .voice-setting-btn > i,
html body.site-in-room #settings .voice-setting-btn > .fa{
  position:absolute !important;
  left:8px !important;
  right:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}
html body.site-in-room #settings .voice-btn-pic{
  width:34px !important;
  height:34px !important;
  object-fit:cover !important;
  image-rendering:auto !important;
}

/* Microphone controls remain on the LEFT exactly as shown. */
html body.site-in-room #freshVoiceBar{
  direction:ltr !important;
  justify-content:flex-start !important;
  gap:3px !important;
  padding:2px 4px !important;
}
html body.site-in-room #freshVoiceBar > button{
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  border-radius:2px !important;
  box-sizing:border-box !important;
}

/* Bottom navigation keeps equal boxes, linked colors and readable 100% text. */
html body.site-in-room #d0{
  direction:ltr !important;
  height:var(--chat-bottom-bar) !important;
  min-height:var(--chat-bottom-bar) !important;
  max-height:var(--chat-bottom-bar) !important;
  gap:2px !important;
  padding:2px !important;
}
html body.site-in-room #d0 > .ae,
html body.site-in-room #d0 > label,
html body.site-in-room #d0 > button{
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  max-width:none !important;
  padding:0 5px !important;
  border-radius:1px !important;
  font:700 14px/36px Tahoma,Arial,sans-serif !important;
}
/* ===== END V219 ===== */

/* ===== V220 COMPACT PANELS + EXACT PHOTO ROW HEIGHT + RIGHT ACTION GROUP ===== */
/* Header is compact like the reference, not oversized. */
html body.site-in-room .dpnl.bg.tab-content{
  padding-top:32px !important;
}
html body.site-in-room .dpnl.bg.tab-content:before{
  height:32px !important;
}
html body.site-in-room .dpnl > .pnhead{
  top:0 !important;
  left:12px !important;
  right:auto !important;
  height:32px !important;
  padding:0 !important;
  font:700 15px/32px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room .dpnl > label.fa-close,
html body.site-in-room .dpnl > label.fa.fa-close{
  top:1px !important;
  right:2px !important;
  left:auto !important;
  width:32px !important;
  height:30px !important;
  padding:0 !important;
  border-radius:6px !important;
  font-size:15px !important;
  line-height:28px !important;
}

/* Online row is exactly the avatar height; extra text alone may grow it. */
html body.site-in-room #users .uzr,
html body:not(.site-in-room) #tlogins .lonline .uzr{
  min-height:56px !important;
  height:auto !important;
  padding:0 30px 0 62px !important;
  overflow:hidden !important;
}
html body.site-in-room #users .uzr > .u-pic,
html body.site-in-room #users .uzr > img.u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr > .u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr > img.u-pic{
  top:0 !important;
  left:5px !important;
  right:auto !important;
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
}
html body.site-in-room #users .uzr > .ustat,
html body:not(.site-in-room) #tlogins .lonline .uzr > .ustat{
  top:0 !important;
  height:56px !important;
}
html body.site-in-room #users .uzr .u-topic,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-topic{
  min-height:27px !important;
  font:700 15px/27px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #users .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg{
  min-height:22px !important;
  margin:0 !important;
  font:700 13px/22px Tahoma,Arial,sans-serif !important;
}

/* Wall row starts at photo height, and grows only when its text needs more lines. */
html body.site-in-room #wall .d2bc > .mm{
  grid-template-columns:56px minmax(0,1fr) !important;
  min-height:56px !important;
  height:auto !important;
  column-gap:5px !important;
  padding:0 !important;
  overflow:hidden !important;
}
html body.site-in-room #wall .d2bc > .mm > .u-pic{
  width:56px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
}
html body.site-in-room #wall .d2bc > .mm > .uzr{
  min-height:56px !important;
  height:auto !important;
  padding:0 3px 25px 0 !important;
  overflow:visible !important;
}
html body.site-in-room #wall .d2bc > .mm .u-topic{
  min-height:20px !important;
  margin:0 !important;
  font:700 14px/20px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #wall .d2bc > .mm .u-msg{
  min-height:18px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 2px !important;
  font:700 14px/19px Tahoma,Arial,sans-serif !important;
  overflow:visible !important;
}

/* One tight group at the FAR RIGHT: reply, heart, delete. */
html body.site-in-room #wall .d2bc > .mm > .commentbc-btn,
html body.site-in-room #wall .d2bc > .mm > .likebc-btn,
html body.site-in-room #wall .d2bc > .mm > .delbc-btn{
  bottom:2px !important;
  width:27px !important;
  min-width:27px !important;
  max-width:27px !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 2px !important;
  margin:0 !important;
  border-radius:0 !important;
}
html body.site-in-room #wall .d2bc > .mm > .commentbc-btn{
  right:2px !important;
  left:auto !important;
}
html body.site-in-room #wall .d2bc > .mm > .likebc-btn{
  right:31px !important;
  left:auto !important;
}
html body.site-in-room #wall .d2bc > .mm > .delbc-btn{
  right:60px !important;
  left:auto !important;
}

/* Smaller panel boxes matching the reference proportions at 100%. */
html body.site-in-room #settings{
  padding:4px 5px 64px !important;
}
html body.site-in-room #settings .settings-profile-field,
html body.site-in-room #settings .settings-profile-color-row{
  min-height:32px !important;
  height:32px !important;
  margin:0 0 2px !important;
}
html body.site-in-room #settings .settings-profile-field > .label,
html body.site-in-room #settings .settings-profile-color-row > .label{
  min-height:32px !important;
  height:32px !important;
  padding:0 6px !important;
  font:700 14px/30px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .settings-profile-field > input,
html body.site-in-room #settings .settings-profile-color-row > input{
  min-height:32px !important;
  height:32px !important;
  padding:0 6px !important;
  font:700 14px/30px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings > #chatZoomSize,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-btn,
html body.site-in-room #settings .settings-profile-save{
  height:35px !important;
  min-height:35px !important;
  max-height:35px !important;
  margin:3px 0 !important;
  padding:0 38px !important;
  font:700 14px/33px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .voice-btn-pic{
  width:29px !important;
  height:29px !important;
}
/* ===== END V220 ===== */

/* ===== V221 EXACT SETTINGS STACK + USER TOP ALIGN + FINAL WALL ORDER ===== */
/* Settings: label above the field exactly like the reference. */
html body.site-in-room #settings .settings-profile-card{
  display:block !important;
  width:100% !important;
  margin:1px 0 7px !important;
  padding:0 !important;
  direction:ltr !important;
}
html body.site-in-room #settings .settings-profile-field{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:25px 27px !important;
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  margin:0 0 2px !important;
  padding:0 !important;
}
html body.site-in-room #settings .settings-profile-field > .label{
  grid-row:1 !important;
  justify-self:start !important;
  width:44% !important;
  min-width:132px !important;
  height:25px !important;
  min-height:25px !important;
  max-height:25px !important;
  margin:0 !important;
  padding:3px 5px !important;
  border:0 !important;
  border-radius:0 !important;
  font:700 14px/19px Tahoma,Arial,sans-serif !important;
  text-align:center !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings .settings-profile-field > input{
  grid-row:2 !important;
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:27px !important;
  min-height:27px !important;
  max-height:27px !important;
  margin:0 !important;
  padding:2px 6px !important;
  border-width:1px !important;
  border-radius:0 !important;
  font:700 14px/23px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:right !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings .settings-profile-color-row{
  display:grid !important;
  grid-template-columns:minmax(132px,44%) 68px 1fr !important;
  align-items:center !important;
  width:100% !important;
  height:26px !important;
  min-height:26px !important;
  max-height:26px !important;
  margin:0 0 1px !important;
  direction:ltr !important;
}
html body.site-in-room #settings .settings-profile-color-row > .label{
  width:100% !important;
  height:26px !important;
  min-height:26px !important;
  max-height:26px !important;
  margin:0 !important;
  padding:3px 5px !important;
  font:700 14px/20px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .settings-profile-color-row > input{
  display:block !important;
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  margin:0 4px !important;
  padding:0 !important;
}
html body.site-in-room #settings .settings-profile-save{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  margin:6px 0 0 !important;
  padding:0 8px !important;
  font:700 14px/34px Tahoma,Arial,sans-serif !important;
}

/* Keep the original feature set, but put the reference controls first. */
html body.site-in-room #settings .voice-settings-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
html body.site-in-room #settings #voiceServerMode{order:1 !important;}
html body.site-in-room #settings #voiceMicQuality{order:2 !important;}
html body.site-in-room #settings .settings-change-pic{order:3 !important;}
html body.site-in-room #settings .settings-delete-pic{order:4 !important;}
html body.site-in-room #settings #voiceDisablePm{order:5 !important;}
html body.site-in-room #settings #voiceDisableNot{order:6 !important;}
html body.site-in-room #settings .settings-logout{order:7 !important;}
html body.site-in-room #settings #voiceChangerMode{order:8 !important;}
html body.site-in-room #settings #vocalEffectsMode{order:9 !important;}
html body.site-in-room #settings .settings-member-banner{order:10 !important;}
html body.site-in-room #settings .voice-settings-actions .pmsg{order:11 !important;}
html body.site-in-room #settings .voice-settings-actions .redit{order:12 !important;}
html body.site-in-room #settings .voice-settings-actions .cp{order:13 !important;}

/* Online users: row and photo are identical in height; name begins at the TOP. */
html body.site-in-room #users .uzr,
html body:not(.site-in-room) #tlogins .lonline .uzr{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  margin:0 !important;
  padding:0 30px 0 62px !important;
  overflow:hidden !important;
  direction:ltr !important;
  box-sizing:border-box !important;
}
html body.site-in-room #users .uzr > .u-pic,
html body.site-in-room #users .uzr > img.u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr > .u-pic,
html body:not(.site-in-room) #tlogins .lonline .uzr > img.u-pic{
  top:0 !important;
  left:5px !important;
  right:auto !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  image-rendering:auto !important;
}
html body.site-in-room #users .uzr > div.fl,
html body:not(.site-in-room) #tlogins .lonline .uzr > div.fl{
  position:absolute !important;
  top:0 !important;
  left:62px !important;
  right:30px !important;
  width:auto !important;
  height:56px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  direction:ltr !important;
}
html body.site-in-room #users .uzr > div.fl > div.fl,
html body:not(.site-in-room) #tlogins .lonline .uzr > div.fl > div.fl{
  display:flex !important;
  align-items:flex-start !important;
  width:100% !important;
  height:27px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
html body.site-in-room #users .uzr > div.fl > div.fl > div.fl,
html body:not(.site-in-room) #tlogins .lonline .uzr > div.fl > div.fl > div.fl{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
html body.site-in-room #users .uzr .u-topic,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-topic{
  display:block !important;
  width:100% !important;
  height:27px !important;
  margin:0 !important;
  padding:0 3px !important;
  font:700 15px/27px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.site-in-room #users .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg{
  display:block !important;
  width:100% !important;
  height:25px !important;
  min-height:25px !important;
  margin:0 !important;
  padding:0 3px !important;
  font:700 13px/25px Tahoma,Arial,sans-serif !important;
  direction:rtl !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html body.site-in-room #users .uzr .user-status-line,
html body:not(.site-in-room) #tlogins .lonline .uzr .user-status-line{
  display:block !important;
  width:100% !important;
  height:25px !important;
  line-height:25px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Final wall order from FAR RIGHT: delete, reply, heart. */
html body.site-in-room #wall .d2bc > .mm > .delbc-btn{
  right:2px !important;
  left:auto !important;
}
html body.site-in-room #wall .d2bc > .mm > .commentbc-btn{
  right:31px !important;
  left:auto !important;
}
html body.site-in-room #wall .d2bc > .mm > .likebc-btn{
  right:60px !important;
  left:auto !important;
}
/* Without a delete button, reply remains at the far right and heart beside it. */
html body.site-in-room #wall .d2bc > .mm:not(:has(> .delbc-btn)) > .commentbc-btn{
  right:2px !important;
}
html body.site-in-room #wall .d2bc > .mm:not(:has(> .delbc-btn)) > .likebc-btn{
  right:31px !important;
}
/* ===== END V221 ===== */

/* ===== V222 SETTINGS FINAL ORDER + WALL EXACT PHOTO HEIGHT ===== */
/* Keep the three main selectors literal: their text starts from the LEFT. */
html body.site-in-room #settings > #chatZoomSize,
html body.site-in-room #settings #voiceServerMode,
html body.site-in-room #settings #voiceMicQuality{
  direction:rtl !important;
  text-align:left !important;
  text-align-last:left !important;
}
html body.site-in-room #settings > #chatZoomSize option,
html body.site-in-room #settings #voiceServerMode option,
html body.site-in-room #settings #voiceMicQuality option{
  direction:rtl !important;
  text-align:left !important;
}

/* Logout is always the final settings action. */
html body.site-in-room #settings .settings-logout{
  order:99 !important;
}

/* A short wall post is exactly one avatar high; only real extra text grows it. */
html body.site-in-room #wall .d2bc > .mm{
  min-height:56px !important;
  height:auto !important;
  grid-auto-rows:minmax(56px,auto) !important;
  padding:0 !important;
  row-gap:0 !important;
  box-sizing:border-box !important;
}
html body.site-in-room #wall .d2bc > .mm > .u-pic{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  align-self:start !important;
}
html body.site-in-room #wall .d2bc > .mm > .uzr{
  min-height:56px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 88px 0 0 !important;
  box-sizing:border-box !important;
}
html body.site-in-room #wall .d2bc > .mm > .uzr > div:first-child{
  min-height:20px !important;
  height:20px !important;
  margin:0 !important;
  padding:0 !important;
}
html body.site-in-room #wall .d2bc > .mm .u-topic{
  min-height:20px !important;
  height:20px !important;
  line-height:20px !important;
}
html body.site-in-room #wall .d2bc > .mm .u-msg{
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 2px !important;
  line-height:18px !important;
}
/* ===== END V222 ===== */

/* ===== V223 ALIGNED SETTINGS + STATUS COLOR + STABLE LISTS ===== */
/* All option text follows one consistent left edge inside its box. */
html body.site-in-room #settings > #chatZoomSize,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select{
  direction:rtl !important;
  text-align:left !important;
  text-align-last:left !important;
  padding-left:42px !important;
  padding-right:12px !important;
}
html body.site-in-room #settings > #chatZoomSize option,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select option{
  direction:rtl !important;
  text-align:left !important;
}
/* Decoration and status stay on the same right-aligned input edge. */
html body.site-in-room #settings .settings-profile-field > input{
  direction:rtl !important;
  text-align:right !important;
}
/* Member status is directly below the decoration, on the LEFT. */
html body.site-in-room #users .uzr .u-msg,
html body.site-in-room #users .uzr .user-status-line,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .user-status-line{
  direction:rtl !important;
  text-align:left !important;
  justify-content:flex-start !important;
  padding-left:3px !important;
  padding-right:3px !important;
}
/* Avoid image repaint animation while a panel is hidden and shown again. */
html body.site-in-room #users .u-pic,
html body.site-in-room #rooms .room-pic,
html body.site-in-room #users .member-cover-layer,
html body.site-in-room #users .member-frame-layer{
  animation:none !important;
  transition:none !important;
}
/* ===== END V223 ===== */

/* ===== V224 SINGLE GROUP HEADERS + LITERAL LEFT STATUS ===== */
html body.site-in-room #users .uzr .u-msg,
html body.site-in-room #users .uzr .user-status-line,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .user-status-line{
  direction:ltr !important;
  unicode-bidi:plaintext !important;
  text-align:left !important;
  justify-content:flex-start !important;
}
/* Only the two canonical group titles may be visible. */
html body.site-in-room #users > label.inr:not(.users-inroom-header),
html body.site-in-room #users > label.ninr:not(.users-chat-header){
  display:none !important;
}
/* ===== END V224 ===== */

/* ===== V225 WALL MEDIA: BUTTON FIRST, FULL IMAGE ON CLICK ===== */
html body.site-in-room #wall .wall-collapsed-image{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:3px 0 0 !important;
  padding:0 !important;
  overflow:visible !important;
}
html body.site-in-room #wall .wall-show-image-btn{
  display:inline-block !important;
  width:auto !important;
  min-width:116px !important;
  height:30px !important;
  margin:0 !important;
  padding:3px 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#eeeeef !important;
  color:#111 !important;
  font:700 14px/24px Tahoma,Arial,sans-serif !important;
  text-align:center !important;
  cursor:pointer !important;
}
html body.site-in-room #wall .wall-full-image-link{
  width:100% !important;
  max-width:100% !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  overflow:visible !important;
}
html body.site-in-room #wall .wall-full-inline-image{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  object-fit:contain !important;
  object-position:left top !important;
}
html body.site-in-room #wall .wall-video-preview,
html body.site-in-room #wall .wall-video-preview .wall-attach-video{
  display:block !important;
  width:240px !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:3px 0 0 !important;
  object-fit:contain !important;
  object-position:left top !important;
  overflow:visible !important;
}
/* ===== END V225 ===== */

/* ===== V226 WALL NO-SHRINK + PERSISTENT STATUS COLOR ===== */
/* Never compress old wall posts/media when the list grows; scroll the list instead. */
html body.site-in-room #wall .d2bc > .mm{
  flex:0 0 auto !important;
  flex-shrink:0 !important;
}
html body.site-in-room #wall .d2bc > .mm .wall-collapsed-image,
html body.site-in-room #wall .d2bc > .mm .wall-full-image-link,
html body.site-in-room #wall .d2bc > .mm .wall-full-inline-image,
html body.site-in-room #wall .d2bc > .mm .wall-video-preview{
  flex-shrink:0 !important;
}
/* The saved status color must win over the global theme text color. */
html body.site-in-room #users .uzr .u-msg,
html body.site-in-room #users .uzr .user-status-line,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .user-status-line{
  color:var(--member-status-color, inherit) !important;
}
/* ===== END V226 ===== */

/* Laptop keeps the original compact navigation; phone boxes remain unchanged. */
@media (min-width:769px){
  html body.site-in-room #d0{
    justify-content:flex-start !important;
  }
  html body.site-in-room #d0 > .ae,
  html body.site-in-room #d0 > label,
  html body.site-in-room #d0 > button{
    flex:0 0 82px !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
  }
}

/* Composer uses content color and keeps the writing field fully visible. */
html body.site-in-room #room > .tablebox.footer,
html body.site-in-room #room > .footer{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:3px 2px !important;
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
  overflow:hidden !important;
}
html body.site-in-room #tbox,
html body.site-in-room #room > .footer textarea#tbox,
html body.site-in-room #room > .tablebox.footer textarea#tbox{
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  padding:5px 8px !important;
  line-height:22px !important;
  background:var(--chat-content, var(--site-content-bg, #fff)) !important;
  color:var(--chat-text, #111) !important;
  overflow:hidden !important;
}
html body.site-in-room #room > .footer > button,
html body.site-in-room #room > .tablebox.footer > button,
html body.site-in-room #room > .footer > .btn,
html body.site-in-room #room > .tablebox.footer > .btn{
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  background-color:var(--chat-buttons, var(--site-button-bg, #438ac7)) !important;
}

/* صورة الابتسامة تبقى بألوانها الأصلية ولا تتلوّن بلون أزرار النطاق. */
html body.site-in-room #room > .footer > img.emobox,
html body.site-in-room #room > .tablebox.footer > img.emobox{
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  padding:2px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  object-fit:contain !important;
}

html body.site-in-room #upro .upro-register-state{
  display:none !important;
}

/* Name background follows the text only, never the full member row. */
html body.site-in-room #users .uzr .u-topic,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-topic{
  display:inline-block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 4px !important;
  vertical-align:top !important;
}

/* V230.12: quiet reconnect indicator and compact theme-bound private chat. */
html body #chatReconnectBadge{
  position:fixed!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;
  z-index:2147483000!important;padding:5px 10px!important;border-radius:4px!important;
  background:var(--chat-template,var(--site-body-bg,#345c73))!important;color:#fff!important;
  border:1px solid var(--chat-buttons,var(--chat-template,#345c73))!important;
  font:700 12px Tahoma,Arial,sans-serif!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;
}
html body.site-in-room .private-window{
  position:absolute!important;top:1px!important;left:0!important;right:auto!important;
  width:min(500px,100vw)!important;max-width:min(500px,100vw)!important;
  height:min(490px,calc(100vh - 90px))!important;max-height:calc(100vh - 90px)!important;
  min-height:180px!important;padding:0!important;border-radius:0!important;
  overflow:hidden!important;box-sizing:border-box!important;
  border:1px solid var(--chat-template,var(--site-body-bg,#345c73))!important;
  background:var(--chat-content,#fff)!important;
}
html body.site-in-room .private-window>.head{
  position:absolute!important;top:0!important;left:0!important;right:0!important;
  height:30px!important;min-height:30px!important;max-height:30px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  background:var(--chat-template,var(--site-body-bg,#345c73))!important;color:#fff!important;
}
html body.site-in-room .private-window>.head .btn,
html body.site-in-room .private-window>.head .label{
  height:28px!important;min-height:28px!important;max-height:28px!important;
  margin:1px!important;padding:5px 8px!important;border-radius:0!important;
  background:var(--chat-buttons,var(--chat-template,#345c73))!important;color:#fff!important;
}
html body.site-in-room .private-window>.cont{
  position:absolute!important;top:30px!important;left:0!important;right:0!important;bottom:0!important;
  width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;
  background:var(--chat-content,#fff)!important;
}
html body.site-in-room .private-window>.cont>.d2{
  position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:36px!important;
  width:100%!important;height:auto!important;min-height:0!important;overflow-y:auto!important;
  background:var(--chat-content,#fff)!important;color:var(--chat-text,#111)!important;
}
html body.site-in-room .private-window>.cont>.footer{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  width:100%!important;height:36px!important;min-height:36px!important;max-height:36px!important;
  display:flex!important;align-items:center!important;gap:2px!important;padding:2px!important;
  overflow:hidden!important;box-sizing:border-box!important;border-radius:0!important;
  border-top:1px solid var(--chat-template,var(--site-body-bg,#345c73))!important;
  background:var(--chat-content,#fff)!important;
}
html body.site-in-room .private-window>.cont>.footer>.btn,
html body.site-in-room .private-window>.cont>.footer>button{
  flex:0 0 32px!important;width:32px!important;height:30px!important;min-height:30px!important;
  margin:0!important;padding:0!important;border-radius:0!important;
  background:var(--chat-buttons,var(--chat-template,#345c73))!important;color:#fff!important;
}
html body.site-in-room .private-window>.cont>.footer>.emo{
  flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;padding:2px!important;
  object-fit:contain!important;background:transparent!important;
}
html body.site-in-room .private-window>.cont>.footer>.tbox{
  flex:1 1 auto!important;width:auto!important;min-width:40px!important;height:30px!important;
  min-height:30px!important;max-height:30px!important;margin:0!important;padding:4px 6px!important;
  box-sizing:border-box!important;background:var(--chat-content,#fff)!important;color:var(--chat-text,#111)!important;
  border:1px solid var(--chat-template,var(--site-body-bg,#345c73))!important;
}

/* V230.13: video-matched row rhythm, live status line and persisted notifications. */
html body.site-in-room #users>.uzr,
html body.site-in-room #users>div.uzr,
html body.site-in-room #chats>.uzr,
html body.site-in-room #d2>div.uzr,
html body.site-in-room #d2>div.msg,
html body.site-in-room #d2>.uzr,
html body.site-in-room #d2>.msg,
html body.site-in-room #d2bc>.uzr,
html body.site-in-room #d2bc>.msg{
  border-bottom:1px solid #d8dcef!important;
  border-top:0!important;border-left:0!important;border-right:0!important;
  border-radius:0!important;box-sizing:border-box!important;
  box-shadow:inset 0 -1px 0 #d8dcef!important;
}
html body.site-in-room #users>.uzr{position:relative!important}
html body.site-in-room #users .uzr .u-msg{
  position:absolute!important;left:62px!important;right:auto!important;bottom:3px!important;
  display:block!important;float:none!important;clear:none!important;
  width:auto!important;max-width:calc(100% - 82px)!important;min-height:15px!important;
  margin:0!important;padding:0 2px!important;
  text-align:left!important;direction:ltr!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  font:400 12px/15px Tahoma,Arial,sans-serif!important;
  background:transparent!important;
}
html body.site-in-room #notificationsButton{position:relative!important;width:100%!important;margin:4px 0!important}
html body.site-in-room #notificationsBadge{margin-top:-8px!important;padding:1px 4px!important}
html body.site-in-room .chat-notifications-panel{
  position:absolute!important;z-index:2200!important;top:0!important;right:0!important;
  width:min(360px,100vw)!important;height:calc(100% - 42px)!important;
  background:var(--chat-content,#fff)!important;color:var(--chat-text,#111)!important;
  border:1px solid var(--chat-template,#345c73)!important;overflow:hidden!important;
}
html body.site-in-room .chat-notifications-head{
  height:38px!important;display:flex!important;align-items:center!important;gap:8px!important;
  padding:3px!important;font:700 15px Tahoma,Arial,sans-serif!important;
  background:var(--chat-template,#345c73)!important;color:#fff!important;
}
html body.site-in-room .chat-notifications-head .btn{width:32px!important;height:30px!important;padding:0!important;background:var(--chat-buttons,#345c73)!important}
html body.site-in-room .chat-notifications-head>span{flex:1!important}
html body.site-in-room .chat-notifications-list{height:calc(100% - 38px)!important;overflow-y:auto!important}
html body.site-in-room .chat-notification-item{display:flex!important;direction:ltr!important;gap:7px!important;padding:7px!important;border-bottom:1px solid rgba(70,95,130,.18)!important;background:var(--chat-content,#fff)!important}
html body.site-in-room .chat-notification-item.is-unread{box-shadow:inset 4px 0 0 var(--chat-buttons,#345c73)!important}
html body.site-in-room .chat-notification-pic{width:42px!important;height:42px!important;object-fit:cover!important;flex:none!important}
html body.site-in-room .chat-notification-body{direction:rtl!important;text-align:right!important;min-width:0!important;flex:1!important}
html body.site-in-room .chat-notification-text{font:700 13px/19px Tahoma,Arial,sans-serif!important}
html body.site-in-room .chat-notification-time{font:400 10px/14px Tahoma,Arial,sans-serif!important;opacity:.65!important}
html body.site-in-room .chat-notifications-empty{padding:30px 10px!important;text-align:center!important;opacity:.65!important}

/* V230.15: consistent separators, default name colors and left notifications. */
html body.site-in-room #users > .uzr,
html body.site-in-room #chats > .uzr,
html body.site-in-room #chats > .private-item,
html body.site-in-room #d2 > .msg,
html body.site-in-room #d2 > .uzr,
html body.site-in-room #d2 > .mm,
html body.site-in-room #d2bc > .msg,
html body.site-in-room #d2bc > .uzr,
html body.site-in-room #d2bc > .mm,
html body.site-in-room .private-window > .cont > .d2 > .msg,
html body.site-in-room .private-window > .cont > .d2 > .uzr,
html body.site-in-room .private-window > .cont > .d2 > .mm{
  border-bottom:1px solid #c8ccd3 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

html body.site-in-room #users > .uzr:not(.member-has-cover),
html body.site-in-room #chats > .uzr:not(.member-has-cover){
  background-color:var(--chat-content, var(--site-content-bg, #ffffff)) !important;
}

html body.site-in-room #notificationsButton{
  background:#54565a !important;
  color:#ffffff !important;
  border-color:#45474a !important;
}

html body.site-in-room .chat-notifications-panel{
  left:0 !important;
  right:auto !important;
}

html body.site-in-room .chat-notification-body,
html body.site-in-room .chat-notification-text,
html body.site-in-room .chat-notification-time{
  color:#4b4d50 !important;
  text-align:left !important;
}

html body.site-in-room .chat-notification-body{
  align-self:center !important;
  direction:rtl !important;
}

/* ===== V230.16 VIDEO-MATCHED SEPARATORS + NESTED ADDONS/NOTIFICATIONS ===== */
/* The separator belongs to the complete row, including the private-chat wrapper. */
html body.site-in-room #users > .uzr,
html body.site-in-room #chats > .cc,
html body.site-in-room #chats > .uzr,
html body.site-in-room #d2 > .mm,
html body.site-in-room #d2 > .msg,
html body.site-in-room #d2 > .uzr,
html body.site-in-room #d2bc > .mm,
html body.site-in-room #d2bc > .msg,
html body.site-in-room .private-window > .cont > .d2 > .mm,
html body.site-in-room .private-window > .cont > .d2 > .msg{
  border-top:0 !important;
  border-right:0 !important;
  border-left:0 !important;
  border-bottom:1px solid #afc1d3 !important;
  border-radius:0 !important;
  box-shadow:inset 0 -1px 0 rgba(175,193,211,.7) !important;
  box-sizing:border-box !important;
}

html body.site-in-room #chats > .cc{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

/* Default names follow the chat content; member-selected colors remain inline. */
html body.site-in-room #users > .uzr:not(.member-has-cover),
html body.site-in-room #chats > .cc:not(.member-has-cover){
  background-color:var(--chat-content, var(--site-content-bg, #ffffff)) !important;
}

/* Status: literal far-left line below the member name, dark gray by default. */
html body.site-in-room #users .uzr .u-msg,
html body.site-in-room #users .uzr .user-status-line,
html body:not(.site-in-room) #tlogins .lonline .uzr .u-msg,
html body:not(.site-in-room) #tlogins .lonline .uzr .user-status-line{
  position:absolute !important;
  left:62px !important;
  right:30px !important;
  bottom:3px !important;
  width:auto !important;
  max-width:none !important;
  min-height:15px !important;
  margin:0 !important;
  padding:0 2px !important;
  direction:ltr !important;
  text-align:left !important;
  color:var(--member-status-color, #4b4d50) !important;
  font:400 12px/15px Tahoma,Arial,sans-serif !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  background:transparent !important;
}

/* Profile status follows the reference: centered directly below the profile photo. */
html body #upro .upro-topbox,
html body #upro.simple-view .upro-topbox{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
}
html body #upro .upro-avatar,
html body #upro.simple-view .upro-avatar{
  width:100% !important;
  max-width:100% !important;
  height:200px !important;
  min-height:200px !important;
  flex:0 0 200px !important;
  margin:0 !important;
  border-width:0 0 1px !important;
  border-radius:0 !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
html body #upro .upro-maininfo,
html body #upro.simple-view .upro-maininfo{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:5px 10px 7px !important;
  box-sizing:border-box !important;
}
html body #upro .upro-name-line{
  display:none !important;
}
html body #upro .upro-status-row{
  width:100% !important;
  min-height:18px !important;
  margin:0 !important;
  color:var(--member-status-color, #4b4d50) !important;
  text-align:center !important;
  direction:rtl !important;
  font:400 13px/18px Tahoma,Arial,sans-serif !important;
}

/* Add-ons and notifications replace the settings contents inside the same panel. */
html body.site-in-room #settings{
  position:relative !important;
  overflow:hidden !important;
}
html body.site-in-room #settings .settings-inner-view{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settingsMainPanel{
  overflow-y:auto !important;
  background:var(--chat-content, #ffffff) !important;
}
html body.site-in-room #settingsAddonsPanel,
html body.site-in-room #notificationsPanel{
  overflow:hidden !important;
  background:var(--chat-content, #ffffff) !important;
  color:var(--chat-text, #111111) !important;
}
html body.site-in-room #settingsAddonsButton{
  display:block !important;
  width:100% !important;
  min-height:40px !important;
  margin:0 0 4px !important;
  background:#8744c8 !important;
  color:#ffffff !important;
  border:0 !important;
  font:700 14px/40px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .settings-inner-head,
html body.site-in-room #settings .chat-notifications-head{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  gap:6px !important;
  padding:4px !important;
  box-sizing:border-box !important;
  background:var(--chat-template, #345c73) !important;
  color:#ffffff !important;
}
html body.site-in-room #settings .settings-inner-head > span,
html body.site-in-room #settings .chat-notifications-head > span{
  flex:1 !important;
  text-align:center !important;
  font:700 14px/30px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .settings-inner-back{
  flex:0 0 32px !important;
  width:32px !important;
  height:30px !important;
  padding:0 !important;
  line-height:30px !important;
}
html body.site-in-room #settings .settings-addon-entry{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:calc(100% - 12px) !important;
  min-height:46px !important;
  margin:8px 6px !important;
  padding:0 12px !important;
  border:1px solid rgba(0,0,0,.25) !important;
  border-radius:4px !important;
  background:var(--chat-buttons, #438ac7) !important;
  color:#ffffff !important;
  font:700 14px/44px Tahoma,Arial,sans-serif !important;
  text-align:right !important;
}
html body.site-in-room #settings .settings-addon-entry:before{
  margin-left:8px !important;
}
html body.site-in-room #settings #notificationsButton{
  position:relative !important;
  background:#54565a !important;
}
html body.site-in-room #settings #notificationsBadge{
  position:static !important;
  margin:0 auto 0 0 !important;
}
html body.site-in-room #settings .chat-notifications-panel{
  position:relative !important;
  inset:auto !important;
  z-index:auto !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}
html body.site-in-room #settings .chat-notifications-list{
  height:calc(100% - 40px) !important;
  overflow-y:auto !important;
}
/* ===== END V230.16 ===== */

/* ===== V230.17 VISIBLE ROW SEPARATORS + BOTTOM ADDONS + PROFILE STATUS ===== */
html body.site-in-room #users > .uzr,
html body.site-in-room #chats > .cc,
html body.site-in-room #d2 > .mm,
html body.site-in-room #d2 > .msg,
html body.site-in-room #d2 > .uzr,
html body.site-in-room #d2bc > .mm,
html body.site-in-room #d2bc > .msg,
html body.site-in-room .private-window > .cont > .d2 > .mm,
html body.site-in-room .private-window > .cont > .d2 > .msg{
  width:100% !important;
  margin:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-left:0 !important;
  border-bottom:1px solid #cbd7eb !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

html body.site-in-room #settings .voice-settings-actions > #settingsAddonsButton{
  order:999 !important;
  flex:0 0 40px !important;
  width:100% !important;
  min-height:40px !important;
  margin:8px 0 4px !important;
}

html body #upro .modal-body.upro-body{
  display:flex !important;
  flex-direction:column !important;
}
html body #upro .modal-body.upro-body > .upro-topbox{
  order:1 !important;
}
html body #upro .modal-body.upro-body > .upro-meta-line{
  order:2 !important;
  direction:ltr !important;
}
html body #upro .upro-topbox > .upro-maininfo,
html body #upro.simple-view .upro-topbox > .upro-maininfo{
  display:none !important;
}
html body #upro .modal-body.upro-body > .upro-status-under-photo{
  order:3 !important;
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-height:30px !important;
  margin:0 !important;
  padding:5px 8px 6px !important;
  color:var(--member-status-color, #4b4d50) !important;
  background:var(--chat-content, var(--site-content-bg, #ffffff)) !important;
  text-align:center !important;
  direction:rtl !important;
  font:400 14px/19px Tahoma,Arial,sans-serif !important;
  box-sizing:border-box !important;
}
html body #upro .modal-body.upro-body > .upro-action-grid{
  order:4 !important;
}
html body #upro .modal-body.upro-body > .upro-admin-area{
  order:5 !important;
}
/* ===== END V230.17 ===== */

/* ===== V230.18 SETTINGS SCROLL + NOTIFICATION CARDS + SEARCH + PROFILE GRID ===== */
/* One scroll surface fills the panel; obsolete bottom padding must not cover buttons. */
html body.site-in-room .dpnl.bg.tab-content > #settings.tab-pane{
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings > #settingsMainPanel{
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  padding:4px 5px 10px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings #chatZoomSize,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-btn{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  margin:3px 0 !important;
  border-radius:1px !important;
  font:600 13px/34px Tahoma,Arial,sans-serif !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings .settings-profile-field > .label,
html body.site-in-room #settings .settings-profile-color-row > .label,
html body.site-in-room #settings .settings-profile-field > input,
html body.site-in-room #settings .settings-profile-color-row > input{
  font-family:Tahoma,Arial,sans-serif !important;
  font-size:13px !important;
}
html body.site-in-room #settings #voiceServerMode{order:1 !important;}
html body.site-in-room #settings #voiceMicQuality{order:2 !important;}
html body.site-in-room #settings .settings-change-pic{order:3 !important;}
html body.site-in-room #settings .settings-delete-pic{order:4 !important;}
html body.site-in-room #settings #voiceDisablePm{order:5 !important;}
html body.site-in-room #settings #voiceDisableNot{order:6 !important;}
html body.site-in-room #settings #voiceChangerMode{order:7 !important;}
html body.site-in-room #settings #vocalEffectsMode{order:8 !important;}
html body.site-in-room #settings .voice-settings-actions .pmsg{order:9 !important;}
html body.site-in-room #settings .voice-settings-actions .redit{order:10 !important;}
html body.site-in-room #settings .voice-settings-actions .cp{order:11 !important;}
html body.site-in-room #settings .settings-logout{order:12 !important;}
html body.site-in-room #settings .voice-settings-actions > #settingsAddonsButton{
  order:13 !important;
  flex:0 0 36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  margin:3px 0 8px !important;
  line-height:34px !important;
}

/* Live search beats legacy rows that declare display:block !important. */
html body.site-in-room #users > .uzr.member-search-hidden,
html body.site-in-room #users .uzr.member-search-hidden{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Notification cards follow the reference: photo/name/time above the message. */
html body.site-in-room #settings #notificationsPanel{
  padding:0 !important;
}
html body.site-in-room #settings #notificationsList{
  height:calc(100% - 40px) !important;
  padding:8px 10px 18px !important;
  overflow-y:auto !important;
  background:var(--chat-content, #ffffff) !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings #notificationsList > .chat-notification-item{
  display:flex !important;
  flex-direction:column !important;
  width:calc(100% - 12px) !important;
  min-height:94px !important;
  margin:8px auto 12px !important;
  padding:9px 11px 10px !important;
  border:1px solid #777777 !important;
  border-radius:10px !important;
  background:#f1f2f3 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings .chat-notification-top{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:32px !important;
  gap:8px !important;
  direction:ltr !important;
}
html body.site-in-room #settings .chat-notification-pic{
  flex:0 0 32px !important;
  width:32px !important;
  height:32px !important;
  margin:0 !important;
  border-radius:2px !important;
  object-fit:cover !important;
}
html body.site-in-room #settings .chat-notification-actor{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:2px 6px !important;
  border-radius:5px !important;
  background:#ffffff !important;
  color:#171a1d !important;
  font:600 12px/22px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-notification-time{
  margin-left:auto !important;
  color:#64696f !important;
  font:400 11px/18px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-notification-body{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:36px !important;
  margin:7px 0 0 !important;
  padding:5px 7px !important;
  border:1px solid #e1e3e5 !important;
  border-radius:9px !important;
  background:#f8f9fa !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings .chat-notification-text{
  width:100% !important;
  color:#141920 !important;
  text-align:center !important;
  direction:rtl !important;
  font:600 13px/19px Tahoma,Arial,sans-serif !important;
}

/* Flex items must never shrink the permissions grid underneath the admin fields. */
html body.site-in-room #upro .modal-body.upro-body{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  max-height:calc(100vh - 68px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
html body.site-in-room #upro .modal-body.upro-body > .upro-topbox,
html body.site-in-room #upro .modal-body.upro-body > .upro-meta-line,
html body.site-in-room #upro .modal-body.upro-body > .upro-status-under-photo,
html body.site-in-room #upro .modal-body.upro-body > .upro-action-grid,
html body.site-in-room #upro .modal-body.upro-body > .upro-admin-area{
  flex:0 0 auto !important;
}
html body.site-in-room #upro .modal-body.upro-body > .upro-action-grid{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  grid-auto-rows:35px !important;
  gap:3px !important;
  padding:0 4px 8px !important;
}
html body.site-in-room #upro .modal-body.upro-body > .upro-action-grid > .upro-btn{
  height:35px !important;
  min-height:35px !important;
  font:600 12px/29px Tahoma,Arial,sans-serif !important;
}
/* ===== END V230.18 ===== */

/* ===== V230.19 VIDEO SCALE + LOCKED APPEARANCE + ANCHORED GAMES ===== */
html body.site-in-room{
  --chat-bottom-bar:44px;
  --chat-microphone-bar:46px;
}
html body.site-in-room > .dad.fresh-voice-enabled{
  grid-template-rows:var(--chat-microphone-bar) minmax(0,1fr) !important;
}
html body.site-in-room > .dad.fresh-voice-enabled > #freshVoiceBar,
html body.site-in-room #freshVoiceBar{
  height:var(--chat-microphone-bar) !important;
  min-height:var(--chat-microphone-bar) !important;
  max-height:var(--chat-microphone-bar) !important;
  gap:3px !important;
  padding:2px 3px !important;
}
html body.site-in-room #freshVoiceBar > .fresh-speaker,
html body.site-in-room #freshVoiceBar > .fresh-mic-seat,
html body.site-in-room #freshVoiceBar > .fresh-music-btn{
  width:41px !important;
  min-width:41px !important;
  height:41px !important;
  min-height:41px !important;
  max-height:41px !important;
  margin:0 !important;
}
html body.site-in-room #freshVoiceBar > .fresh-live-btn{
  min-width:68px !important;
  height:41px !important;
  min-height:41px !important;
  max-height:41px !important;
}
html body.site-in-room #freshVoiceBar .fresh-speaker > i,
html body.site-in-room #freshVoiceBar .fresh-mic-seat > i,
html body.site-in-room #freshVoiceBar .fresh-music-btn > i{
  font-size:28px !important;
}
html body.site-in-room #d2 > .mm,
html body.site-in-room #d2 > .msg,
html body.site-in-room #d2 > .uzr{
  min-height:54px !important;
  font-family:Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #d2 > .mm .u-pic,
html body.site-in-room #d2 > .msg .u-pic,
html body.site-in-room #d2 > .uzr > .u-pic{
  width:51px !important;
  min-width:51px !important;
  max-width:51px !important;
  height:51px !important;
  min-height:51px !important;
  max-height:51px !important;
  border-radius:0 !important;
}
html body.site-in-room #d2 .u-topic{
  font-family:Tahoma,Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:21px !important;
}
html body.site-in-room #d2 .u-msg{
  font-family:Tahoma,Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:21px !important;
}
html body.site-in-room #room > .tablebox.footer,
html body.site-in-room #room > .footer{
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:3px 2px !important;
}
html body.site-in-room #tbox,
html body.site-in-room #room > .footer > button,
html body.site-in-room #room > .tablebox.footer > button,
html body.site-in-room #room > .footer > .btn,
html body.site-in-room #room > .tablebox.footer > .btn{
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
  font-family:Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #room > .footer > img.emobox,
html body.site-in-room #room > .tablebox.footer > img.emobox{
  flex:0 0 37px !important;
  width:37px !important;
  min-width:37px !important;
  max-width:37px !important;
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
}
html body.site-in-room #d0 > .ae,
html body.site-in-room #d0 > label,
html body.site-in-room #d0 > button{
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  font:700 14px/38px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings #chatZoomSize,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-select,
html body.site-in-room #settings .voice-settings-actions > .voice-setting-btn{
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
  font:700 14px/35px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings #memberFrameButton{order:7 !important;}
html body.site-in-room #settings #memberBackgroundButton{order:8 !important;}
html body.site-in-room #settings #voiceChangerMode{order:9 !important;}
html body.site-in-room #settings #vocalEffectsMode{order:10 !important;}
html body.site-in-room #settings .voice-settings-actions .pmsg{order:11 !important;}
html body.site-in-room #settings .voice-settings-actions .redit{order:12 !important;}
html body.site-in-room #settings .voice-settings-actions .cp{order:13 !important;}
html body.site-in-room #settings .settings-logout{order:14 !important;}
html body.site-in-room #settings .voice-settings-actions > #settingsAddonsButton{
  order:15 !important;
  flex:0 0 37px !important;
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
  margin:3px 0 10px !important;
  line-height:35px !important;
}
html body.site-in-room #settings #gamesPanel{
  display:none;
  overflow:hidden !important;
  background:var(--chat-content,#fff) !important;
}
html body.site-in-room #settings #gamesButton{
  background:#277b68 !important;
}
html body.site-in-room #settings .chat-games-head > .fa-refresh{
  width:31px !important;
  height:30px !important;
  padding:0 !important;
}
html body.site-in-room #settings .chat-games-content{
  height:calc(100% - 40px) !important;
  padding:12px 9px 18px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  text-align:center !important;
  box-sizing:border-box !important;
  font-family:Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-games-title,
html body.site-in-room #settings .chat-game-current-title{
  margin:3px 0 12px !important;
  color:var(--chat-text,#222) !important;
  font:700 14px/22px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-games-types{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:5px !important;
  margin:0 0 14px !important;
}
html body.site-in-room #settings .chat-game-type{
  min-height:51px !important;
  padding:5px 3px !important;
  border:1px solid #c4c8cc !important;
  border-radius:4px !important;
  background:#f3f5f7 !important;
  color:#202428 !important;
  font:600 12px/17px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-game-type.selected{
  border-color:var(--chat-template,#48776a) !important;
  background:var(--chat-template,#48776a) !important;
  color:#fff !important;
}
html body.site-in-room #settings .chat-game-start,
html body.site-in-room #settings .chat-game-opponent{
  display:block !important;
  width:100% !important;
  min-height:40px !important;
  margin:8px 0 !important;
  padding:0 8px !important;
  border:1px solid #778087 !important;
  border-radius:3px !important;
  box-sizing:border-box !important;
  font:700 14px/38px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-game-start{
  background:var(--chat-template,#48776a) !important;
  color:#fff !important;
}
html body.site-in-room #settings .chat-game-start.challenge{
  background:#315d79 !important;
}
html body.site-in-room #settings .chat-game-divider,
html body.site-in-room #settings .chat-game-message{
  margin:13px 0 5px !important;
  font:600 13px/21px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-game-players{
  display:flex !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:7px !important;
  margin:0 0 8px !important;
}
html body.site-in-room #settings .chat-game-player{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:38px !important;
  gap:5px !important;
  padding:4px !important;
  border:1px solid #d1d5d9 !important;
  border-radius:5px !important;
  font:600 11px/18px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-game-player.active{
  border-color:#289970 !important;
  background:#e6f5ed !important;
}
html body.site-in-room #settings .chat-game-player-pic{
  flex:0 0 28px !important;
  width:28px !important;
  height:28px !important;
  object-fit:cover !important;
}
html body.site-in-room #settings .chat-game-status{
  min-height:34px !important;
  margin:6px 0 10px !important;
  font:700 14px/30px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-game-status.finished{
  color:#187f53 !important;
}
html body.site-in-room #settings .chat-game-board.xo{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  width:min(264px,100%) !important;
  margin:0 auto 12px !important;
}
html body.site-in-room #settings .chat-game-cell{
  aspect-ratio:1/1 !important;
  padding:0 !important;
  border:1px solid #9ca6ae !important;
  border-radius:5px !important;
  background:#f7f8fa !important;
  font:700 39px/1 Arial,sans-serif !important;
}
html body.site-in-room #settings .chat-game-cell.mark-x{color:#1674b4 !important;}
html body.site-in-room #settings .chat-game-cell.mark-o{color:#e04862 !important;}
html body.site-in-room #settings .chat-game-board.four{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:4px !important;
  width:100% !important;
  padding:7px !important;
  border-radius:7px !important;
  background:#235a94 !important;
  box-sizing:border-box !important;
}
html body.site-in-room #settings .chat-game-four-cell{
  aspect-ratio:1/1 !important;
  padding:0 !important;
  border:1px solid rgba(0,0,0,.2) !important;
  border-radius:50% !important;
  background:#edf1f5 !important;
}
html body.site-in-room #settings .chat-game-four-cell.mark-x{background:#f3cf42 !important;}
html body.site-in-room #settings .chat-game-four-cell.mark-o{background:#ef5562 !important;}
html body.site-in-room #settings .chat-game-rps{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:12px 0 !important;
}
html body.site-in-room #settings .chat-game-rps-choice{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:84px !important;
  border:1px solid #aeb7bf !important;
  border-radius:6px !important;
  background:#f4f5f7 !important;
}
html body.site-in-room #settings .chat-game-rps-choice > span{font-size:34px !important;}
html body.site-in-room #settings .chat-game-rps-choice > small{font:700 12px/20px Tahoma,Arial,sans-serif !important;}
html body.site-in-room #settings .chat-game-rps-choice.selected{border:2px solid #24815e !important;}
html body.site-in-room #settings .chat-game-choice-result{font:600 13px/23px Tahoma,Arial,sans-serif !important;}

.chat-feature-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483500 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px !important;
  background:rgba(0,0,0,.58) !important;
  box-sizing:border-box !important;
}
.chat-feature-dialog{
  width:min(350px,calc(100vw - 28px)) !important;
  padding:17px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:13px !important;
  background:#151515 !important;
  color:#fff !important;
  text-align:center !important;
  box-sizing:border-box !important;
  font-family:Tahoma,Arial,sans-serif !important;
}
.chat-feature-title{
  margin:0 0 9px !important;
  color:#f4cf55 !important;
  font:700 17px/26px Tahoma,Arial,sans-serif !important;
}
.chat-feature-copy{
  margin:0 0 12px !important;
  color:#fff !important;
  font:500 13px/21px Tahoma,Arial,sans-serif !important;
}
.appearance-password-input{
  width:100% !important;
  height:39px !important;
  padding:0 9px !important;
  border:1px solid #777 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#111 !important;
  box-sizing:border-box !important;
}
.appearance-password-error{
  min-height:22px !important;
  color:#ff8b8b !important;
  font:500 12px/21px Tahoma,Arial,sans-serif !important;
}
.chat-feature-actions{
  display:flex !important;
  gap:8px !important;
  margin:8px 0 0 !important;
}
.chat-feature-actions > button{
  flex:1 1 0 !important;
  min-height:39px !important;
  border:0 !important;
  border-radius:5px !important;
  font:700 14px/35px Tahoma,Arial,sans-serif !important;
}
.chat-feature-confirm{background:#488b68 !important;color:#fff !important;}
.chat-feature-cancel{background:#383838 !important;color:#fff !important;}
.game-invite-pic{
  width:53px !important;
  height:53px !important;
  margin:2px 0 8px !important;
  border-radius:5px !important;
  object-fit:cover !important;
}
html body.site-in-room #upro .modal-body.upro-body > .upro-game-challenges{
  order:4 !important;
  display:flex !important;
  flex:0 0 auto !important;
  gap:5px !important;
  padding:4px 5px 7px !important;
}
html body.site-in-room #upro .modal-body.upro-body > .upro-game-challenges[style*="display: none"]{
  display:none !important;
}
html body.site-in-room #upro .upro-game-button{
  flex:1 1 0 !important;
  min-height:34px !important;
  border:1px solid #c7cdd2 !important;
  border-radius:16px !important;
  background:#f7f8fa !important;
  color:#1b2630 !important;
  font:700 12px/29px Tahoma,Arial,sans-serif !important;
}
html body.site-in-room #upro .modal-body.upro-body > .upro-action-grid{order:5 !important;}
html body.site-in-room #upro .modal-body.upro-body > .upro-admin-area{order:6 !important;}
/* ===== END V230.19 ===== */

/* ===== V230.20 REFERENCE TYPOGRAPHY + GOLD PREMIUM ACCESS ===== */
html body.site-in-room > .dad,
html body.site-in-room > .dad #room,
html body.site-in-room > .dad #room *,
html body.site-in-room > .dad #settings,
html body.site-in-room > .dad #settings *,
html body.site-in-room > .dad #users,
html body.site-in-room > .dad #users *,
html body.site-in-room > .dad #rooms,
html body.site-in-room > .dad #rooms *,
html body.site-in-room > .dad #chats,
html body.site-in-room > .dad #chats *,
html body.site-in-room > .dad #wall,
html body.site-in-room > .dad #wall *,
html body.site-in-room #upro,
html body.site-in-room #upro *,
html body.site-in-room .chat-feature-overlay,
html body.site-in-room .chat-feature-overlay *{
  font-family:Arial,Tahoma,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
html body.site-in-room .fa::before,
html body.site-in-room .fa::after{
  font-family:FontAwesome !important;
}
html body.site-in-room .glyphicon::before{
  font-family:"Glyphicons Halflings" !important;
}
html body.site-in-room > .dad #d2 .u-topic,
html body.site-in-room > .dad #wall .u-topic,
html body.site-in-room > .dad #chats .u-topic,
html body.site-in-room > .dad .private-window .u-topic,
html body.site-in-room > .dad .chat-announcement-name{
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:23px !important;
}
html body.site-in-room > .dad #d2 .u-msg,
html body.site-in-room > .dad #wall .u-msg,
html body.site-in-room > .dad #chats .u-msg,
html body.site-in-room > .dad .private-window .u-msg,
html body.site-in-room > .dad .chat-announcement-body,
html body.site-in-room > .dad .chat-announcement-text,
html body.site-in-room > .dad .chat-reply-quote{
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:23px !important;
}
html body.site-in-room > .dad #users .u-topic,
html body.site-in-room > .dad #rooms .u-topic{
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:21px !important;
}
html body.site-in-room > .dad > #room{
  grid-template-rows:minmax(0,1fr) 42px 46px !important;
}
html body.site-in-room > .dad > #room > .tablebox.footer,
html body.site-in-room > .dad > #room > .footer{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  gap:2px !important;
  padding:2px !important;
}
html body.site-in-room > .dad > #room > .footer > button,
html body.site-in-room > .dad > #room > .tablebox.footer > button{
  flex:0 0 36px !important;
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-weight:700 !important;
}
html body.site-in-room > .dad > #room > .footer > button.fa-send,
html body.site-in-room > .dad > #room > .tablebox.footer > button.fa-send{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:62px !important;
  max-width:none !important;
  padding:0 6px !important;
  font-size:15px !important;
}
html body.site-in-room > .dad > #room > .footer > img.emobox,
html body.site-in-room > .dad > #room > .tablebox.footer > img.emobox{
  flex:0 0 36px !important;
  width:36px !important;
  min-width:36px !important;
  max-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
}
html body.site-in-room > .dad > #room > .footer > #tbox,
html body.site-in-room > .dad > #room > .tablebox.footer > #tbox{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:23px !important;
}
html body.site-in-room > .dad > #room > #d0{
  display:flex !important;
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  gap:2px !important;
  padding:1px !important;
  overflow:hidden !important;
}
html body.site-in-room > .dad > #room > #d0 > .ae,
html body.site-in-room > .dad > #room > #d0 > label,
html body.site-in-room > .dad > #room > #d0 > button{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  gap:3px !important;
  padding:0 3px !important;
  white-space:nowrap !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:40px !important;
}
html body.site-in-room > .dad > #room > #d0 > label::before,
html body.site-in-room > .dad > #room > #d0 > .ae::before{
  flex:0 0 auto !important;
  margin:0 !important;
  font-family:FontAwesome !important;
  font-size:16px !important;
}
html body.site-in-room > .dad > #room > #d0 > [data-target="#wall"] > .bwall,
html body.site-in-room > .dad > #room > #d0 > [data-target="#users"] > .busers{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto !important;
  min-width:1ch !important;
  margin:0 !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:inherit !important;
}
html body.site-in-room > .dad #settings #premiumFeaturesButton.premium-features-button{
  order:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 10px !important;
  border:1px solid #d7b74c !important;
  background-color:#101008 !important;
  background-image:linear-gradient(108deg,#080808 4%,#151409 35%,#695509 52%,#d4b43c 70%,#f2d866 79%,#111009 96%) !important;
  background-size:220% 100% !important;
  color:#fff3bf !important;
  box-shadow:0 0 5px rgba(228,191,76,.65) !important;
  text-shadow:0 0 8px rgba(255,217,100,.62) !important;
  animation:premiumGoldSweep 2.5s linear infinite,premiumGoldPulse 1.3s ease-in-out infinite alternate !important;
}
html body.site-in-room > .dad #settings #premiumFeaturesButton > .premium-features-title,
html body.site-in-room > .dad #settings #premiumFeaturesButton > .premium-features-diamonds{
  position:static !important;
  inset:auto !important;
  display:inline !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:35px !important;
}
html body.site-in-room > .dad #settings #premiumFeaturesButton > .premium-features-title{
  color:#fff3bf !important;
}
html body.site-in-room > .dad #settings #premiumFeaturesButton > .premium-features-diamonds{
  color:#9ff3e5 !important;
}
@keyframes premiumGoldSweep{
  0%{background-position:0% 50%;}
  100%{background-position:220% 50%;}
}
@keyframes premiumGoldPulse{
  from{box-shadow:0 0 4px rgba(240,202,75,.5);}
  to{box-shadow:0 0 13px rgba(255,218,93,.98),0 0 2px rgba(255,226,131,.8) inset;}
}
html body.site-in-room > .dad #settings .settings-change-pic{order:4 !important;}
html body.site-in-room > .dad #settings .settings-delete-pic{order:5 !important;}
html body.site-in-room > .dad #settings #voiceDisablePm{order:6 !important;}
html body.site-in-room > .dad #settings #voiceDisableNot{order:7 !important;}
html body.site-in-room > .dad #settings #voiceChangerMode{order:8 !important;}
html body.site-in-room > .dad #settings #vocalEffectsMode{order:9 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions .pmsg{order:10 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions .redit{order:11 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions .cp{order:12 !important;}
html body.site-in-room > .dad #settings .settings-logout{order:13 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions > #settingsAddonsButton{order:14 !important;}
html body #premiumFeaturesOverlay.premium-features-overlay{
  display:none !important;
}
html body #premiumFeaturesOverlay.premium-features-overlay.is-open{
  display:flex !important;
}
html body #premiumFeaturesOverlay .premium-features-dialog{
  border-color:#aa9035 !important;
  box-shadow:0 0 20px rgba(231,193,76,.25) !important;
}
html body #premiumFeaturesOverlay .premium-feature-option,
html body #premiumFeaturesOverlay .premium-feature-close{
  display:flex !important;
  width:100% !important;
  min-height:42px !important;
  margin:8px 0 0 !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid #73632d !important;
  border-radius:4px !important;
  background:#25241b !important;
  color:#fff2bf !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
}
html body #premiumFeaturesOverlay .premium-feature-close{
  border-color:#444 !important;
  background:#353535 !important;
  color:#fff !important;
}
@media (max-width:420px){
  html body.site-in-room > .dad > #room > #d0 > .ae,
  html body.site-in-room > .dad > #room > #d0 > label,
  html body.site-in-room > .dad > #room > #d0 > button{
    gap:2px !important;
    padding:0 2px !important;
    font-size:clamp(12px,3.8vw,15px) !important;
  }
  html body.site-in-room > .dad > #room > #d0 > label::before,
  html body.site-in-room > .dad > #room > #d0 > .ae::before{
    font-size:15px !important;
  }
  html body.site-in-room > .dad > #room > #d0 > [data-target="#wall"] > .bwall,
  html body.site-in-room > .dad > #room > #d0 > [data-target="#users"] > .busers{
    font-size:inherit !important;
  }
}
@media (min-width:769px){
  html body.site-in-room > .dad > #room > #d0{
    justify-content:flex-start !important;
  }
  html body.site-in-room > .dad > #room > #d0 > .ae,
  html body.site-in-room > .dad > #room > #d0 > label,
  html body.site-in-room > .dad > #room > #d0 > button{
    flex:0 0 88px !important;
    width:88px !important;
    min-width:88px !important;
    max-width:88px !important;
  }
}
/* ===== END V230.20 ===== */

/* ===== V230.21 LUDO STAR + BILLIARDS ===== */
html body.site-in-room > .dad #settings .chat-games-types{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
html body.site-in-room > .dad #settings .chat-game-type{
  min-height:49px !important;
  padding:4px 2px !important;
  font-family:Arial,Tahoma,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:17px !important;
}
html body.site-in-room > .dad #settings .chat-ludo-board{
  display:grid !important;
  grid-template-columns:repeat(15,minmax(0,1fr)) !important;
  grid-template-rows:repeat(15,minmax(0,1fr)) !important;
  gap:1px !important;
  width:min(310px,100%) !important;
  aspect-ratio:1/1 !important;
  margin:0 auto 8px !important;
  padding:3px !important;
  border:2px solid #31363b !important;
  border-radius:5px !important;
  background:#c9cdd1 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.22) !important;
  box-sizing:border-box !important;
}
html body.site-in-room > .dad #settings .chat-ludo-cell{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:0 !important;
  border-radius:1px !important;
  background:#eceff1 !important;
  box-sizing:border-box !important;
}
html body.site-in-room > .dad #settings .chat-ludo-cell.track{
  border:1px solid #c0c5c9 !important;
  background:#fff !important;
}
html body.site-in-room > .dad #settings .chat-ludo-cell.yard-red{background:#f3b6b6 !important;}
html body.site-in-room > .dad #settings .chat-ludo-cell.yard-blue{background:#a9cdec !important;}
html body.site-in-room > .dad #settings .chat-ludo-cell.home-red,
html body.site-in-room > .dad #settings .chat-ludo-cell.start-red{background:#e84f59 !important;}
html body.site-in-room > .dad #settings .chat-ludo-cell.home-blue,
html body.site-in-room > .dad #settings .chat-ludo-cell.start-blue{background:#338fd0 !important;}
html body.site-in-room > .dad #settings .chat-ludo-cell.ludo-center{
  background:conic-gradient(#e84f59 0 25%,#f0cd45 25% 50%,#338fd0 50% 75%,#43a96b 75%) !important;
}
html body.site-in-room > .dad #settings .chat-ludo-cell.track.ludo-center{border:1px solid #c0c5c9 !important;}
html body.site-in-room > .dad #settings .chat-ludo-cell.yard-spot{
  border:2px solid rgba(255,255,255,.9) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.18) inset !important;
}
html body.site-in-room > .dad #settings .chat-ludo-pawn{
  position:absolute !important;
  z-index:4 !important;
  left:50% !important;
  top:50% !important;
  width:13px !important;
  min-width:13px !important;
  max-width:13px !important;
  height:13px !important;
  min-height:13px !important;
  max-height:13px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #fff !important;
  border-radius:50% 50% 48% 48% !important;
  color:#fff !important;
  font-family:Arial,sans-serif !important;
  font-size:7px !important;
  font-weight:700 !important;
  line-height:11px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.55) !important;
  transform:translate(-50%,-50%) !important;
}
html body.site-in-room > .dad #settings .chat-ludo-pawn:nth-of-type(2){transform:translate(-82%,-82%) !important;}
html body.site-in-room > .dad #settings .chat-ludo-pawn:nth-of-type(3){transform:translate(-18%,-82%) !important;}
html body.site-in-room > .dad #settings .chat-ludo-pawn:nth-of-type(4){transform:translate(-82%,-18%) !important;}
html body.site-in-room > .dad #settings .chat-ludo-pawn:nth-of-type(5){transform:translate(-18%,-18%) !important;}
html body.site-in-room > .dad #settings .chat-ludo-pawn.red{background:#c91d31 !important;}
html body.site-in-room > .dad #settings .chat-ludo-pawn.blue{background:#126cb5 !important;}
html body.site-in-room > .dad #settings .chat-ludo-pawn.movable{
  z-index:7 !important;
  cursor:pointer !important;
  animation:chatLudoPawnPulse .72s ease-in-out infinite alternate !important;
}
@keyframes chatLudoPawnPulse{
  from{box-shadow:0 0 0 2px rgba(255,213,49,.75),0 1px 3px rgba(0,0,0,.55);}
  to{box-shadow:0 0 0 4px rgba(255,221,73,.38),0 0 9px rgba(255,210,27,.95);}
}
html body.site-in-room > .dad #settings .chat-ludo-controls{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) !important;
  align-items:center !important;
  gap:6px !important;
  width:min(310px,100%) !important;
  margin:0 auto 6px !important;
}
html body.site-in-room > .dad #settings .chat-ludo-score{
  min-width:0 !important;
  padding:4px !important;
  border-radius:4px !important;
  color:#fff !important;
  font:700 11px/19px Arial,Tahoma,sans-serif !important;
  text-align:center !important;
}
html body.site-in-room > .dad #settings .chat-ludo-score.red{background:#c93242 !important;}
html body.site-in-room > .dad #settings .chat-ludo-score.blue{background:#227ebd !important;}
html body.site-in-room > .dad #settings .chat-ludo-dice{
  width:54px !important;
  height:46px !important;
  padding:0 !important;
  border:1px solid #555 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:31px !important;
  line-height:42px !important;
  box-shadow:0 2px 5px rgba(0,0,0,.2) !important;
}
html body.site-in-room > .dad #settings .chat-ludo-dice:disabled{opacity:.58 !important;}
html body.site-in-room > .dad #settings .chat-game-last-action{
  margin:4px auto 8px !important;
  color:var(--chat-text,#222) !important;
  font:700 12px/20px Arial,Tahoma,sans-serif !important;
  text-align:center !important;
}
html body.site-in-room > .dad #settings .chat-billiards-wrap{
  width:100% !important;
  max-width:340px !important;
  margin:0 auto 8px !important;
}
html body.site-in-room > .dad #settings .chat-billiards-table{
  position:relative !important;
  width:100% !important;
  aspect-ratio:100/56 !important;
  border:9px solid #57341f !important;
  border-radius:11px !important;
  background:radial-gradient(circle at center,#21905e 0,#116744 72%,#0a4a32 100%) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.35),0 0 0 2px #bd8844 inset !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  cursor:crosshair !important;
}
html body.site-in-room > .dad #settings .chat-pool-pocket{
  position:absolute !important;
  z-index:1 !important;
  width:8.2% !important;
  aspect-ratio:1 !important;
  border-radius:50% !important;
  background:#080808 !important;
  box-shadow:0 0 0 2px rgba(0,0,0,.45) !important;
  transform:translate(-50%,-50%) !important;
}
html body.site-in-room > .dad #settings .chat-pool-ball{
  position:absolute !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:4.4% !important;
  aspect-ratio:1 !important;
  border:1px solid rgba(0,0,0,.58) !important;
  border-radius:50% !important;
  color:#fff !important;
  font:700 7px/1 Arial,sans-serif !important;
  box-shadow:-1px 2px 3px rgba(0,0,0,.48),1px -1px 2px rgba(255,255,255,.7) inset !important;
  transform:translate(-50%,-50%) !important;
  transition:left .45s ease,top .45s ease !important;
  pointer-events:none !important;
}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-cue{background:#fff !important;color:#111 !important;}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-1{background:#e1bc16 !important;color:#111 !important;}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-2{background:#2269bf !important;}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-3{background:#d62f3a !important;}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-4{background:#733ba5 !important;}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-5{background:#e6791e !important;}
html body.site-in-room > .dad #settings .chat-pool-ball.ball-6{background:#198954 !important;}
html body.site-in-room > .dad #settings .chat-pool-guide{
  position:absolute !important;
  z-index:3 !important;
  width:34% !important;
  height:2px !important;
  border-top:1px dashed rgba(255,255,255,.92) !important;
  transform-origin:0 50% !important;
  pointer-events:none !important;
}
html body.site-in-room > .dad #settings .chat-pool-score{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:6px !important;
  margin:7px 0 4px !important;
  font:700 11px/20px Arial,Tahoma,sans-serif !important;
}
html body.site-in-room > .dad #settings .chat-pool-score span{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
html body.site-in-room > .dad #settings .chat-pool-score strong{padding:2px 9px !important;border-radius:10px !important;background:#20282e !important;color:#fff !important;}
html body.site-in-room > .dad #settings .chat-pool-controls{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:5px 8px !important;
  align-items:end !important;
  margin:5px 0 !important;
}
html body.site-in-room > .dad #settings .chat-pool-controls label{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  font:700 11px/17px Arial,Tahoma,sans-serif !important;
}
html body.site-in-room > .dad #settings .chat-pool-controls input[type="range"]{width:100% !important;margin:0 !important;}
html body.site-in-room > .dad #settings .chat-pool-shoot{
  grid-column:1/-1 !important;
  min-height:38px !important;
  border:1px solid #0d5138 !important;
  border-radius:4px !important;
  background:#177d54 !important;
  color:#fff !important;
  font:700 14px/34px Arial,Tahoma,sans-serif !important;
}
html body.site-in-room #upro .upro-game-challenges{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
html body.site-in-room #upro .upro-game-challenges[style*="display: none"]{display:none !important;}
html body.site-in-room #upro .upro-game-button > span{
  position:static !important;
  margin:0 3px !important;
  font-size:14px !important;
}
@media (max-width:360px){
  html body.site-in-room > .dad #settings .chat-ludo-board{width:286px !important;max-width:100% !important;}
  html body.site-in-room > .dad #settings .chat-pool-controls{grid-template-columns:1fr !important;}
  html body.site-in-room > .dad #settings .chat-pool-shoot{grid-column:1 !important;}
}
/* ===== END V230.21 ===== */

/* ===== V230.22 MOBILE SCALE + ACCESSIBLE PICKERS + SETTINGS ORDER ===== */
html body.site-in-room{
  --chat-bottom-bar:39px;
}
html body.site-in-room > .dad #d2 .u-topic,
html body.site-in-room > .dad #wall .u-topic,
html body.site-in-room > .dad #chats .u-topic,
html body.site-in-room > .dad .private-window .u-topic,
html body.site-in-room > .dad .chat-announcement-name{
  font-size:16px !important;
  line-height:21px !important;
}
html body.site-in-room > .dad #d2 .u-msg,
html body.site-in-room > .dad #wall .u-msg,
html body.site-in-room > .dad #chats .u-msg,
html body.site-in-room > .dad .private-window .u-msg,
html body.site-in-room > .dad .chat-announcement-body,
html body.site-in-room > .dad .chat-announcement-text,
html body.site-in-room > .dad .chat-reply-quote{
  font-size:15px !important;
  line-height:20px !important;
}
html body.site-in-room > .dad #users .u-topic,
html body.site-in-room > .dad #rooms .u-topic{
  font-size:15px !important;
  line-height:19px !important;
}
html body.site-in-room > .dad > #room{
  grid-template-rows:minmax(0,1fr) 37px 39px !important;
}
html body.site-in-room > .dad > #room > .tablebox.footer,
html body.site-in-room > .dad > #room > .footer{
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
  gap:2px !important;
  padding:2px !important;
}
html body.site-in-room > .dad > #room > .footer > button,
html body.site-in-room > .dad > #room > .tablebox.footer > button{
  flex:0 0 32px !important;
  width:32px !important;
  min-width:32px !important;
  max-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  font-size:14px !important;
}
html body.site-in-room > .dad > #room > .footer > button.fa-send,
html body.site-in-room > .dad > #room > .tablebox.footer > button.fa-send{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:54px !important;
  max-width:none !important;
  padding:0 5px !important;
  font-size:13px !important;
}
html body.site-in-room > .dad > #room > .footer > img.emobox,
html body.site-in-room > .dad > #room > .tablebox.footer > img.emobox{
  flex:0 0 32px !important;
  width:32px !important;
  min-width:32px !important;
  max-width:32px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
}
html body.site-in-room > .dad > #room > .footer > #tbox,
html body.site-in-room > .dad > #room > .tablebox.footer > #tbox{
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  font-size:13px !important;
  line-height:21px !important;
}
html body.site-in-room > .dad > #room > #d0{
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  gap:2px !important;
  padding:1px !important;
}
html body.site-in-room > .dad > #room > #d0 > .ae,
html body.site-in-room > .dad > #room > #d0 > label,
html body.site-in-room > .dad > #room > #d0 > button{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  gap:2px !important;
  padding:0 2px !important;
  font-size:13px !important;
  line-height:34px !important;
}
html body.site-in-room > .dad > #room > #d0 > label::before,
html body.site-in-room > .dad > #room > #d0 > .ae::before{
  font-size:14px !important;
}
html body.site-in-room > .dad > #room > #d0 > [data-target="#wall"] > .bwall,
html body.site-in-room > .dad > #room > #d0 > [data-target="#users"] > .busers{
  font-size:13px !important;
}

html body #memberBannerFramePanel.member-banner-frame-panel{
  display:flex !important;
  top:max(8px,env(safe-area-inset-top,0px)) !important;
  bottom:max(8px,env(safe-area-inset-bottom,0px)) !important;
  height:auto !important;
  max-height:calc(100dvh - 16px) !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
html body #memberBannerFramePanel.member-banner-frame-panel > .mbf-head{
  flex:0 0 34px !important;
  height:34px !important;
  line-height:34px !important;
}
html body #memberBannerFramePanel.member-banner-frame-panel > .mbf-body{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}
html body #memberBannerFramePanel.member-banner-frame-panel > .mbf-save-row{
  position:relative !important;
  bottom:auto !important;
  z-index:8 !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px)) !important;
  border-top:1px solid #d5d5d5 !important;
  background:#eee !important;
  box-shadow:0 -3px 9px rgba(0,0,0,.1) !important;
}

html body.site-in-room > .dad #settings #voiceServerMode{order:1 !important;}
html body.site-in-room > .dad #settings #voiceMicQuality{order:2 !important;}
html body.site-in-room > .dad #settings #voiceChangerMode{order:3 !important;}
html body.site-in-room > .dad #settings #vocalEffectsMode{order:4 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions > #voiceChangerMode,
html body.site-in-room > .dad #settings .voice-settings-actions > #vocalEffectsMode{
  border-color:var(--chat-template,var(--site-body-bg,#345c73)) !important;
  background:var(--chat-template,var(--site-body-bg,#345c73)) !important;
  color:#fff !important;
}
html body.site-in-room > .dad #settings #premiumFeaturesButton.premium-features-button{order:5 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions > #settingsAddonsButton{
  order:6 !important;
  border:1px solid #bd79ff !important;
  background-color:#7634b7 !important;
  background-image:linear-gradient(112deg,#45176d 0%,#7634b7 35%,#bc7fff 55%,#7634b7 74%,#45176d 100%) !important;
  background-size:200% 100% !important;
  color:#fff !important;
  text-shadow:0 0 6px rgba(237,215,255,.7) !important;
  animation:addonsPurpleSweep 2.3s linear infinite,addonsPurplePulse 1.15s ease-in-out infinite alternate !important;
}
html body.site-in-room > .dad #settings .settings-change-pic{order:7 !important;}
html body.site-in-room > .dad #settings .settings-delete-pic{order:8 !important;}
html body.site-in-room > .dad #settings #voiceDisablePm{order:9 !important;}
html body.site-in-room > .dad #settings #voiceDisableNot{order:10 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions .pmsg{order:11 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions .redit{order:12 !important;}
html body.site-in-room > .dad #settings .voice-settings-actions .cp{order:13 !important;}
html body.site-in-room > .dad #settings .settings-logout{order:14 !important;}
@keyframes addonsPurpleSweep{
  0%{background-position:0% 50%;}
  100%{background-position:200% 50%;}
}
@keyframes addonsPurplePulse{
  from{box-shadow:0 0 4px rgba(159,91,238,.55);}
  to{box-shadow:0 0 13px rgba(188,126,255,.98),0 0 3px rgba(225,201,255,.85) inset;}
}
/* ===== END V230.22 ===== */

/* ===== V230.25 FULL PRESENCE RAIL + FRAMED MEMBER STATUS SQUARE ===== */
/* Ordinary profiles: the presence rail always covers the complete avatar/row height. */
html body.site-in-room #users .uzr:not(.member-has-frame) > .ustat,
html body:not(.site-in-room) #tlogins .lonline .uzr:not(.member-has-frame) > .ustat{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:auto !important;
  display:block !important;
  width:4px !important;
  min-width:4px !important;
  max-width:4px !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:fill !important;
  z-index:14 !important;
}

/* Framed profiles: use a compact square in the current presence-state color. */
html body.site-in-room #users .uzr.member-has-frame > .ustat,
html body:not(.site-in-room) #tlogins .lonline .uzr.member-has-frame > .ustat{
  position:absolute !important;
  top:1px !important;
  bottom:auto !important;
  left:0 !important;
  right:auto !important;
  display:block !important;
  width:13px !important;
  min-width:13px !important;
  max-width:13px !important;
  height:13px !important;
  min-height:13px !important;
  max-height:13px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.92) !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
  object-fit:fill !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.18) !important;
  z-index:15 !important;
}
/* ===== END V230.25 ===== */

/* ===== V230.26 REAL FULL-HEIGHT STATUS + BLINKING FRAME SQUARE ===== */
/* PreserveAspectRatio=none in the SVG lets this rail actually fill the avatar. */
html body.site-in-room #users .uzr:not(.member-has-frame) > .ustat{
  top:0 !important;
  bottom:auto !important;
  width:4px !important;
  min-width:4px !important;
  max-width:4px !important;
  height:56px !important;
  min-height:56px !important;
  max-height:56px !important;
  border-radius:0 !important;
  object-fit:fill !important;
}

/* A framed member receives a true filled, sharp-cornered, blinking square. */
html body.site-in-room #users .uzr.member-has-frame > .ustat{
  top:1px !important;
  left:0 !important;
  width:12px !important;
  min-width:12px !important;
  max-width:12px !important;
  height:12px !important;
  min-height:12px !important;
  max-height:12px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.88),0 0 3px rgba(0,0,0,.24) !important;
  object-fit:fill !important;
  animation:memberPresenceSquareBlink .9s steps(1,end) infinite !important;
  z-index:18 !important;
}
@keyframes memberPresenceSquareBlink{
  0%,49%{opacity:1;}
  50%,99%{opacity:.28;}
  100%{opacity:1;}
}

/* Public/login front page: show member portraits and frames, never status rails. */
html body:not(.site-in-room) #tlogins .lonline .uzr > .ustat,
html body:not(.site-in-room) #tlogins .lonline .uzr.member-has-frame > .ustat,
html body:not(.site-in-room) #tlogins .lonline .uzr:not(.member-has-frame) > .ustat{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  animation:none !important;
}

/* Logged-out pinned members keep the same complete uploaded-frame composite. */
html body:not(.site-in-room) #tlogins .lonline .uzr.member-frame-custom{
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  padding-left:90px !important;
  overflow:hidden !important;
}
html body:not(.site-in-room) #tlogins .lonline .uzr.member-frame-custom > .member-avatar-composite{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  left:3px !important;
  top:1px !important;
  width:80px !important;
  height:80px !important;
}
/* ===== END V230.26 ===== */

/* ===== V230.28 PROFILE IMAGE / BANNER / TRANSPARENT NAME COLORS ===== */
/* The uploaded banner is carried in a CSS variable so later theme rules cannot erase it. */
html body.site-in-room #users .uzr.member-has-cover,
html body:not(.site-in-room) #tlogins .lonline .uzr.member-has-cover,
html body #chats .uzr.member-has-cover{
  background-image:var(--member-cover-image) !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
}

/* No white name pill unless white (or another color) was explicitly selected. */
html body #users .uzr .u-topic:not(.member-name-bg-enabled),
html body #tlogins .lonline .uzr .u-topic:not(.member-name-bg-enabled),
html body #d2 .msg:not(.adminmail) .u-topic:not(.member-name-bg-enabled),
html body #d2 .mm:not(.adminmail) .u-topic:not(.member-name-bg-enabled){
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body .u-topic.member-name-bg-enabled{
  background-color:var(--member-name-bg,#ffffff) !important;
}

#settings .settings-profile-reset-colors{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  float:none !important;
  width:100% !important;
  min-height:34px !important;
  margin:5px 0 0 !important;
  border:1px solid #9e3333 !important;
  border-radius:0 !important;
  background:#d9534f !important;
  color:#fff !important;
  font:bold 13px Tahoma,Arial,sans-serif !important;
}
.chat-color-none{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f4f4f4 !important;
  color:#e00000 !important;
  font:bold 25px/1 Arial,sans-serif !important;
}
.member-color-reset-v86{color:#fff !important;background:#d9534f !important;}
/* ===== END V230.28 ===== */