/* ═══════════════════════════════════════════════════════════════════════════
 *  v481 · کم‌زوم در لایو تصویری سولو، لایو تصویری چندمهمانی و سینما — دنبالهٔ v480 (384)
 *
 *  مشکل: بعد از v480 اتاق صوتی جمع‌وجور شد ولی سه اتاق دیگر هنوز «زوم» بودند: داک لایو تصویری سولو (#vs98Bar از
 *  118/119-v95) طرح قدیمی داشت — خانهٔ پیام سمت راست (RTL)، دکمه‌های ۴۲px یک‌شکل با backdrop-filter، هدیهٔ کوچک وسط؛
 *  پیل کشور (#cty101، 119-v96) ردیفی ۳۰٫۵px می‌خورد؛ کاشی‌های چندمهمانی (179-v135) آواتار ۸۴px و نوار نام ۳۸px داشتند.
 *  سربرگ و کپسول‌های آمار در بخش اول v481 (داخل 384) به این اتاق‌ها رسید؛ سربرگ سینما همان سربرگ اتاق صوتی است
 *  (۵۲px، چیپ ۴۴، دکمه‌های ۳۴، پیل بیننده‌ها یکسان) — پخش‌کننده، نوار کنترل، پنل کرم صندلی‌ها و بودجهٔ ارتفاع
 *  (--cnK/--cnS/--cnR، v479) دست نمی‌خورد؛ این لایه برای سینما قاعده‌ای ندارد.
 *  راه‌حل (فقط CSS؛ رفتار تایپ/ارسال/دکمه‌ها همان قبلی):
 *   • داک سولو با همان زبان داک v480، چپ←راست مستقل از RTL (direction:ltr + order): خانهٔ پیام کشیدهٔ ۳۶px با فیلد
 *     واقعی (#lrChatInp.vs98-field — text-align:start + unicode-bidi:plaintext، بی‌پرش هنگام فوکوس) و ایموجی ۲۸px در
 *     انتهای پیل · دکمه‌های گرد شیشه‌ای ۳۶px (مهمان #vs98Co، منو .win113؛ هر دکمهٔ دیگری که لایه‌ای نشان دهد — mic108
 *     مهمان، PK — وسط ردیف) · هدیهٔ طلایی برجستهٔ ۴۸px سمت راست (گرادیان/سایهٔ .vb108-gift از 384؛ آیکن SVG خودش،
 *     سفید ۲۲px). نشان درخواست .vs98-bdg و نقطهٔ منو سر جای خود (بالا‑راست دکمه)؛ rose/share/flip/more پنهان
 *     می‌مانند (135/137)؛ ارتفاع نوار ۳۶px (هدیه ۱۲px بالاتر) ≤ ۵۰؛ backdrop-filter خاموش مثل 322/384.
 *   • پیل کشور: ردیف 2px 16px 0 + پیل ۲۰px، فونت ۱۰، پین ۱۱px ← ۲۲px به‌جای ۳۰٫۵.
 *   • کاشی‌های چندمهمانی: آواتار ۳۶٪ (≤۶۴px) با همان حلقه، حروف اول کوچک‌تر، نوار نام 12/6/4 با نام
 *     clamp(9.5px,2.6vw,10.5px)، نشان مایک ۱۵px (svg ۱۰)، تگ ۱۷px/۹px (شماره ۹٫۵)، آیکن صندلی خالی ۲۶٪ (≤۴۰px)،
 *     صحنه padding 6px 0 4px — هندسهٔ شبکه (تمام‌عرض، مربع) همان است.
 *  وزن انتخابگر: #liveRoom49.vs98.vs98 #vs98Bar (بالاتر از #vs98Bar .vs98-rb در 137-v113 و .vs98-rb.* در 123/127)،
 *  #liveRoom49.tb101 #cty101، #liveRoom49.mm135 #ms135 .t135؛ !important فقط جایی که پایه دارد (padding صحنهٔ mm135).
 *  بدون :has روی body/html/#liveRoom49، بدون انیمیشن تازه، بدون خواندن اندازه. داک سولو حالت تایپ جدا ندارد
 *  (هنگام فوکوس فقط لبهٔ پیل طلایی می‌شود — همان لبهٔ v480).
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ ۱) داک لایو تصویری سولو: چپ←راست مثل داک v480 — خانهٔ پیام · مهمان · (مایک/PK) · منو · هدیهٔ طلایی ═══ */
#liveRoom49.vs98.vs98 #vs98Bar{
  direction:ltr; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start;
  gap:7px; column-gap:7px; padding:0 12px; isolation:isolate;
  --tr481:rgba(255,214,130,.3) }
