/* ═══════════════════════════════════════════════════════════════════════════
 *  v207 · دو ردیف بالای لایو هیچ‌وقت از عرض صفحه بیرون نزنند
 *
 *  با آمدن بیننده‌های بیشتر، بزرگ شدن عدد هدیهٔ میزبان (5.7K → 1.1M) و
 *  آمدن نشان «برترین هدیه‌دهنده» بعد از اولین هدیه، این دو ردیف از عرض
 *  گوشی بزرگ‌تر می‌شدند. روی اندروید یک طرف ردیف (دکمه‌های اشتراک/خروج و
 *  نشان آخر) بیرون از صفحه می‌ماند.
 *  • ردیف ۱: چیپ میزبان جمع‌شدنی است (نام با «…»)؛ بیننده‌ها و دکمه‌ها ثابت.
 *  • ردیف ۲: نشان‌ها اندازهٔ خودشان را نگه می‌دارند؛ اگر جا نشد با کشیدن
 *    انگشت به کنار می‌روند (بدون نوار اسکرول)، نه اینکه بیرون بمانند.
 *  • خود اتاق عرض اضافه نمی‌سازد (صفحه روی اندروید جابه‌جا نمی‌شود).
 * ═══════════════════════════════════════════════════════════════════════════ */
#liveRoom49{ overflow-x:hidden; overflow-x:clip }

/* ردیف ۱ — میزبان، بیننده‌ها، اشتراک، خروج */
#liveRoom49 > .px-4.pt-4{ min-width:0; max-width:100%; box-sizing:border-box; flex-wrap:nowrap }
#liveRoom49 > .px-4.pt-4 > *{ flex-shrink:0 }
#liveRoom49 > .px-4.pt-4 > .flex-1{ flex:1 1 0; min-width:0 }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip{ flex:0 1 auto; min-width:0 }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > *{ flex-shrink:0 }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > div:nth-child(2){ flex:0 1 auto; min-width:0 }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > div:nth-child(2) > p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

/* ردیف ۲ — این ساعت، سطح، آتش، برترین هدیه‌دهنده */
#liveRoom49 > .px-4.mt-2\.5{
  max-width:100%; box-sizing:border-box; flex-wrap:nowrap;
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
  /* جای سایه/درخشش نشان‌ها که با اسکرول‌پذیر شدن ردیف بریده نشود */
  padding-top:8px; padding-bottom:10px; margin-top:2px; margin-bottom:-10px;
}
#liveRoom49 > .px-4.mt-2\.5::-webkit-scrollbar{ display:none }
#liveRoom49 > .px-4.mt-2\.5 > *{ flex-shrink:0 }
#liveRoom49 > .px-4.mt-2\.5 > .flex-1{ flex:1 1 0; min-width:0 }
#liveRoom49 #lrTopGifter .lr-topg{ white-space:nowrap }
/* نام میزبان کمی جا داشته باشد؛ در گوشی‌های باریک بیننده‌ها فشرده‌تر روی هم بنشینند */
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > div:nth-child(2){ min-width:42px }
@media (max-width:380px){
  #liveRoom49 > .px-4.pt-4{ gap:6px !important; padding-left:12px !important; padding-right:12px !important }
  #liveRoom49 #vs125 .va125 + .va125{ margin-left:-14px }
  #liveRoom49 > .px-4.pt-4 > .lr-hostchip .gv74{ padding:1px 5px; margin-inline-start:2px }
}
/* آواتار بینندهٔ اضافه وقتی جا نیست (229-v207.js) */
#liveRoom49 #vs125 .va125.h207{ display:none }
#liveRoom49 > .px-4.pt-4.m207 > .lr-hostchip{ flex-shrink:0 !important }
#liveRoom49 > .px-4.pt-4.m207 > .lr-hostchip > div:nth-child(2){ flex-shrink:0 !important; max-width:74px !important }

/* ═══ v208: نشان «🎁 هدیه‌های میزبان» (gv74) دیگر داخل بیضی چیپ کنار دکمهٔ دنبال کردن نیست ═══
 *  کنار «+» جا نداشت، کشیده و نصفه دیده می‌شد. حالا مثل نشان صندلی‌ها
 *  زیر عکس میزبان می‌نشیند و هیچ عرضی از ردیف نمی‌گیرد.  */
#liveRoom49 .lr-hostchip{ position:relative }
#liveRoom49 .lr-hostchip > .gv74{
  position:absolute; z-index:3; bottom:-8px; inset-inline-start:23px; transform:translateX(-50%);
  margin:0 !important; padding:0 6px !important; height:15px; line-height:13px; font-size:8.5px !important;
  white-space:nowrap; pointer-events:none; box-sizing:border-box;
}
[dir=rtl] #liveRoom49 .lr-hostchip > .gv74{ transform:translateX(50%) }
#liveRoom49.tb101 .lr-hostchip > .gv74{ inset-inline-start:22px }

/* ═══ v311 · ردیف بالای لایو: «+» هیچ‌وقت از چیپ میزبان بیرون نزند، فاصله‌ها مرتب ═══
 *  چیپ جمع می‌شد ولی بچه‌هایش نه (فقط نام «…» داشت، آیدی نه) → «+» از لبهٔ چیپ بیرون
 *  می‌زد و به آواتار بیننده‌ها می‌چسبید. حالا بلوک نام/آیدی جمع می‌شود و «+» داخل چیپ می‌ماند. */
#liveRoom49 > .px-4.pt-4{ gap:8px !important }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip{ flex:0 1 auto !important; min-width:0 !important; max-width:58%; gap:6px; padding-inline-end:5px !important; box-sizing:border-box }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > div:nth-child(2){ flex:1 1 auto !important; min-width:0 !important; max-width:none !important; overflow:hidden }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > div:nth-child(2) > *{ min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
#liveRoom49 > .px-4.pt-4 > .lr-hostchip > #fol103{ margin-inline-start:0; flex:0 0 28px }
@media (max-width:380px){
  #liveRoom49 > .px-4.pt-4{ gap:6px !important }
  #liveRoom49 > .px-4.pt-4 > .lr-hostchip{ max-width:56% }
}