/* ===== 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;   
}
.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:var(--site-button-bg,#315d73) !important;
  border-bottom:1px solid #123746 !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:rtl !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,.dpnl,.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;
  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}
@media(max-width:650px){.sc-page{width:100%;}.sc-red-title,.sc-num-row,.sc-check-row{width:96%;}.sc-icons-grid{grid-template-columns:repeat(2,106px)}}
/* 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}
@media(max-width:900px){#filters .filter-grid{grid-template-columns:1fr!important}#filters .filter-tools{align-items:stretch!important}#filters .filter-input,#filters .filter-btn{width:100%!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;}
@media (max-width:390px){
  #upro .modal-dialog{width:352px !important;max-width:96vw !important;}
  #upro .upro-edit-label{flex-basis:74px !important;width:74px !important;}
  #upro .upro-save-btn{flex-basis:54px !important;width:54px !important;min-width:54px !important;}
  #upro .upro-country .upro-country-name{max-width:140px !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;
}
@media (max-width:390px){
  #upro .modal-dialog{width:350px !important;max-width:96vw !important;}
  #upro .upro-action-grid{gap:6px !important;padding:0 8px 8px !important;}
  #upro .upro-btn{min-height:42px !important;padding:7px 5px !important;}
  #upro .upro-edit-label{width:74px !important;flex:0 0 74px !important;}
  #upro .upro-save-btn{min-width:52px !important;width:52px !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-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;}


/* ===== DELETE PUBLIC MESSAGE BUTTON ===== */
.delmsg-btn{
  background:#071b38 !important;
  color:#fff !important;
  border:0 !important;
  min-width:20px !important;
  height:20px !important;
  line-height:12px !important;
  border-radius:2px !important;
  font-size:12px !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 .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;
}



/* ===== STEP 16 MOBILE RESPONSIVE SAFE FIX - NO KEYBOARD JUMP =====
   مهم: لا نستخدم visualViewport ولا --app-vh ولا 100dvh ولا body position:fixed.
   هذا يحافظ على ترتيب الغرفة ويمنع صعود الشات عند فتح كيبورد الجوال. */
@media (max-width: 768px){
  html, body{
    width:100% !important;
    max-width:100% !important;
    min-height:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    position:static !important;
    -webkit-text-size-adjust:100% !important;
  }

  .dad{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:100vh !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    position:relative !important;
    box-sizing:border-box !important;
  }

  body:not(.site-in-room) #tlogins,
  body.theme-custom-style:not(.site-in-room) #tlogins,
  body.theme-default-style:not(.site-in-room) #tlogins{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:100vh !important;
    height:auto !important;
    margin:0 !important;
    border-radius:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  body:not(.site-in-room) #tlogins .lonline{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.site-in-room #room{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:100vh !important;
    height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    visibility:visible !important;
    box-sizing:border-box !important;
  }

  body.site-in-room #d2{
    order:1 !important;
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
  }

  body.site-in-room .footer,
  body.site-in-room #room > .footer,
  body.site-in-room #room > .tablebox.footer{
    order:2 !important;
    flex:0 0 40px !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:3px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:3px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    z-index:1000 !important;
  }

  body.site-in-room .footer .btn,
  body.site-in-room .footer button,
  body.site-in-room .footer img,
  body.site-in-room #room > .footer button,
  body.site-in-room #room > .tablebox.footer button,
  body.site-in-room #room > .footer img.emobox,
  body.site-in-room #room > .tablebox.footer img.emobox{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
    margin:0 !important;
  }

  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{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    line-height:20px !important;
    margin:0 !important;
    padding:5px 8px !important;
    box-sizing:border-box !important;
    resize:none !important;
    font-size:16px !important;
  }

  body.site-in-room #d0{
    order:3 !important;
    flex:0 0 34px !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 !important;
    padding:2px !important;
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    z-index:1001 !important;
  }

  body.site-in-room #d0 .ae,
  body.site-in-room #d0 label,
  body.site-in-room #d0 button{
    flex:1 0 auto !important;
    height:28px !important;
    line-height:28px !important;
    padding:0 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    text-align:center !important;
  }

  .dpnl{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:100vh !important;
    max-height:100vh !important;
    padding-top:28px !important;
    padding-bottom:0 !important;
    border-radius:0 !important;
    z-index:6000 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  .dpnl > .tab-pane{
    height:calc(100vh - 30px) !important;
    max-height:calc(100vh - 30px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .dpnl .pnhead{
    position:absolute !important;
    top:2px !important;
    right:38px !important;
    left:38px !important;
    height:24px !important;
    line-height:24px !important;
    margin:0 !important;
    text-align:center !important;
  }
  .dpnl > label.fa-close,
  .dpnl > label.fa.fa-close{
    position:absolute !important;
    top:2px !important;
    left:4px !important;
    right:auto !important;
    margin:0 !important;
    z-index:2 !important;
  }

  #roomModalBox .room-modal{
    position:fixed !important;
    top:8px !important;
    right:8px !important;
    left:8px !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100vh - 16px) !important;
    overflow-y:auto !important;
    z-index:7000 !important;
  }
  #roomModalBox .room-field{width:100% !important;box-sizing:border-box !important;}

  input, textarea, select, button{font-size:16px !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;}
@media (max-width: 767px){
  #wall .wall-comments-panel{
    top:46px !important;
    left:8px !important;
    width:calc(100vw - 16px) !important;
    max-width:none !important;
    height:420px !important;
    max-height:calc(100vh - 60px) !important;
  }
  #wall .wall-comments-input{height:34px !important;min-height:34px !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 ===== */
@media (min-width: 769px){
  .dpnl{
    width:340px !important;
    max-width:calc(100vw - 6px) !important;
  }
}
#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;
}


