/* v126 · نوار پایین سه‌ستونه، نشان سطح اتاق، شیت سطح‌ها */

/* ═══ نوار پایین: چپ | هدیه | راست ═══ */
#liveRoom49.vb108 #vb108Bar{ display:grid !important; grid-template-columns:1fr auto 1fr; align-items:end; column-gap:8px; direction:ltr }
/* ترتیب ستون‌ها از خود DOM (چپ، هدیه، راست) — order‌های v125 فقط داخل گروه‌ها */
#liveRoom49.vb108 #vb108Bar > *{ order:0 !important }
#liveRoom49.vb108 #vb108Bar input{ unicode-bidi:plaintext; text-align:start }
#liveRoom49.vb108 #vb108Bar .l126,
#liveRoom49.vb108 #vb108Bar .r126{ display:flex; align-items:center; gap:8px; min-width:0 }
#liveRoom49.vb108 #vb108Bar .l126{ justify-content:flex-start }
#liveRoom49.vb108 #vb108Bar .r126{ justify-content:flex-end }
#liveRoom49.vb108 #vb108Bar .vb108-gift{ justify-self:center }
/* تایپ: فیلد تمام عرض، هدیه و ستون راست کنار می‌روند */
#liveRoom49.vb108 #vb108Bar:has(.vb108-inp:focus-within){ grid-template-columns:1fr }
#liveRoom49.vb108 #vb108Bar:has(.vb108-inp:focus-within) .l126{ grid-column:1 / -1 }
#liveRoom49.vb108 #vb108Bar:has(.vb108-inp:focus-within) .vb108-gift,
#liveRoom49.vb108 #vb108Bar:has(.vb108-inp:focus-within) .r126{ display:none !important }
/* متن نیمه‌کاره: نقطهٔ یادآوری روی دکمهٔ چت */
#liveRoom49.vb108 #vb108Bar.typing:not(:focus-within) .vb108-inp::after{
  content:""; position:absolute; top:7px; right:7px; width:9px; height:9px; border-radius:50%;
  background:#FBBF24; box-shadow:0 0 0 2px #2a1650, 0 0 8px rgba(251,191,36,.8) }
@media (max-width:360px){ #liveRoom49.vb108 #vb108Bar .l126,#liveRoom49.vb108 #vb108Bar .r126{ gap:5px } }

/* ═══ نشان سطح اتاق (جای «۰ / 20K ⭐») ═══ */
#liveRoom49 #star99{ display:none !important }
#lv126{ display:inline-flex; align-items:center; gap:6px; height:30px; box-sizing:border-box; padding:0 12px 0 2px; flex:none;
  border-radius:999px; border:1.5px solid transparent; cursor:pointer; font-family:inherit; direction:ltr;
  background:linear-gradient(135deg,#1E1B4B,#312E81) padding-box,linear-gradient(120deg,#A5B4FC,#FDE68A,#A5B4FC) border-box;
  box-shadow:0 6px 16px rgba(49,46,129,.45), inset 0 1px 0 rgba(255,255,255,.15) }
#lv126:active{ transform:scale(.95) }
#lv126 b{ color:#EEF2FF; font-size:12px; font-weight:900; white-space:nowrap }
.lv126-e{ position:relative; width:26px; height:26px; display:grid; place-items:center; flex:none }
.lv126-e > svg:last-child{ position:relative; z-index:1; filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) }
.lv126-ring{ position:absolute; inset:-1px; width:28px; height:28px; transform:rotate(-90deg) }
.lv126-ring circle{ fill:none; stroke-width:2.6 }
.lv126-ring .bg{ stroke:rgba(255,255,255,.15) }
.lv126-ring .fg{ stroke-linecap:round; transition:stroke-dasharray .6s ease; filter:drop-shadow(0 0 3px currentColor) }
#lv126.max{ background:linear-gradient(135deg,#4C1D95,#7C3AED) padding-box,linear-gradient(120deg,#FDE68A,#F0ABFC,#FDE68A) border-box }
#lv126.pop{ animation:pop126 .7s cubic-bezier(.2,.9,.3,1.5) }
@keyframes pop126{ 0%{ transform:scale(1) } 40%{ transform:scale(1.2) } 100%{ transform:scale(1) } }

/* ═══ شیت سطح‌ها ═══ */
.lv126-hero{ display:flex; flex-direction:column; align-items:center; gap:4px; padding:20px 16px 16px; text-align:center;
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--c1) 70%,#fff),#fff 70%) }
.lv126-hero > svg{ filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--c2) 55%,transparent)); margin-bottom:4px }
.lv126-hero b{ font-size:18px; font-weight:900; color:#1C1917 }
.lv126-hero small{ font-size:12.5px; font-weight:700; color:#78716C }
.lv126-bar{ width:100%; max-width:300px; height:9px; border-radius:99px; background:#F5F5F4; overflow:hidden; margin-top:8px; box-shadow:inset 0 1px 2px rgba(0,0,0,.08) }
.lv126-bar i{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3)) }
.lv126-num{ font-size:11.5px; font-weight:900; color:#A8A29E; direction:ltr }
.lv126-tip{ margin:0; padding:12px 16px; font-size:12px; font-weight:700; color:#78716C; line-height:1.7;
  background:#FFFBEB; border-top:1px solid #FDEBC8; border-bottom:1px solid #FDEBC8 }
.lv126-list{ display:flex; flex-direction:column }
.lv126-row{ display:flex; align-items:center; gap:12px; padding:10px 16px; border-top:1px solid #F5F5F4; opacity:.55 }
.lv126-row:first-child{ border-top:0 }
.lv126-row.got{ opacity:1 }
.lv126-row.next{ opacity:1; background:linear-gradient(90deg,#FFFBEB,#fff) }
.lv126-rt{ flex:1; display:flex; flex-direction:column }
.lv126-rt b{ font-size:14px; font-weight:900; color:#1C1917 }
.lv126-rt small{ font-size:11.5px; font-weight:700; color:#A8A29E }
.lv126-rw{ display:flex; flex-direction:column; align-items:flex-end; font-size:13.5px; font-weight:900; color:#B45309 }
.lv126-rw i{ font-style:normal; font-size:10.5px; font-weight:800; color:#A8A29E }
.lv126-row.got .lv126-rw i{ color:#16A34A }
