/* Native <audio controls> — avoid transforms (Chromium/Brave paint bug). */

.player-bar,
.player-wrap {
  position: relative;
  border: 1px solid #2a2a2a;
  border-radius: 10px;
  padding: 4px 6px;
  background: #0d0d0d;
}

.player-wrap {
  margin-top: 6px;
}

.player-bar audio,
.player-wrap audio {
  width: 100%;
  display: block;
  height: 32px;
  min-height: 32px;
}

/* WebKit controls sizing for Safari/Chrome/Brave. */
audio::-webkit-media-controls-enclosure {
  height: 2rem !important;
  min-height: 2rem !important;
  border-radius: 10px;
}

audio::-webkit-media-controls-panel {
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 2px;
}