/* 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{
  background:#05070d !important;
  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;
}
#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;
}
@media (max-width: 767px){
  #wall .story-viewer .story-viewer-tools,
  .dpnl #wall .story-viewer .story-viewer-tools{
    top:12px !important;
    right:10px !important;
    left:auto !important;
    gap:5px !important;
  }
  #wall .story-viewer .story-icon-btn,
  .dpnl #wall .story-viewer .story-icon-btn{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    line-height:32px !important;
    font-size:14px !important;
    border-radius:9px !important;
  }
  #wall .story-viewer .story-viewer-head,
  .dpnl #wall .story-viewer .story-viewer-head{
    top:12px !important;
    left:10px !important;
    right:120px !important;
    min-height:46px !important;
    gap:8px !important;
  }
  #wall .story-viewer .story-author-pic,
  .dpnl #wall .story-viewer .story-author-pic{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  #wall .story-viewer .story-media-wrap,
  .dpnl #wall .story-viewer .story-media-wrap{
    padding-top:76px !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;}
@media (max-width:480px){
  #upro .upro-avatar,#upro.simple-view .upro-avatar{height:205px !important;}
  .profile-image-viewer{padding:25px 0 !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;
}
#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.
*/
@media (max-width:768px){
  body.site-in-room .dad > .bgg.corner,
  body.site-in-room .dad .bgg.corner{
    position:fixed !important;
    top:calc(env(safe-area-inset-top,0px) + 56px) !important;
    left:6px !important;
    right:6px !important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 94px) !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    min-height:180px !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid #111 !important;
    border-radius:0 !important;
    background:#fff !important;
    z-index:9000 !important;
    box-sizing:border-box !important;
  }

  body.site-in-room .dad > .bgg.corner > .head,
  body.site-in-room .dad .bgg.corner > .head{
    position:relative !important;
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    margin:0 !important;
    background:var(--site-button-bg,#07182f) !important;
    background-image:var(--site-button-bg-image,none) !important;
    border-bottom:1px solid #111 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    z-index:2 !important;
  }

  body.site-in-room .dad > .bgg.corner > .head .title,
  body.site-in-room .dad .bgg.corner > .head .title{
    position:absolute !important;
    top:0 !important;
    right:48px !important;
    left:48px !important;
    height:42px !important;
    line-height:42px !important;
    margin:0 !important;
    padding:0 8px !important;
    display:block !important;
    text-align:center !important;
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    font:bold 16px/42px Tahoma,Arial,sans-serif !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    box-sizing:border-box !important;
  }

  body.site-in-room .dad > .bgg.corner > .head .pphide,
  body.site-in-room .dad .bgg.corner > .head .pphide{
    position:absolute !important;
    top:4px !important;
    right:6px !important;
    left:auto !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    line-height:22px !important;
    padding:5px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    border:1px solid rgba(0,0,0,.35) !important;
    background:#d9534f !important;
    color:#fff !important;
    font-size:18px !important;
    z-index:4 !important;
    box-sizing:border-box !important;
    pointer-events:auto !important;
  }

  body.site-in-room .dad > .bgg.corner > .body,
  body.site-in-room .dad .bgg.corner > .body{
    position:absolute !important;
    top:42px !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    background:#fff !important;
    box-sizing:border-box !important;
    padding:6px !important;
  }

  body.site-in-room .dad .u-div.break.light{
    height:auto !important;
    min-height:100% !important;
    width:100% !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    background:#fff !important;
  }

  body.site-in-room .dad .u-div.break.light .borderg{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    margin:0 0 8px 0 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }
}


/* === 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.
*/
@media (max-width:768px){
  body.site-in-room .dpnl,
  .dpnl{
    padding-top:46px !important;
  }

  body.site-in-room .dpnl:before,
  .dpnl:before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:46px !important;
    background:var(--site-button-bg,#07182f) !important;
    background-image:var(--site-button-bg-image,none) !important;
    border-bottom:1px solid #111 !important;
    z-index:1 !important;
    pointer-events:none !important;
  }

  body.site-in-room .dpnl .pnhead,
  .dpnl .pnhead{
    position:absolute !important;
    top:0 !important;
    left:54px !important;
    right:54px !important;
    height:46px !important;
    line-height:46px !important;
    margin:0 !important;
    padding:0 8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    text-align:center !important;
    font:bold 18px/46px Tahoma,Arial,sans-serif !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    z-index:3 !important;
    box-sizing:border-box !important;
  }

  body.site-in-room .dpnl > label.fa-close,
  body.site-in-room .dpnl > label.fa.fa-close,
  body.site-in-room .dpnl > label.label-danger,
  .dpnl > label.fa-close,
  .dpnl > label.fa.fa-close,
  .dpnl > label.label-danger{
    position:absolute !important;
    top:4px !important;
    right:6px !important;
    left:auto !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    line-height:26px !important;
    padding:5px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    border:1px solid rgba(0,0,0,.35) !important;
    background:#d9534f !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:bold !important;
    text-align:center !important;
    z-index:4 !important;
    box-sizing:border-box !important;
    pointer-events:auto !important;
  }

  body.site-in-room .dpnl > label.fa-close:before,
  body.site-in-room .dpnl > label.fa.fa-close:before,
  body.site-in-room .dpnl > label.label-danger:before,
  .dpnl > label.fa-close:before,
  .dpnl > label.fa.fa-close:before,
  .dpnl > label.label-danger:before{
    content:"\f00d" !important;
    font-family:FontAwesome !important;
    color:#fff !important;
  }

  body.site-in-room .dpnl > .tab-pane,
  .dpnl > .tab-pane{
    margin-top:0 !important;
  }
}

