/* Folha do Som (ui/sound-view.js): os dois volumes e o Silenciar tudo. */
.overlay--sound {
  z-index: 16;
  background: rgba(9, 7, 20, 0.8);
  cursor: default;
}

.sound-card {
  gap: 12px;
  width: min(340px, 100%);
}

.sound-row {
  display: grid;
  grid-template-columns: 64px 1fr 44px;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.sound-range {
  width: 100%;
  height: 32px;
  accent-color: #9a66ff;
  touch-action: none;
}

.sound-value {
  color: var(--text);
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 400;
  text-align: right;
}

.sound-card.is-muted .sound-range,
.sound-card.is-muted .sound-value {
  opacity: 0.45;
}

.sound-card .overlay-actions {
  width: 100%;
}

.sound-card [data-action="mute"][aria-pressed="true"] {
  background: linear-gradient(#a8505c, #74303d);
}