/* ظرفِ نمای «زنده» در اپِ «وی‌کلاب» (S7).
 * فقط چیدمانِ ظرف — ظاهرِ خودِ اتاق در `room.css` است و اینجا دست نمی‌خورد.
 * همه‌چیز زیرِ پیشوندِ `amaudio-` تا با استایل‌های اپ برخورد نکند. */

#view-live {
  /* نوارِ ناوبریِ شناورِ اپ (۷۲ پیکسل + حاشیهٔ امن) نباید روی اتاق بیفتد. */
  padding: 12px 12px calc(104px + env(safe-area-inset-bottom));
}
/* ⚠ «#۲۵»: این قاعده فرض می‌کرد نوارِ پاییِن اپ در دسکتاپ پنهان است — ولی طبقِ قاعدهٔ
   ایستای مالک نوارِ پایین در دسکتاپ هم دیده می‌شود (پیش‌فرضِ data-dnav = both/bottom)،
   پس ۳۲ پیکسل اتاق را زیرِ نوار می‌بُرد. فقط در حالتِ «فقط منوی بالا» فاصله کم می‌شود. */
@media (min-width: 960px) {
  html[data-dnav="top"] #view-live { padding-bottom: 32px; }
}

/* نقطهٔ قرمزِ «الان زنده است» روی تبِ ناوبری. */
.amaudio-tab { position: relative; }
.amaudio-tab__dot {
  position: absolute;
  inset-inline-end: 22%;
  top: 2px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #e0533d;
  box-shadow: 0 0 0 0 rgba(224, 83, 61, .55);
  animation: amaudio-pulse 1.8s infinite;
}
@keyframes amaudio-pulse {
  70%  { box-shadow: 0 0 0 7px rgba(224, 83, 61, 0); }
  100% { box-shadow: 0 0 0 0 rgba(224, 83, 61, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .amaudio-tab__dot { animation: none; }
}

/* حالتِ «هنوز اتاقی نیست». */
.amaudio-empty {
  max-width: 520px;
  margin: 48px auto;
  text-align: center;
  color: #6b7280;
}
.amaudio-empty__ic svg {
  width: 46px; height: 46px;
  opacity: .35;
}
.amaudio-empty p {
  margin-top: 14px;
  font-size: 14px;
  line-height: 2;
}

/* زیرتب‌های تبِ «پادکست»: پادکست | گفت‌وگوی زنده */
.amaudio-sub{display:flex;gap:6px;background:var(--surface-2,#F8FAFD);border:1px solid var(--line,#E6E9F0);
  border-radius:999px;padding:4px;max-width:420px;margin:14px auto 6px}
.amaudio-sub__b{position:relative;flex:1;border:none;background:transparent;cursor:pointer;font-family:inherit;
  font-size:13px;font-weight:700;color:var(--ink-3,#6B7283);padding:9px 12px;border-radius:999px;transition:.16s}
.amaudio-sub__b.is-on{background:var(--surface,#fff);color:var(--accent,#1E3A8A);
  box-shadow:0 1px 2px rgba(20,30,55,.05),0 4px 12px rgba(20,30,55,.06)}
.amaudio-sub__dot{position:absolute;top:7px;inset-inline-start:9px;width:7px;height:7px;border-radius:50%;
  background:#F2674F;box-shadow:0 0 0 0 rgba(242,103,79,.6);animation:amaudio-tabpulse 1.4s infinite}
@keyframes amaudio-tabpulse{0%{box-shadow:0 0 0 0 rgba(242,103,79,.5)}70%{box-shadow:0 0 0 6px rgba(242,103,79,0)}100%{box-shadow:0 0 0 0 rgba(242,103,79,0)}}
.amaudio-pane{min-height:40vh}
/* پخشِ زنده تمام‌صفحه (× خروجِ اتاق → بازگشت به فهرستِ پادکست) */
.amaudio-pane.is-fs{position:fixed;inset:0;z-index:200;background:var(--bg,#F4F6FB);
  overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 44px;margin:0}
.amaudio-fs-x{position:fixed;top:12px;inset-inline-end:12px;z-index:201;width:38px;height:38px;border-radius:50%;
  border:none;cursor:pointer;background:rgba(22,33,58,.82);color:#fff;display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(20,30,55,.28)}
.amaudio-fs-x[hidden]{display:none}
.amaudio-fs-x:hover{background:rgba(22,33,58,.95)}