/* === 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-top:-20px!important;padding:4px!important;margin-left:3px!important;}
@media(max-width:700px){
  .chat-reply-preview{padding-right:32px;font-size:12px;}
  .chat-reply-quote-title,.chat-reply-quote-text{font-size:11px;}
}


/* === 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;
  z-index:3000 !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;
}
@media(max-width:768px){
  #wallCommentsPanel,
  #wall .wall-comments-panel{
    left:6px !important;
    right:6px !important;
    top:44px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 120px) !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;
}
#d2 .chat-reply-btn,
body .d2 .chat-reply-btn,
body .room .chat-reply-btn{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  min-width:24px !important;
  min-height:22px !important;
  max-height:none !important;
  overflow:visible !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
}
@media(max-width:700px){
  #d2 .chat-reply-btn,
  body .d2 .chat-reply-btn,
  body .room .chat-reply-btn{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    min-width:30px !important;
    min-height:28px !important;
    line-height:26px !important;
    padding:2px 6px !important;
    font-size:13px !important;
    z-index:20 !important;
  }
  #d2 .chat-reply-quote{
    display:block !important;
    visibility:visible !important;
    opacity:1 !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;}
@media(max-width:767px){
  #storyViewer .story-viewer-head{top:22px !important;left:10px !important;max-width:52vw !important;}
  #storyViewer .story-viewer-tools{top:22px !important;right:10px !important;gap:10px !important;}
  #storyViewer.can-video .story-main-video{width:100vw !important;height:auto !important;max-height:100vh !important;}
  #storyViewer .story-nav{width:30px !important;font-size:28px !important;}
  #storyViewer .story-prev{left:6px !important;}
  #storyViewer .story-next{right:6px !important;}
  #storyViewer .story-viewer-bottom{left:8px !important;bottom:20px !important;}
  #storyViewer .story-caption{bottom:62px !important;font-size:14px !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;}
.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-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;}
@media (max-width:768px){.fresh-room-music-panel{left:6px !important;right:6px !important;top:46px !important;width:auto !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;}
@media(max-width:768px){.fresh-live-viewer{left:8px;right:8px;top:80px;width:auto;max-width:none}.fresh-live-body{min-height:190px}.fresh-live-video,.fresh-live-frame{max-height:52vh}}


/* ===== MOBILE TOUCH / PANEL STABILITY PATCH =====
   Prevent hidden rooms/private/wall panels from catching taps over the chat box. */
@media (max-width: 768px) {
  .tab-content > .tab-pane:not(.active),
  .dpnl > .tab-pane:not(.active),
  #rooms:not(.active),
  #chats:not(.active),
  #wall:not(.active),
  #settings:not(.active) {
    pointer-events: none !important;
  }
  .tab-content > .tab-pane.active,
  .dpnl > .tab-pane.active {
    pointer-events: auto !important;
  }
  #d0,
  #tbox,
  .tbox,
  .tboxbc,
  .sendbtn,
  .sendBox,
  .send-box,
  .chat-input-area,
  .bottom-send-bar {
    position: relative !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
  .popover:not(.in),
  .modal:not(.in),
  .wall-comments-panel[style*="display: none"],
  .wall-comments-panel[style*="display:none"],
  .wall-youtube-box[style*="display: none"],
  .wall-youtube-box[style*="display:none"] {
    pointer-events: none !important;
  }
  body:not(.story-open) #storyViewer[style*="display: none"],
  body:not(.story-open) #storyViewer[style*="display:none"] {
    pointer-events: none !important;
  }
}
/* ===== END MOBILE TOUCH / PANEL STABILITY PATCH ===== */


/* ===== 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;}
@media (max-width:768px){
  .royal-welcome-layer{left:8px;right:8px;top:76px;}
  .royal-entry-toast{width:310px;max-width:calc(100vw - 16px);}
  .royal-entry-ribbon{min-width:190px;right:82px;}
}


/* =========================================================
   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;
}
@media (max-width: 768px){
  #upro.modal,
  #upro{
    z-index: 2147482000 !important;
    max-height: calc(100dvh - 12px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    pointer-events: auto !important;
  }
  #upro .modal-dialog,
  #upro .modal-content{
    max-height: calc(100dvh - 12px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    pointer-events: auto !important;
  }
  #upro .close,
  #upro .fa-close,
  #upro .fa-times,
  #upro [data-dismiss="modal"]{
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    z-index: 2147483001 !important;
  }
  #profileImageViewer .profile-image-viewer-close{
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    z-index: 2147483600 !important;
  }
  #profileImageViewer .profile-image-viewer-img{
    max-width: 100vw !important;
    max-height: calc(100dvh - 70px) !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;
}
@media (max-width:768px){
  .chat-quick-tools{ z-index:1000007; }
  .flash-emoji-store{ left:8px !important; right:8px !important; width:auto; top:auto !important; bottom:62px; }
  .flash-emoji-body{ max-height:230px; }
  #chatQuickToolsBtn,.chat-tools-btn{ min-width:32px !important; }
}

/* ===== 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;}
@media(max-width:700px){
  .fresh-live-viewer.fresh-live-multi{left:4px!important;right:4px!important;top:58px!important;width:auto!important;max-width:none!important;transform:none!important;}
  .fresh-live-multi .fresh-live-body{height:min(62vh,470px)!important;min-height:210px!important;}
  .fresh-live-multi .fresh-live-grid{gap:4px!important;padding:4px!important;}
  .fresh-live-multi.live-count-1 .fresh-live-grid{grid-template-columns:1fr!important;}
  .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))!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;}
}
/* ===== END PROFILE + LIVE GRID FIXES ===== */


