/* ---------- پخش‌کنندهٔ پیام صوتی ---------- */
.vm-play{
  display:flex; align-items:center; gap:10px; min-width:190px; padding:2px 0;
}
.vm-go{
  width:36px; height:36px; flex:0 0 36px; border-radius:50%; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1;
  background:var(--ch-brand, #3C01AF); color:#fff; font-family:inherit; padding:0;
}
.ch-msg.mine .vm-go{ background:#fff; color:var(--ch-brand, #3C01AF); }
.vm-bar{
  flex:1 1 auto; height:5px; border-radius:999px; cursor:pointer; min-width:70px;
  background:rgba(19,21,44,.14); position:relative; overflow:hidden;
}
.ch-msg.mine .vm-bar{ background:rgba(255,255,255,.32); }
.vm-bar > i{
  position:absolute; inset-block:0; inset-inline-start:0; width:0%;
  background:var(--ch-brand, #3C01AF); border-radius:999px; display:block;
}
.ch-msg.mine .vm-bar > i{ background:#fff; }
.vm-time{
  font-size:11.5px; font-variant-numeric:tabular-nums; flex:0 0 auto;
  color:var(--ch-ink3, #7A8394);
}
.ch-msg.mine .vm-time{ color:rgba(255,255,255,.86); }

/* ---------- دکمهٔ میکروفون ---------- */
.vm-mic{
  width:44px; height:44px; flex:0 0 44px; padding:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; font-size:18px;
  border:1px solid var(--ch-line, #E7EAF1); border-radius:10px;
  background:var(--ch-bg, #F5F6FA); color:inherit; font-family:inherit;
  align-self:flex-end;
}
.vm-mic:hover{ background:var(--ch-brand-soft, rgba(60,1,175,.07)); border-color:var(--ch-brand, #3C01AF); }
.vm-mic.is-on{ background:#B42318; border-color:#B42318; color:#fff; }

/* ---------- نوار ضبط ---------- */
.vm-rec{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:9px 12px; border-radius:10px; margin-bottom:8px;
  background:rgba(180,35,24,.08); font-size:12.5px;
}
.vm-rec[hidden]{ display:none !important; }
.vm-dot{
  width:9px; height:9px; border-radius:50%; background:#B42318; flex:0 0 9px;
  animation:vmPulse 1.1s ease-in-out infinite;
}
@keyframes vmPulse{ 0%,100%{ opacity:1 } 50%{ opacity:.25 } }
.vm-clock{ font-weight:800; font-variant-numeric:tabular-nums; color:#B42318; }
.vm-hint{ color:var(--ch-ink2, #565E70); margin-inline-end:auto; }
.vm-cancel,.vm-send{
  min-height:34px; padding:0 13px; border-radius:8px; cursor:pointer;
  font-family:inherit; font-size:12.5px; font-weight:700; border:1px solid var(--ch-line, #E7EAF1);
  background:var(--ch-paper, #fff); color:var(--ch-ink2, #565E70);
}
.vm-send{ background:var(--ch-brand, #3C01AF); border-color:var(--ch-brand, #3C01AF); color:#fff; }
.vm-cancel:hover{ color:#B42318; border-color:#B42318; }

html[data-theme="dark"] .vm-mic{ background:#1A1D33; border-color:rgba(255,255,255,.14); }
html[data-theme="dark"] .vm-cancel,html[data-theme="dark"] .vm-send{ border-color:rgba(255,255,255,.14); }
html[data-theme="dark"] .vm-cancel{ background:#1A1D33; color:#B7BFCE; }

@media (max-width: 620px){
  .vm-mic{ width:40px; height:40px; flex:0 0 40px; font-size:16px; }
  .vm-play{ min-width:160px; }
  .vm-go{ width:32px; height:32px; flex:0 0 32px; }
}