/*
 * MediaPlayerAudio styles — kept OUT of l3-podcast-player.css on purpose.
 * Used by voicemail / voice-note / audio-book callers that mount the built-in bar.
 * Podcast Player L3 draws its own now-playing UI and does NOT rely on these.
 */

.jny-mpa {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 18px;
  background: var(--surface-2, rgba(255,255,255,0.06));
  color: var(--text-1, #eaeaea);
  font: 500 13px/1.2 system-ui, -apple-system, sans-serif;
}

.jny-mpa__pp {
  flex: 0 0 auto;
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 0;
  background: var(--accent, #C8A840);
  color: #111;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jny-mpa__pp:focus-visible { outline: 2px solid var(--accent, #C8A840); outline-offset: 2px; }

.jny-mpa__cur,
.jny-mpa__dur {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
  min-width: 36px;
  text-align: center;
}

.jny-mpa__scrub {
  flex: 1 1 auto;
  height: 4px;
  accent-color: var(--accent, #C8A840);
}

/* Density variants per `kind`. Podcast hides the bar entirely (podcast draws its own). */
.jny-mpa--podcast { display: none; }

.jny-mpa--voicemail {
  /* default compact bar */
}

.jny-mpa--voice-note {
  padding: 4px 8px;
  border-radius: 14px;
}
.jny-mpa--voice-note .jny-mpa__pp { width: 26px; height: 26px; font-size: 12px; }

.jny-mpa--audio-book {
  padding: 10px 14px;
  border-radius: 22px;
}
.jny-mpa--audio-book .jny-mpa__pp { width: 40px; height: 40px; font-size: 16px; }