/* ===== MOBILE LIVE CAMERA COMPACT LAYOUT FIX - fallback ===== */
@media(max-width:700px){
  .fresh-live-viewer.fresh-live-multi{position:fixed!important;left:6px!important;right:6px!important;top:52px!important;width:auto!important;max-width:none!important;transform:none!important;max-height:calc(100vh - 175px)!important;overflow:hidden!important;z-index:99950!important;border-width:2px!important;}
  .fresh-live-multi .fresh-live-head{height:28px!important;min-height:28px!important;padding:0 7px!important;font-size:13px!important;}
  .fresh-live-multi .fresh-live-close{width:27px!important;height:23px!important;line-height:20px!important;font-size:17px!important;}
  .fresh-live-multi .fresh-live-body{height:38vh!important;max-height:360px!important;min-height:185px!important;display:block!important;overflow:hidden!important;background:#000!important;}
  .fresh-live-multi .fresh-live-grid{height:100%!important;display:grid!important;gap:4px!important;padding:4px!important;overflow:hidden!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;grid-template-rows:1fr!important;}
  .fresh-live-multi.live-count-2 .fresh-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows: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;grid-template-rows:repeat(2,minmax(0,1fr))!important;}
  .fresh-live-multi.live-count-5 .fresh-live-grid,.fresh-live-multi.live-count-6 .fresh-live-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;}
  .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;grid-template-rows:repeat(3,minmax(0,1fr))!important;}
  .fresh-live-tile{height:100%!important;min-height:0!important;border-radius:7px!important;}
  .fresh-live-tile video,.fresh-live-video{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;display:block!important;background:#000!important;}
  .fresh-live-tile-title{font-size:10px!important;padding:2px 4px!important;top:3px!important;right:3px!important;left:3px!important;}
  .fresh-live-tools{height:36px!important;min-height:36px!important;padding:4px!important;box-sizing:border-box!important;background:#111!important;}
  .fresh-live-tools button{height:28px!important;line-height:20px!important;padding:3px 10px!important;font-size:12px!important;margin:0!important;}
}
@media(max-width:380px){.fresh-live-multi .fresh-live-body{height:34vh!important;min-height:165px!important}.fresh-live-viewer.fresh-live-multi{top:50px!important}}
/* ===== END MOBILE LIVE CAMERA COMPACT LAYOUT FIX ===== */

/* ===== ZOOM PANEL BOUNDS FIX =====
   Keep the right settings/users/rooms panel inside the viewport when font zoom is changed.
*/
html, body{
  max-width:100vw !important;
  overflow-x:hidden !important;
}
@media (min-width:769px){
  body.site-in-room .dpnl,
  .dpnl{
    position:fixed !important;
    right:0 !important;
    left:auto !important;
    top:0 !important;
    min-width:0 !important;
    max-width:calc(100vw - 4px) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.site-in-room .dpnl > .tab-pane,
  .dpnl > .tab-pane{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }
  #settings,
  #settings *{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  #settings input,
  #settings select,
  #settings textarea{
    max-width:100% !important;
  }
}
/* ===== END ZOOM PANEL BOUNDS 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 SIZE + NOTIFY SAFE FIX V2 =====
   تكبير مربعات الشريط السفلي بدون تغيير الألوان، وإلغاء دوائر الأرقام بدون مراقبة ثقيلة. */
body.site-in-room #d0{
  min-height:36px !important;
  height:36px !important;
  max-height:36px !important;
  padding:2px 3px !important;
  gap:3px !important;
  align-items:center !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
}
body.site-in-room #d0 .ae,
body.site-in-room #d0 label,
body.site-in-room #d0 button{
  min-height:31px !important;
  height:31px !important;
  line-height:29px !important;
  padding:0 11px !important;
  margin:0 1px !important;
  border-radius:2px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  white-space:nowrap !important;
  vertical-align:middle !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;
}
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); }
}
@media (max-width:768px){
  body.site-in-room #d0{
    min-height:38px !important;
    height:38px !important;
    max-height:38px !important;
    padding:2px 3px !important;
    gap:3px !important;
  }
  body.site-in-room #d0 .ae,
  body.site-in-room #d0 label,
  body.site-in-room #d0 button{
    min-height:32px !important;
    height:32px !important;
    line-height:30px !important;
    padding:0 10px !important;
    flex:0 0 auto !important;
  }
}
/* ===== 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;
}
@media (max-width:768px){
  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:50px !important;
    height:31px !important;
    min-height:31px !important;
    line-height:29px !important;
    padding:0 6px !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 */
