/* ═══════════════════════════════════════════════════════════════════════════
 *  v112 · پنجرهٔ ابزار لایو، پیام خصوصی داخل لایو، و وضعیت آنلاین واقعی
 * ═══════════════════════════════════════════════════════════════════════════ */

/* دکمهٔ ابزار در نوار پایین لایو تصویری (جای دکمهٔ چرخش دوربین) */
#vs98Bar .vs98-rb.flip102{ display:none !important }
#vs98Bar .more112, #vb108Bar .more112{ position:relative }
#vs98Bar .more112 .dot, #vb108Bar .more112 .dot{
  position:absolute; top:-2px; inset-inline-end:-2px; width:11px; height:11px; border-radius:50%;
  background:#f43f5e; border:2px solid rgba(0,0,0,.35); display:none;
}
#vs98Bar .more112.has .dot, #vb108Bar .more112.has .dot{ display:block }

/* پنجرهٔ ابزار */
#lt112{ position:fixed; inset:0; z-index:10072; background:rgba(0,0,0,.5); display:flex; align-items:flex-end; justify-content:center }
.lt112-c{
  width:100%; max-width:430px; background:#191026; color:#fff; border-radius:22px 22px 0 0;
  padding:14px 12px calc(16px + env(safe-area-inset-bottom)); animation:lt112up .26s cubic-bezier(.2,1,.3,1) both;
}
@keyframes lt112up{ from{ transform:translateY(100%) } }
.lt112-c .g{ width:38px; height:4px; border-radius:99px; background:rgba(255,255,255,.22); margin:0 auto 12px }
.lt112-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px }
.lt112-i{
  border:0; background:rgba(255,255,255,.07); color:#fff; border-radius:18px; padding:12px 4px 10px;
  display:flex; flex-direction:column; align-items:center; gap:6px; cursor:pointer; font-family:inherit;
}
.lt112-i:active{ transform:scale(.95) }
.lt112-i span.e{ font-size:22px; line-height:1 }
.lt112-i b{ font-size:10.5px; font-weight:800; text-align:center; line-height:1.4 }
.lt112-i .n{
  position:absolute; margin:-8px 0 0 20px; min-width:16px; height:16px; border-radius:99px; background:#f43f5e;
  color:#fff; font-size:9px; font-weight:900; display:grid; place-items:center; padding:0 4px;
}

/* کشوی پیام خصوصی داخل لایو */
#dm112{ position:fixed; inset:0; z-index:10074; background:rgba(0,0,0,.45); display:flex; align-items:flex-end; justify-content:center }
#dm112.out{ opacity:0; transition:.2s }
.dm112-c{
  width:100%; max-width:480px; height:76%; display:flex; flex-direction:column; overflow:hidden;
  background:#fff; border-radius:20px 20px 0 0; animation:lt112up .26s cubic-bezier(.2,1,.3,1) both;
}
.dm112-hd{
  flex:0 0 auto; display:flex; align-items:center; gap:9px; padding:10px 12px;
  border-bottom:1px solid #f2efec; background:#fff;
}
.dm112-hd .b{ width:34px; height:34px; flex:0 0 34px; border:0; border-radius:12px; background:#f5f5f4; color:#57534e; font-size:16px; cursor:pointer; display:grid; place-items:center; font-family:inherit }
.dm112-hd .av{ position:relative; width:36px; height:36px; flex:0 0 36px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#fff; font-weight:900 }
.dm112-hd .av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.dm112-hd .t{ flex:1; min-width:0 }
.dm112-hd .t b{ display:block; font-size:14px; font-weight:900; color:#1c1c1e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.dm112-hd .t small{ font-size:10.5px; font-weight:800; color:#a8a29e; display:flex; align-items:center; gap:4px }
.dm112-hd .t small.on{ color:#10b981 }
.dm112-hd .t small.on::before{ content:""; width:6px; height:6px; border-radius:50%; background:#10b981 }
.dm112-body{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; background:#faf9f8 }

/* فهرست گفتگوها */
.dm112-row{ display:flex; align-items:center; gap:10px; padding:10px 12px; cursor:pointer; border-bottom:1px solid #f4f2f0; background:#fff }
.dm112-row:active{ background:#faf7f4 }
.dm112-row .av{ position:relative; width:46px; height:46px; flex:0 0 46px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#fff; font-weight:900; font-size:17px }
.dm112-row .av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.dm112-row .av i.on{ position:absolute; inset-inline-end:1px; bottom:1px; width:11px; height:11px; border-radius:50%; background:#10b981; border:2px solid #fff }
.dm112-row .m{ flex:1; min-width:0 }
.dm112-row .m b{ display:block; font-size:13.5px; font-weight:900; color:#1c1c1e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.dm112-row .m small{ display:block; font-size:11.5px; color:#a8a29e; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.dm112-row .r{ flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:4px }
.dm112-row .r small{ font-size:10px; color:#c7c2bd; font-weight:800 }
.dm112-row .r i{ min-width:18px; height:18px; border-radius:99px; background:#f43f5e; color:#fff; font-size:10px; font-weight:900; display:none; place-items:center; padding:0 5px; font-style:normal }
.dm112-row.unread .r i{ display:grid }
.dm112-empty{ text-align:center; padding:46px 16px; color:#a8a29e }
.dm112-empty span{ font-size:38px; display:block; margin-bottom:8px }
.dm112-empty p{ font-weight:900; color:#57534e; font-size:13px }
.dm112-empty small{ font-size:11.5px }

/* پیام‌ها */
.dm112-msgs{ padding:14px 12px; display:flex; flex-direction:column; gap:7px }
.dm112-b{ max-width:76%; padding:9px 13px; border-radius:16px; font-size:13.5px; line-height:1.7; word-break:break-word; white-space:pre-wrap }
.dm112-b.me{ align-self:flex-end; background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#fff; border-bottom-left-radius:5px }
.dm112-b.you{ align-self:flex-start; background:#fff; color:#1c1c1e; border:1px solid #f0ece8; border-bottom-right-radius:5px }
.dm112-b.pend{ opacity:.55 }
.dm112-b .mt{ display:block; font-size:9.5px; opacity:.65; margin-top:3px; text-align:end }
.dm112-b.media{ padding:4px; background:#fff }
.dm112-b.media img{ display:block; max-width:100%; border-radius:12px }
.dm112-note{ text-align:center; font-size:10.5px; color:#a8a29e; font-weight:800; padding:8px 12px 0 }
.dm112-foot{
  flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:9px 10px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid #f2efec; background:#fff;
}
.dm112-foot input{
  flex:1; min-width:0; border:0; outline:none; background:#f5f5f4; border-radius:99px;
  padding:11px 16px; font-family:inherit; font-size:13.5px; color:#1c1c1e;
}
.dm112-foot button{
  flex:0 0 42px; width:42px; height:42px; border:0; border-radius:50%; cursor:pointer;
  background:linear-gradient(135deg,#FFC940,#FF9E2C); color:#fff; display:grid; place-items:center;
}
.dm112-foot button:disabled{ opacity:.45 }
.dm112-foot button svg{ transform:scaleX(-1) }
[dir="ltr"] .dm112-foot button svg{ transform:none }

/* وضعیت زیر نام در صفحهٔ گفتگو */
#s-room .st112{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:#a8a29e }
#s-room .st112.on{ color:#10b981 }
#s-room .st112 i{ width:7px; height:7px; border-radius:50%; background:currentColor; display:inline-block }