/* css-audio.css — player de mensagem de voz (estilo WhatsApp, cor neon) */
.audio-player {
  display: flex; align-items: center; gap: 10px;
  background: rgba(13,17,23,.85);
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: 10px 16px;
  width: 80%;
  box-shadow: 0 0 14px rgba(0,255,255,.12);
}
.msg-row.user .audio-player { margin-right: 5px; }
.msg-row.ai   .audio-player { margin-left: 5px; }

.play-pause-btn {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--neon-cyan), var(--neon-mag));
  border: none;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; flex-shrink: 0;
  transition: transform .15s;
  box-shadow: 0 0 12px rgba(0,255,255,.4);
}
.play-pause-btn:hover { transform: scale(1.1); }
.play-pause-btn svg { width: 13px; height: 13px; fill: #05060f; }

.waveform {
  display: flex; align-items: center; gap: 2.5px;
  flex: 1; height: 30px;
}
.wv {
  width: 3px; border-radius: 2px;
  background: var(--neon-cyan); opacity: .55;
  animation: wvAnim 1.4s ease-in-out infinite;
}
.wv:nth-child(1)  { height:5px;  animation-delay:.00s; }
.wv:nth-child(2)  { height:15px; animation-delay:.10s; }
.wv:nth-child(3)  { height:24px; animation-delay:.20s; }
.wv:nth-child(4)  { height:11px; animation-delay:.30s; }
.wv:nth-child(5)  { height:20px; animation-delay:.15s; }
.wv:nth-child(6)  { height:7px;  animation-delay:.25s; }
.wv:nth-child(7)  { height:22px; animation-delay:.05s; }
.wv:nth-child(8)  { height:13px; animation-delay:.35s; }
.wv:nth-child(9)  { height:18px; animation-delay:.12s; }
.wv:nth-child(10) { height:6px;  animation-delay:.22s; }
.wv:nth-child(11) { height:21px; animation-delay:.08s; }
.wv:nth-child(12) { height:9px;  animation-delay:.28s; }
@keyframes wvAnim {
  0%,100% { transform:scaleY(1);   opacity:.45; }
  50%     { transform:scaleY(1.9); opacity:.95; }
}
.audio-player.paused .wv { animation-play-state: paused; }
.audio-time {
  font-size: 11px; color: var(--muted);
  flex-shrink: 0; font-variant-numeric: tabular-nums;
}