@media (max-width:768px){
  body.site-in-room #room > .tablebox.footer,
  body.site-in-room #room > .footer,
  body.site-in-room .tablebox.footer{
    gap:2px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }
  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-basis:36px !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !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"]{
    flex-basis:62px !important;
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    padding:0 4px !important;
    gap:3px !important;
  }
}
/* ===== 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;
}

@media (max-width:768px){
  body.site-in-room #room > .tablebox.footer,
  body.site-in-room #room > .footer,
  body.site-in-room .tablebox.footer{
    gap:2px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }
  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-basis:36px !important;
    width:36px !important;
    min-width:36px !important;
    max-width:36px !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"]{
    flex-basis:62px !important;
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    padding:0 4px !important;
    gap:3px !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;
}
@media (max-width:768px){
  .emoji-pop-fixed{
    width:278px !important;
    max-height:220px !important;
  }
  .emoji-pop-fixed .emoji-pop-item,
  .emoji-pop-fixed img.emoi{
    width:23px !important;
    height:23px !important;
    max-width:23px !important;
    max-height:23px !important;
    margin:2px !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.
*/
@media (max-width: 768px){
  .private-window{
    position:fixed !important;
    left:8px !important;
    right:8px !important;
    top:auto !important;
    bottom:86px !important;
    width:auto !important;
    max-width:none !important;
    height:52vh !important;
    min-height:245px !important;
    max-height:430px !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
    border-radius:10px !important;
    box-shadow:0 6px 22px rgba(0,0,0,.28) !important;
    z-index:7400 !important;
  }
  .private-window.pm-on-top{
    z-index:7500 !important;
  }
  .private-window .head{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    overflow:hidden !important;
  }
  .private-window .head .uh{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  .private-window .head .btn,
  .private-window .head label.btn{
    width:40px !important;
    min-width:40px !important;
    height:34px !important;
    line-height:22px !important;
    padding:7px 0 !important;
    margin:2px !important;
    text-align:center !important;
    border-radius:10px !important;
  }
  .private-window .cont{
    height:calc(100% - 38px) !important;
    min-height:0 !important;
    position:relative !important;
  }
  .private-window .cont .d2{
    height:calc(100% - 54px) !important;
    max-height:calc(100% - 54px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .private-window .footer{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:5px !important;
    box-sizing:border-box !important;
  }
  .private-window .footer .tbox{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
  }
  .private-window .footer button,
  .private-window .footer .btn,
  .private-window .footer img.emo{
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  .private-window .footer img.emo{
    padding:4px !important;
    object-fit:contain !important;
  }
  .emoji-pop-fixed{
    position:fixed !important;
    width:min(292px, calc(100vw - 18px)) !important;
    max-width:calc(100vw - 18px) !important;
    max-height:min(220px, 34vh) !important;
    z-index:7600 !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .emoji-pop-fixed[data-emoji-context="private"]{
    z-index:7605 !important;
  }
}
@media (max-width: 390px){
  .private-window{
    bottom:82px !important;
    height:50vh !important;
    min-height:230px !important;
  }
  .private-window .footer button,
  .private-window .footer .btn,
  .private-window .footer img.emo{
    flex-basis:38px !important;
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
  }
}
/* ===== END MOBILE PRIVATE WINDOW + EMOJI POPUP FIX V6 ===== */

/* ===== FULL PAGE ZOOM STABLE FIX V9 =====
   يحافظ على الزوم الشامل للصفحة مع تعويض العرض حتى لا يظهر فراغ أبيض عند التصغير. */
html.chat-full-page-zoom-html{
  overflow-x:hidden !important;
  max-width:100vw !important;
}
body.chat-full-page-zoom{
  transform-origin:0 0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
body.chat-full-page-zoom .dad{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
body.chat-full-page-zoom.site-in-room #room,
body.chat-full-page-zoom.site-in-room #d2,
body.chat-full-page-zoom.site-in-room #d0,
body.chat-full-page-zoom.site-in-room .footer{
  box-sizing:border-box !important;
}
body.chat-full-page-zoom .dpnl,
body.chat-full-page-zoom .dpnl *{
  box-sizing:border-box !important;
}
body.chat-full-page-zoom .voice-setting-select,
body.chat-full-page-zoom .voice-setting-btn,
body.chat-full-page-zoom #settings input,
body.chat-full-page-zoom #settings button,
body.chat-full-page-zoom #settings a.label{
  max-width:100% !important;
}
@media (max-width:768px){
  body.chat-full-page-zoom .dad{
    max-width:none !important;
  }
  body.chat-full-page-zoom.site-in-room #room{
    max-width:none !important;
  }
  body.chat-full-page-zoom .dpnl{
    max-width:none !important;
  }
}
/* ===== END FULL PAGE ZOOM STABLE FIX V9 ===== */


/* ===== 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;}
@media (max-width: 768px){
  #vocalEffectsMode.vocal-effects-select{
    min-height:32px !important;
    font-size:13px !important;
  }
}
/* ===== END VOCAL MIC EFFECTS V10 ===== */

/* ===== VOCAL MIC EFFECTS PROFESSIONAL MODES V11 ===== */
#vocalEffectsMode.vocal-effects-select{
  min-width:210px !important;
  max-width:100% !important;
}
@media (max-width: 768px){
  #vocalEffectsMode.vocal-effects-select{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    white-space:normal !important;
  }
}
/* ===== END VOCAL MIC EFFECTS PROFESSIONAL MODES V11 ===== */


/* ===== Member banner + frame (scoped; does not override global chat style) ===== */
.uzr.member-has-cover{
  background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#f7f7f7!important;
  min-height:50px;position:relative;overflow:hidden;
}
.uzr.member-has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));pointer-events:none;z-index:0;}
.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{background-color:rgba(255,255,255,.72)!important;text-shadow:0 1px 2px rgba(255,255,255,.6);}
.member-frame-gold{box-shadow:inset 0 0 0 2px #f6d365,0 0 6px rgba(246,211,101,.7)!important;border-color:#f6d365!important;}
.member-frame-pink{box-shadow:inset 0 0 0 2px #ff4fb3,0 0 6px rgba(255,79,179,.55)!important;border-color:#ff4fb3!important;}
.member-frame-blue{box-shadow:inset 0 0 0 2px #45aaf2,0 0 6px rgba(69,170,242,.55)!important;border-color:#45aaf2!important;}
.member-frame-green{box-shadow:inset 0 0 0 2px #20bf6b,0 0 6px rgba(32,191,107,.55)!important;border-color:#20bf6b!important;}
.member-frame-purple{box-shadow:inset 0 0 0 2px #8854d0,0 0 6px rgba(136,84,208,.55)!important;border-color:#8854d0!important;}
.member-frame-fire{box-shadow:inset 0 0 0 2px #ff6b00,0 0 8px rgba(255,80,0,.8)!important;border-color:#ff6b00!important;}
.member-frame-ice{box-shadow:inset 0 0 0 2px #74dfff,0 0 8px rgba(116,223,255,.75)!important;border-color:#74dfff!important;}
.member-frame-shadow{box-shadow:inset 0 0 0 2px rgba(0,0,0,.42),0 2px 10px rgba(0,0,0,.35)!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:rgba(255,255,255,.5);width:max-content;max-width:100%;padding:1px 5px;border-radius:3px;}
.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;}
@media(max-width:700px){.member-banner-frame-panel{right:4px;left:4px;top:38px;width:auto;height:calc(100vh - 46px);}.member-banner-frame-panel .mbf-grid{grid-template-columns:1fr 1fr;}}
/* ===== End member banner + frame ===== */
.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,
body.bg.chat-full-page-zoom > .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;
}
@media(max-width:700px){
  body.bg{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body.bg > .dad,
  body.bg.chat-full-page-zoom > .dad{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  body.bg > .dad > #tlogins{
    width:100% !important;
    max-width:100% !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;
}
@media(max-width:700px){
  #memberBannerFramePanel.member-banner-frame-panel{
    left:6px !important;
    right:6px !important;
    top:38px !important;
    width:auto !important;
    height:calc(100vh - 48px) !important;
  }
}
/* ===== END V23 ===== */

/* ===== V26 ROOT MOBILE DPANEL RIGHT DOCK FIX ===== */
@media (max-width: 900px){
  html, body{overflow-x:hidden!important;}
  body.site-in-room .dpnl,
  body.bg.site-in-room .dpnl,
  body .dpnl.bg.tab-content,
  body .dpnl{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:34px!important;
    width:315px!important;
    min-width:0!important;
    max-width:calc(100vw - 46px)!important;
    height:calc(100vh - 34px)!important;
    max-height:calc(100vh - 34px)!important;
    margin:0!important;
    padding-top:20px!important;
    padding-bottom:8px!important;
    overflow:hidden!important;
    z-index:2147482500!important;
    box-sizing:border-box!important;
    float:none!important;
    transform:none!important;
  }
  body.site-in-room .dpnl > .tab-pane,
  body .dpnl > .tab-pane{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
  }
  body .dpnl input,
  body .dpnl select,
  body .dpnl textarea,
  body .dpnl button{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body .dpnl .pnhead{
    max-width:calc(100% - 56px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.site-in-room #d0,
  body #d0{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147482600!important;
  }
}
@media (max-width: 380px){
  body.site-in-room .dpnl,
  body.bg.site-in-room .dpnl,
  body .dpnl.bg.tab-content,
  body .dpnl{
    width:300px!important;
    max-width:calc(100vw - 38px)!important;
  }
}
/* ===== END V26 ROOT MOBILE DPANEL RIGHT DOCK FIX ===== */


/* ===== V27 no flicker mobile right panels ===== */
@media (max-width:900px){
  body.site-in-room .dpnl,
  body.bg.site-in-room .dpnl,
  body .dpnl.bg.tab-content,
  body .dpnl{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:34px!important;
    width:315px!important;
    min-width:0!important;
    max-width:calc(100vw - 46px)!important;
    height:calc(100vh - 34px)!important;
    max-height:calc(100vh - 34px)!important;
    margin:0!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    overflow:hidden!important;
    z-index:2147482500!important;
    box-sizing:border-box!important;
  }
}
/* ===== END V27 ===== */

/* ===== V30 MOBILE PRIVATE LIST ONLY SAFE FIX ===== */
@media (max-width:900px){
  body.site-in-room .dpnl > #chats.tab-pane,
  body.bg.site-in-room .dpnl > #chats.tab-pane{
    margin-top:26px!important;
    height:calc(100% - 26px)!important;
    max-height:calc(100% - 26px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.site-in-room .dpnl > #chats.tab-pane .uzr,
  body.bg.site-in-room .dpnl > #chats.tab-pane .uzr{
    margin-top:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}
/* ===== 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. */
@media (max-width:900px){
  body.site-in-room .dpnl > #rooms.tab-pane,
  body.bg.site-in-room .dpnl > #rooms.tab-pane,
  body.site-in-room .dpnl > #settings.tab-pane,
  body.bg.site-in-room .dpnl > #settings.tab-pane{
    margin-top:26px!important;
    height:calc(100% - 26px)!important;
    max-height:calc(100% - 26px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.site-in-room .dpnl > #rooms.tab-pane .bgg,
  body.bg.site-in-room .dpnl > #rooms.tab-pane .bgg,
  body.site-in-room .dpnl > #rooms.tab-pane button,
  body.bg.site-in-room .dpnl > #rooms.tab-pane button{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    top:0!important;
    z-index:5!important;
  }
  body.site-in-room .dpnl > #settings.tab-pane > center:first-child,
  body.bg.site-in-room .dpnl > #settings.tab-pane > center:first-child,
  body.site-in-room .dpnl > #settings.tab-pane > .borderg:first-of-type,
  body.bg.site-in-room .dpnl > #settings.tab-pane > .borderg:first-of-type{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    top:0!important;
    z-index:5!important;
  }
}
/* ===== END V31 ===== */

/* ===== V33 MOBILE SETTINGS SCROLL BOTTOM SAFE FIX ===== */
@media (max-width:900px){
  body.site-in-room .dpnl > #settings.tab-pane,
  body.bg.site-in-room .dpnl > #settings.tab-pane{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:78px!important;
    scroll-padding-bottom:78px!important;
  }
  body.site-in-room .dpnl > #settings.tab-pane .btn,
  body.bg.site-in-room .dpnl > #settings.tab-pane .btn,
  body.site-in-room .dpnl > #settings.tab-pane button,
  body.bg.site-in-room .dpnl > #settings.tab-pane button{
    flex-shrink:0!important;
  }
}
/* ===== END V33 ===== */


/* ===== V34 MOBILE EMOJI ABOVE ALL PANELS FIX ===== */
@media (max-width:900px){
  .emoji-pop-fixed,
  .emoji-pop-fixed[data-emoji-context="private"],
  .emoji-pop-fixed[data-emoji-context="wall"],
  body .emoji-pop-fixed{
    position:fixed!important;
    z-index:2147483600!important;
    pointer-events:auto!important;
  }
}
/* ===== END V34 ===== */

/* ===== V35 FONT ZOOM STYLE - NO PAGE SHRINK ===== */
html.chat-full-page-zoom-html,
body.chat-full-page-zoom,
body.chat-v35-font-zoom{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  transform:none!important;
  margin:0!important;
  overflow-x:hidden!important;
}
body.chat-v35-font-zoom .dad,
body.chat-v35-font-zoom .dpnl,
body.chat-v35-font-zoom #d0{
  font-size:var(--chat-font-base,13px)!important;
}
body.chat-v35-font-zoom input,
body.chat-v35-font-zoom textarea,
body.chat-v35-font-zoom select,
body.chat-v35-font-zoom button{
  font-size:var(--chat-font-med,14px)!important;
}
body.chat-v35-font-zoom .dpnl label,
body.chat-v35-font-zoom .dpnl .label,
body.chat-v35-font-zoom .dpnl .btn,
body.chat-v35-font-zoom .u-topic,
body.chat-v35-font-zoom .u-msg,
body.chat-v35-font-zoom .uzr{
  font-size:var(--chat-font-med,14px)!important;
}
@media(max-width:900px){
  body.chat-v35-font-zoom .dad{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;}
  body.chat-v35-font-zoom .dpnl{transform:none!important;zoom:1!important;}
}
/* ===== END V35 FONT ZOOM STYLE ===== */

/* ===== V55 MOBILE MEMBER BANNER FRAME PANEL SCROLL FIX ===== */
@media (max-width: 900px){
  #memberBannerFramePanel.member-banner-frame-panel{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    top:44px!important;
    bottom:12px!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100dvh - 56px)!important;
    max-height:calc(100svh - 56px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #memberBannerFramePanel.member-banner-frame-panel .mbf-head{
    flex:0 0 32px!important;
    height:32px!important;
    line-height:32px!important;
  }
  #memberBannerFramePanel.member-banner-frame-panel .mbf-body{
    flex:1 1 auto!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:78px!important;
  }
  #memberBannerFramePanel.member-banner-frame-panel .mbf-save-row{
    position:sticky!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    z-index:20!important;
    background:#eee!important;
    padding:10px 0 8px!important;
    margin-top:10px!important;
  }
  #memberBannerFramePanel.member-banner-frame-panel .mbf-save{
    min-height:42px!important;
    display:block!important;
    visibility:visible!important;
  }
}
/* ===== 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
   - لا يغيّر حجم الحائط ولا يكبر النوافذ الرئيسية
   - نافذة محادثات الحائط تظهر كاملة فوق الحائط مثل الصورة المرجعية
   - يظهر المنشور الأصلي في أعلى نافذة التعليقات دائماً
   ========================================================== */
@media (max-width: 767px){
  body #wallCommentsPanel{
    position: fixed !important;
    z-index: 1000000 !important;
    left: 50% !important;
    right: auto !important;
    top: 66px !important;
    transform: translateX(-50%) !important;
    width: 318px !important;
    max-width: calc(100vw - 28px) !important;
    height: 430px !important;
    max-height: calc(100vh - 150px) !important;
    min-height: 300px !important;
    display: none;
    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;
    visibility: visible !important;
    opacity: 1 !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;
    min-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-size: 16px !important;
    font-weight: bold !important;
    line-height: 1 !important;
  }
  body #wallCommentsPanel .wall-comments-close{
    position: static !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(80,80,80,.45) !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 28px !important;
    z-index: 1000002 !important;
    pointer-events: auto !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 #333 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body #wallCommentsPanel .wall-comments-origin{
    display: flex !important;
    flex-direction: row !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-radius: 2px !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-size: 15px !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  body #wallCommentsPanel .wall-comments-origin-topic{
    display: block !important;
    color: #111 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    margin-bottom: 2px !important;
    background: transparent !important;
  }
  body #wallCommentsPanel .wall-comments-origin-msg{
    display: block !important;
    color: #111 !important;
    font-weight: bold !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    background: #fff !important;
  }
  body #wallCommentsPanel #wallCommentsList,
  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: #eee !important;
    color: #111 !important;
    padding: 4px !important;
    box-sizing: border-box !important;
  }
  body #wallCommentsPanel .wall-comments-empty{
    color: #555 !important;
    text-align: center !important;
    font-weight: bold !important;
    padding: 18px 5px !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;
    min-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 #wallCommentInput,
  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;
  }
}


