/* Briefing audio TTS · #74 · WOW D */

.audio-briefing {
  background: linear-gradient(135deg, #f0f7ff 0%, #fff 100%);
  border: 1px solid #cfe1ff;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 10px;
}
.audio-briefing.audio-vacio { align-items: flex-start; }
.audio-el { width: 100%; height: 40px; }
.audio-meta {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
  font-size: 13px; color: #506080;
}
.audio-dur { font-weight: 600; }
.audio-vel { display: inline-flex; align-items: center; gap: 4px; }
.audio-vel-btn {
  border: 1px solid #c0d0e8;
  background: #fff;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  color: #506080;
}
.audio-vel-btn[aria-pressed="true"] {
  background: var(--brand); color: #fff; border-color: var(--brand); font-weight: 600;
}
.audio-vel-btn:hover { background: #e7efff; }
.audio-vel-btn[aria-pressed="true"]:hover { background: var(--brand-dark); }
.audio-hint { font-size: 12px; color: #506080; margin: 4px 0 0; }
.audio-loading { font-size: 13px; color: #506080; padding: 8px 0; }
.audio-error {
  background: #fff3f3; border-color: #e8b8b8; color: #a32d2d;
  display: flex; align-items: center; gap: 12px;
}

/* En Modo intervención el player se ve sobre fondo oscuro */
body.iv-dark .audio-briefing {
  background: linear-gradient(135deg, #0e1a2e 0%, #131826 100%);
  border-color: #1a2a44;
}
body.iv-dark .audio-meta { color: #98a3b8; }
body.iv-dark .audio-vel-btn { background: #1a2230; color: #b8c4d6; border-color: #2a3548; }
body.iv-dark .audio-vel-btn[aria-pressed="true"] { background: var(--brand); color:#fff; border-color: var(--brand); }
body.iv-dark .audio-hint { color: #98a3b8; }