/* ترتیب فیزیکی (نوار ltr است: order کوچک = چپ) */
#liveRoom49.vs98.vs98 #vs98Bar > *{ order:4 }
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-inp{ order:1 }
#liveRoom49.vs98.vs98 #vs98Bar > #vs98Co{ order:2; --tr481:rgba(244,114,182,.38) }
#liveRoom49.vs98.vs98 #vs98Bar > .win113{ order:6; --tr481:rgba(167,139,250,.42) }
#liveRoom49.vs98.vs98 #vs98Bar > .mic108{ --tr481:rgba(74,222,128,.38) }
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb.gift{ order:7 }

/* ── خانهٔ پیام: پیل کشیدهٔ تیرهٔ ۳۶px با فیلد واقعی و placeholder؛ ایموجی ۲۸px در انتهای پیل ── */
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-inp{
  flex:1 1 auto; width:auto; min-width:0; height:36px; max-height:36px; box-sizing:border-box; padding:0 4px 0 12px;
  display:flex; align-items:center; gap:4px; position:relative; overflow:hidden; cursor:text; direction:ltr;
  border-radius:999px; border:1px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)) padding-box,
    linear-gradient(rgba(14,6,32,.6), rgba(14,6,32,.6)) padding-box,
    linear-gradient(120deg, rgba(255,214,130,.4), rgba(255,255,255,.1) 50%, rgba(244,114,182,.3)) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(4,0,18,.35);
  -webkit-backdrop-filter:none; backdrop-filter:none }
/* هنگام تایپ: همان پیل با لبهٔ طلایی (تراز متن start است؛ unicode-bidi:plaintext فارسی را از راست و انگلیسی را از چپ می‌چیند — بدون پرش) */
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-inp:focus-within{
  border:1.5px solid transparent;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) padding-box,
    linear-gradient(rgba(28,13,56,.94), rgba(28,13,56,.94)) padding-box,
    linear-gradient(120deg, #FFD65A, #F472B6 60%, #A78BFA) border-box }
#liveRoom49.vs98.vs98 #vs98Bar .vs98-inp > .vs98-field{
  flex:1 1 auto; min-width:0; width:auto; height:100%; background:none; border:0; box-shadow:none; outline:none; padding:0; margin:0;
  font-size:12.5px; font-weight:700; color:#FFF4E0; text-align:start; unicode-bidi:plaintext }
#liveRoom49.vs98.vs98 #vs98Bar .vs98-inp > .vs98-field::placeholder{ color:rgba(255,236,210,.56); font-weight:700; opacity:1 }
#liveRoom49.vs98.vs98 #vs98Bar .vs98-inp > .vs98-em{
  flex:none; width:28px; height:28px; border-radius:50%; color:#FFE9C4;
  background:radial-gradient(120% 110% at 30% 15%, rgba(255,255,255,.18), rgba(255,255,255,.06) 60%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) }
#liveRoom49.vs98.vs98 #vs98Bar .vs98-inp > .vs98-em svg{ width:18px; height:18px }