/* ==========================================================
   V73 MOBILE WALL YOUTUBE POPUP EXACT FROM V71
   - keeps V72 wall comments as-is
   - only restores the YouTube link popup mobile layout
   ========================================================== */
@media (max-width: 767px){
  body #wallYoutubeBox{
    position: fixed !important;
    z-index: 1000000 !important;
    left: 50% !important;
    right: auto !important;
    top: 15vh !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: 320px !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 150px) !important;
    margin: 0 !important;
    border: 1px solid #0a4d63 !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
    overflow: hidden !important;
    border-radius: 0 0 10px 10px !important;
    direction: rtl !important;
    background:#101832 !important;
  }
  body #wallYoutubeBox .wall-youtube-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    height:46px !important;
    min-height:46px !important;
    padding:6px 10px !important;
    background:#17677c !important;
    color:#fff !important;
    border-bottom:1px solid rgba(0,0,0,.35) !important;
    font-size:18px !important;
    font-weight:bold !important;
    line-height:1 !important;
    box-sizing:border-box !important;
    visibility:visible !important;
  }
  body #wallYoutubeBox .wall-youtube-title{
    color:#fff !important;
    font-size:18px !important;
    font-weight:bold !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    white-space:nowrap !important;
  }
  body #wallYoutubeBox .wall-youtube-close{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    float:none !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:8px !important;
    border:1px solid rgba(0,0,0,.35) !important;
    background:#d60b0b !important;
    color:#fff !important;
    font-size:30px !important;
    font-weight:bold !important;
    line-height:36px !important;
    text-align:center !important;
    z-index:1000001 !important;
    pointer-events:auto !important;
  }
  body #wallYoutubeBox .wall-youtube-body{
    display:block !important;
    padding:14px 14px 16px !important;
    background:#101832 !important;
    max-height:calc(100vh - 220px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body #wallYoutubeBox .wall-youtube-search-row{
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 0 10px 0 !important;
  }
  body #wallYoutubeBox #wallYoutubeUrl,
  body #wallYoutubeBox #wallYoutubeCaption{
    display:block !important;
    width:100% !important;
    height:38px !important;
    box-sizing:border-box !important;
    border:1px solid #2e4b87 !important;
    border-radius:10px !important;
    background:#081024 !important;
    color:#fff !important;
    padding:6px 10px !important;
    font-size:15px !important;
    outline:none !important;
    margin:0 0 8px 0 !important;
  }
  body #wallYoutubeBox .wall-youtube-search-btn{
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    border:0 !important;
    background:transparent !important;
    color:#b9c9eb !important;
    font-size:22px !important;
  }
  body #wallYoutubeBox .wall-youtube-actions{
    display:block !important;
    text-align:left !important;
    margin-top:4px !important;
  }
  body #wallYoutubeBox .wall-youtube-send{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    background:#1f77b6 !important;
    color:#fff !important;
    border:0 !important;
    border-radius:12px !important;
    padding:6px 12px !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }
}

