/* اتاقِ صوتیِ زنده + پخش‌کنندهٔ نسخهٔ ضبط‌شده — هم‌زبان با «وی‌کلاب»
 * (آبیِ سرمه‌ای/مرجانی/سطوحِ سفید؛ توکن‌ها از tokens.css).
 * همه‌چیز زیرِ .amaudio نام‌فضا شده تا تمِ میزبان دست‌نخورده بماند و از تم هم آسیب نبیند.
 * سرعتِ پخش عمداً در جلسهٔ زنده نیست (از لبهٔ زنده جلو می‌افتی) — فقط در نسخهٔ ضبط‌شده.
 */
.amaudio{
  /* نگاشتِ نام‌های قدیمی به پالتِ جدید (بدونِ بازچینشِ لِی‌اوت) */
  --am-paper:var(--surface-2); --am-paper2:var(--surface); --am-line:var(--line);
  --am-ink:var(--ink); --am-muted:var(--ink-3); --am-accent:var(--accent);
  --am-live:var(--live); --am-q:#2F6FE0; --am-ok:#2E9E6B;
  box-sizing:border-box; max-width:560px; margin:0 auto; padding:22px;
  background:var(--surface); color:var(--ink); border:1px solid var(--line);
  border-radius:var(--radius-lg); font-family:var(--font-ui);
  line-height:1.7; box-shadow:var(--sh-2); -webkit-font-smoothing:antialiased;
}
.amaudio *,.amaudio *::before,.amaudio *::after{box-sizing:inherit}
.amaudio--empty{text-align:center;color:var(--am-muted);padding:28px}

/* ---- کاورِ نسخهٔ ضبط‌شده (هیروِ صفحهٔ تک‌پادکست) ---- */
.amaudio__cover{display:block;width:100%;aspect-ratio:16/7;border-radius:var(--radius-md);overflow:hidden;
  margin-bottom:18px;box-shadow:inset 0 0 0 1px var(--line)}