/* ── دکمه‌های گرد ۳۶px: شیشهٔ تیرهٔ نرم با رنگ‌مایهٔ نقش (همان لایه‌های 384)؛ PK گرادیان خودش را نگه می‌دارد ── */
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb:not(.gift){
  flex:0 0 36px; width:36px; height:36px; min-width:36px; padding:0; position:relative; color:#fff;
  border-radius:50%; border:1px solid transparent; box-sizing:border-box; overflow:visible;
  -webkit-backdrop-filter:none; backdrop-filter:none }
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb:not(.gift):not(.pk109b){
  background:
    radial-gradient(120% 110% at 30% 15%, rgba(255,255,255,.15), rgba(255,255,255,.02) 60%) padding-box,
    radial-gradient(90% 70% at 50% 112%, var(--tr481), rgba(0,0,0,0) 72%) padding-box,
    linear-gradient(180deg, #37226e, #1f1046) padding-box,
    linear-gradient(160deg, var(--tr481), rgba(255,255,255,.08) 55%, rgba(0,0,0,.25)) border-box;
  box-shadow:0 3px 9px rgba(4,0,18,.4), inset 0 -4px 7px rgba(0,0,0,.22) }
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb:not(.gift) > svg{ width:20px; height:20px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)) }
/* حالت‌های قرمز: درخواست مهمان در انتظار (.co.hot از 119) و مایک بستهٔ مهمان (.mic108.off از 123) — مثل مایک بستهٔ v480 */
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb.co.hot,
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb.mic108.off{
  background:
    radial-gradient(120% 110% at 30% 15%, rgba(255,255,255,.3), rgba(255,255,255,0) 60%) padding-box,
    linear-gradient(180deg, #FB7185, #E11D48) padding-box,
    linear-gradient(160deg, #FFE4E6, rgba(225,29,72,.6)) border-box;
  box-shadow:0 0 12px rgba(244,63,94,.45), 0 3px 9px rgba(4,0,18,.4) }
/* نشان تعداد درخواست و نقطهٔ منو: بالا‑راستِ دکمه (نوار ltr است)، کمی ریزتر برای دکمهٔ ۳۶ */
#liveRoom49.vs98.vs98 #vs98Bar .vs98-bdg{ top:-3px; min-width:16px; height:16px; padding:0 4px; font-size:9.5px; border:1.5px solid #1a0d38 }
#liveRoom49.vs98.vs98 #vs98Bar .win113 .dot{ border-color:#1a0d38 }

/* ── هدیه: طلایی برجستهٔ ۴۸px سمت راست، ۱۲px بالاتر از ردیف (گرادیان/سایهٔ .vb108-gift از 384)؛ آیکن SVG خودش سفید ۲۲px ── */
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb.gift{
  flex:0 0 48px; width:48px; height:48px; min-width:48px; margin:-12px 0 0; align-self:center; padding:0;
  position:relative; color:#fff; border:2px solid transparent; border-radius:50%; box-sizing:border-box; overflow:visible;
  background:
    radial-gradient(circle at 32% 22%, #FFFBE6 0%, rgba(255,251,230,0) 36%) padding-box,
    radial-gradient(circle at 50% 40%, #FFE07A 0%, #FFB13D 42%, #FF7A2E 72%, #E8336B 100%) padding-box,
    linear-gradient(160deg, #FFF6D0, #FFB347 50%, #E8336B) border-box;
  box-shadow:0 0 0 2.5px #1a0d38, 0 0 0 4px rgba(255,214,130,.6), 0 6px 14px rgba(255,120,50,.35), 0 10px 20px rgba(4,0,18,.5);
  -webkit-backdrop-filter:none; backdrop-filter:none }
#liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb.gift > svg{ width:22px; height:22px; color:#fff; filter:drop-shadow(0 1px 2px rgba(120,40,0,.45)) }

/* ── گوشی باریک ── */
@media (max-width:359px){
  #liveRoom49.vs98.vs98 #vs98Bar{ padding:0 8px; gap:5px; column-gap:5px }
  #liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb:not(.gift){ flex-basis:34px; width:34px; height:34px; min-width:34px }
  #liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb:not(.gift) > svg{ width:19px; height:19px }
  #liveRoom49.vs98.vs98 #vs98Bar > .vs98-inp{ height:34px; max-height:34px; padding-left:10px }
  #liveRoom49.vs98.vs98 #vs98Bar .vs98-inp > .vs98-field{ font-size:12px }
  #liveRoom49.vs98.vs98 #vs98Bar > .vs98-rb.gift{ flex-basis:46px; width:46px; height:46px; min-width:46px; margin-top:-11px }
}

/* ═══ ۲) پیل کشور (tb101: تصویری سولو + چندمهمانی): ردیف باریک — 2px بالا + پیل ۲۰px = ۲۲px ═══ */
#liveRoom49.tb101 #cty101{ padding:2px 16px 0; display:flex; line-height:1 }
#liveRoom49.tb101 #cty101 .c101{
  height:20px; box-sizing:border-box; padding-inline:7px 9px; gap:3px; align-items:center;
  font-size:10px; line-height:20px; border-radius:999px; background:rgba(0,0,0,.42);
  -webkit-backdrop-filter:none; backdrop-filter:none }
#liveRoom49.tb101 #cty101 .c101 svg{ width:11px; height:11px; flex:none }
#liveRoom49.tb101 #cty101 .c101 b{ font-weight:800; line-height:1 }

/* ═══ ۳) کاشی‌های چندمهمانی: آواتار ۳۶٪ (≤۶۴px)، نوار نام جمع‌تر، نشان‌ها کوچک‌تر — هندسهٔ شبکه دست نمی‌خورد ═══ */
#liveRoom49.mm135.mm135:not(.cn471on) #lrStage{ padding:6px 0 4px !important }
#liveRoom49.mm135 #ms135 .t135 .av135{ width:36%; max-width:64px }
#liveRoom49.mm135 #ms135 .t135 .av135 i{ font-size:clamp(13px,4.8vw,20px) }
#liveRoom49.mm135 #ms135 .t135 .pl135{ padding:12px 6px 4px; gap:4px }
#liveRoom49.mm135 #ms135 .t135 .pl135 b{ font-size:clamp(9.5px,2.6vw,10.5px) }
#liveRoom49.mm135 #ms135 .t135 .pl135 .mc{ width:15px; height:15px }
#liveRoom49.mm135 #ms135 .t135 .pl135 .mc svg{ width:10px; height:10px }
#liveRoom49.mm135 #ms135 .t135 .tag135{ height:17px; padding:0 6px; font-size:9px }
#liveRoom49.mm135 #ms135 .t135 .tag135 svg{ width:10px; height:10px }
#liveRoom49.mm135 #ms135 .t135 .tag135.no{ height:auto; padding:0 2px; font-size:9.5px }
#liveRoom49.mm135 #ms135 .t135 .em135 .ic{ width:26%; max-width:40px }
#liveRoom49.mm135 #ms135 .t135.lk .em135 .ic{ width:23% }