/* ===== 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 ===== */
@media (max-width:768px){
  #storyViewer .story-main-media{display:none!important;}
  #storyViewer:not(.can-video):not(.can-audio) .story-main-image{display:block!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important;background:#000!important;}
  #storyViewer.can-video .story-main-video{display:block!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important;background:#000!important;}
  #storyViewer.can-audio .story-main-audio{display:block!important;}
  #storyViewer .story-audio-cover{display:none!important;}
  #storyViewer.can-audio .story-audio-cover{display:flex!important;}
  #storyViewer.can-video .story-main-image,#storyViewer.can-audio .story-main-image{display:none!important;}
}
/* ===== END v81 MOBILE STORY IMAGE NOT AUDIO FINAL FIX ===== */

/* ===== v83 YELLOW SYSTEM CHAT 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,
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{
  background:#fff2bd!important;
  background-image:none!important;
  border-top:1px solid #e7c85d!important;
  border-bottom:1px solid #e7c85d!important;
  color:#111!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;
}
@media (max-width:768px){
  .msg.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{
    min-height:34px!important;
  }
  .msg.system-event .u-msg,
  .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{
    font-size:13px!important;
    line-height:20px!important;
    white-space:normal!important;
  }
}
/* ===== END v83 YELLOW SYSTEM CHAT 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;}

@media(max-width:767px){
  body #wallYoutubeBox.wall-youtube-box,
  body #wallYoutubeBox{top:15vh !important;width:320px !important;max-width:calc(100vw - 28px) !important;min-width:0 !important;transform:translateX(-50%) !important;}
  body #wallYoutubeBox .wall-youtube-body{max-height:calc(100vh - 220px) !important;}
  body #wallYoutubeBox .wall-youtube-title{font-size:17px !important;}
  body #wallCommentsPanel.wall-comments-panel,
  body #wallCommentsPanel{left:50% !important;right:auto !important;top:66px !important;transform:translateX(-50%) !important;width:318px !important;max-width:calc(100vw - 28px) !important;height:430px !important;max-height:calc(100vh - 150px) !important;}
}

/* ===== v91 SYSTEM EVENTS VISIBILITY UNDER MIC BAR =====
   Fixes old issue where join/leave/room-move yellow notices were hidden behind the mic bar.
   Applies to desktop and mobile without changing chat functions. */
.dad.fresh-voice-enabled #d2,
body.site-in-room .dad.fresh-voice-enabled #d2{
  padding-top:48px !important;
  scroll-padding-top:52px !important;
  box-sizing:border-box !important;
}
.dad.fresh-voice-enabled #d2 > .msg:first-child,
.dad.fresh-voice-enabled #d2 > .hmsg:first-child,
.dad.fresh-voice-enabled #d2 > .break:first-child{
  margin-top:0 !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{
  background:#fff2bd !important;
  background-image:none !important;
  color:#111 !important;
  border-top:1px solid #e7c85d !important;
  border-bottom:1px solid #e7c85d !important;
  position:relative !important;
  z-index:1 !important;
  min-height:30px !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;
}
@media (max-width:768px){
  .dad.fresh-voice-enabled #d2,
  body.site-in-room .dad.fresh-voice-enabled #d2{
    padding-top:50px !important;
    scroll-padding-top:54px !important;
  }
  #d2 .msg.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{
    min-height:34px !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:rgba(255,255,255,.92) !important;
  color:inherit !important;
  text-shadow:none !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:rgba(255,255,255,.65) !important;
  border-radius:3px !important;
  padding:1px 4px !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 ===== */