.amaudio__cover img{width:100%;height:100%;object-fit:cover;display:block}
.amaudio__cover.is-mono{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,hsl(var(--h),58%,42%),hsl(calc(var(--h) + 28),64%,54%));box-shadow:none}
.amaudio__cover.is-mono span{color:#fff;font-size:64px;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.2)}

/* ---- سرصفحه: موضوعِ جلسه ---- */
.amaudio__topic{margin-bottom:20px}
.amaudio__topic-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.amaudio__badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;
  padding:5px 12px;border-radius:999px;background:#EEF1F7;color:var(--am-muted)}
.amaudio__badge i{width:8px;height:8px;border-radius:50%;background:var(--am-muted)}
.amaudio__badge[data-live="1"]{background:rgba(242,103,79,.12);color:var(--am-live)}
.amaudio__badge[data-live="1"] i{background:var(--am-live);animation:amaudio-pulse 1.3s infinite}
@keyframes amaudio-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.amaudio__clock{font-size:12px;color:var(--am-muted);font-variant-numeric:tabular-nums}
.amaudio__title{margin:0 0 6px;font-size:24px;font-weight:800;letter-spacing:-.3px;line-height:1.4}
.amaudio__desc{margin:0;font-size:14.5px;color:var(--ink-2);line-height:1.85}
/* RSVP «یادم بنداز» — دکمهٔ جلسهٔ آتی */
.amaudio__rsvp{margin-top:12px;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--brand,#6b4fbb);background:transparent;color:var(--brand,#6b4fbb);border-radius:999px;padding:7px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.amaudio__rsvp:hover{background:color-mix(in srgb,var(--brand,#6b4fbb) 10%,transparent)}
.amaudio__rsvp.is-on{background:var(--brand,#6b4fbb);color:#fff}
.amaudio__rsvp:disabled{opacity:.6;cursor:default}

/* ---- گوینده + حاضرین: شبکهٔ آواتارهای گرد با نام ---- */
.amaudio__people{background:var(--am-paper2);border:1px solid var(--am-line);border-radius:var(--radius-md);
  padding:18px 14px;margin-bottom:16px;box-shadow:var(--sh-1)}
.amaudio__people-h{font-size:11.5px;color:var(--am-muted);margin:0 0 12px;font-weight:600}
.amaudio__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px 6px;justify-items:center}
.amaudio__person{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;
  animation:amaudio-pop .3s cubic-bezier(.2,.9,.3,1.3)}
.amaudio__ava{position:relative;width:60px;height:60px;border-radius:50%;background:var(--accent-tint);
  object-fit:cover;display:block;border:2px solid transparent}
.amaudio__person--host .amaudio__ava{border-color:var(--am-accent);box-shadow:0 0 0 3px rgba(30,58,138,.15)}
.amaudio__person span{font-size:11.5px;color:var(--am-ink);max-width:74px;text-align:center;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amaudio__person--host span{font-weight:700}
.amaudio__mic{position:absolute;inset-inline-end:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;
  background:var(--am-accent);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--am-paper2)}
.amaudio__more{width:60px;height:60px;border-radius:50%;background:#EEF1F7;color:var(--am-muted);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
@keyframes amaudio-pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.amaudio__people-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;
  padding-top:12px;border-top:1px solid var(--am-line)}
.amaudio__count{font-size:12.5px;color:var(--am-muted)}
.amaudio__anon{font-size:11.5px;color:var(--am-muted);display:flex;align-items:center;gap:5px;cursor:pointer}

/* ---- نوارِ کنترل — المانِ کنترلی چپ‌به‌راست ---- */
.amaudio__bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;direction:ltr}
.amaudio__play{flex:1;border:none;border-radius:var(--radius-md);cursor:pointer;padding:14px;
  background:var(--signature);color:#fff;font-family:inherit;font-size:15px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--accent-glow);
  transition:transform .12s,box-shadow .2s}
.amaudio__play:hover{transform:translateY(-1px)}
.amaudio__play:disabled{background:#D3DAE8;color:#9AA3B8;cursor:not-allowed;box-shadow:none;transform:none}
.amaudio__live-edge{background:var(--surface);border:1px solid var(--am-line);color:var(--am-muted);
  border-radius:var(--radius-sm);padding:12px 14px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap;
  transition:color .16s,border-color .16s}
.amaudio__live-edge:hover{color:var(--am-accent);border-color:var(--accent-tint-bd)}
.amaudio__live-edge.is-behind{color:var(--am-live);border-color:rgba(242,103,79,.4)}
.amaudio__stagemeta{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}
.amaudio__state{font-size:13px;color:var(--am-ink)}
.amaudio__latency{font-size:11px;color:var(--am-muted)}
.amaudio__audio{display:none}

/* ---- گیت (بی‌ریدایرکت) ---- */
.amaudio__gate{background:#FFF1EE;border:1px solid #F8C9BE;border-radius:var(--radius-md);
  padding:16px;text-align:center;margin-bottom:16px}
.amaudio__gate p{margin:0 0 12px;font-size:13.5px;color:var(--ink-2)}
.amaudio__gate a,.amaudio__gate button{display:inline-block;background:var(--signature);color:#fff;
  border:none;border-radius:var(--radius-sm);padding:10px 18px;font-weight:700;font-size:13px;
  text-decoration:none;cursor:pointer;font-family:inherit;box-shadow:var(--sh-grad)}

/* ---- گفت‌وگو و سؤال ---- */
.amaudio__tabs{display:flex;gap:8px;margin-bottom:10px}
.amaudio__tabs button{flex:1;background:var(--surface);border:1px solid var(--am-line);color:var(--am-muted);
  border-radius:999px;padding:8px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:all .16s}
.amaudio__tabs button.is-active{background:var(--signature);color:#fff;border-color:transparent;box-shadow:var(--sh-grad)}
.amaudio__feed{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.amaudio__msg{background:var(--am-paper2);border:1px solid var(--am-line);border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;line-height:1.75}
.amaudio__msg.is-q{border-color:rgba(47,111,224,.35);background:rgba(47,111,224,.06)}
.amaudio__msg.is-answered{border-color:rgba(46,158,107,.45)}
.amaudio__msg-who{display:flex;align-items:center;gap:7px;margin-bottom:3px}
.amaudio__msg-who img{width:20px;height:20px;border-radius:50%}
.amaudio__msg-who b{font-size:11.5px;color:var(--am-muted);font-weight:700}
.amaudio__pill{font-size:10px;padding:2px 7px;border-radius:999px;background:rgba(47,111,224,.14);color:var(--am-q);font-weight:700}
.amaudio__msg.is-answered .amaudio__pill:last-child{background:rgba(46,158,107,.14);color:var(--am-ok)}
.amaudio__composer{display:flex;gap:7px;align-items:center}
.amaudio__qtoggle{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--am-muted);
  border:1px solid var(--am-line);border-radius:999px;padding:8px 11px;cursor:pointer;white-space:nowrap}
.amaudio__qtoggle:has(input:checked){color:var(--am-q);border-color:rgba(47,111,224,.5);background:rgba(47,111,224,.08)}
.amaudio__qtoggle input{accent-color:var(--am-q)}
.amaudio__input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--am-line);
  border-radius:999px;color:var(--am-ink);padding:11px 14px;font-family:inherit;font-size:13.5px}
.amaudio__input:focus{outline:none;border-color:var(--accent-tint-bd);box-shadow:0 0 0 3px var(--accent-tint)}
.amaudio__send{background:var(--signature);border:none;color:#fff;
  border-radius:999px;padding:11px 16px;font-size:12.5px;cursor:pointer;font-family:inherit;font-weight:700}
.amaudio__send:disabled{opacity:.4;cursor:not-allowed}
.amaudio__hint{font-size:11.5px;color:var(--am-muted);margin:8px 0 0;min-height:15px;text-align:center}

/* ---- حالت‌های فشرده ---- */
.amaudio--compact .amaudio__social{display:none}
.amaudio--compact.is-open .amaudio__social{display:block}
.amaudio--compact .amaudio__grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}
.amaudio--compact .amaudio__ava,.amaudio--compact .amaudio__more{width:46px;height:46px}
.amaudio--mini{padding:14px;max-width:360px}
.amaudio--mini .amaudio__people,.amaudio--mini .amaudio__social,
.amaudio--mini .amaudio__desc,.amaudio--mini .amaudio__live-edge,.amaudio--mini .amaudio__cover{display:none}
.amaudio--mini .amaudio__title{font-size:16px;margin-bottom:2px}
.amaudio--mini .amaudio__play{padding:11px;font-size:14px}

/* ---- پخش‌کنندهٔ نسخهٔ ضبط‌شده: نوارِ زمانِ سفارشی (به‌جای <audio controls>) ---- */
.amaudio__audio{display:none}
.amaudio__transport{display:flex;align-items:center;gap:12px;background:var(--surface-2);
  border:1px solid var(--am-line);border-radius:var(--radius-md);padding:10px 14px;margin:10px 0 14px;direction:ltr}
.amaudio__seek{position:relative;flex:1;height:8px;border-radius:999px;background:var(--line-2);cursor:pointer;touch-action:none;outline:none}
.amaudio__seek:focus-visible{box-shadow:0 0 0 3px var(--accent-tint)}
.amaudio__fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:999px;background:var(--signature);pointer-events:none}
.amaudio__knob{position:absolute;top:50%;inset-inline-start:0;width:15px;height:15px;border-radius:50%;
  /* ⚠ «#۲۵»: `translate(50%,…)` بازماندهٔ چیدمانِ راست‌به‌چپ بود؛ بعد از LTR شدنِ نوارِ زمان
     (`.amaudio__transport{direction:ltr}`) دستهٔ نوار یک عرضِ کامل جلوتر از موقعیتِ واقعی
     می‌نشست. مقدارِ درستِ هم‌مرکز = -۵۰٪ (دقیقاً مثلِ `.ampod__knob` در podcasts.css). */
  background:#fff;box-shadow:0 1px 4px rgba(20,30,55,.35),0 0 0 1px var(--accent);transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;pointer-events:none}
.amaudio__transport:hover .amaudio__knob,.amaudio__seek:focus-visible .amaudio__knob{opacity:1}
.amaudio__time{flex:0 0 auto;font-size:12px;color:var(--am-muted);font-variant-numeric:tabular-nums;display:flex;gap:4px;align-items:center}
.amaudio__time .amaudio__cur{color:var(--am-ink);font-weight:700}
.amaudio__time .amaudio__sep{opacity:.5}
.amaudio--replay .amaudio__bar{gap:8px}
.amaudio__speed{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--am-muted);
  border:1px solid var(--am-line);border-radius:var(--radius-sm);padding:10px 12px;white-space:nowrap;background:var(--surface)}
.amaudio__speed select{background:transparent;border:none;color:var(--am-ink);font-family:inherit;font-size:12px;cursor:pointer}
.amaudio__speed select:focus{outline:none}
.amaudio__dl{background:var(--surface);border:1px solid var(--am-line);color:var(--am-muted);border-radius:var(--radius-sm);
  padding:12px 14px;font-size:12px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .16s,border-color .16s}
.amaudio__dl:hover{color:var(--am-accent);border-color:var(--accent-tint-bd)}
.amaudio__cmt-toggle{width:100%;background:var(--surface);border:1px solid var(--am-line);color:var(--am-muted);
  border-radius:999px;padding:9px;font-size:12.5px;cursor:pointer;font-family:inherit;margin-bottom:10px}
.amaudio__previewnote{color:var(--am-live);font-weight:600}

/* خروج از اتاق (§20) */
.amaudio__headright{display:flex;align-items:center;gap:8px}
.amaudio__exit{background:transparent;border:1px solid var(--am-line);color:var(--am-muted);
  border-radius:50%;width:26px;height:26px;line-height:1;cursor:pointer;font-size:13px;font-family:inherit}
.amaudio__exit:hover{color:var(--am-ink);border-color:var(--accent-tint-bd)}