/* Wavswap v836: row play/pause visibility only.
 * CSS-only: no playback logic, waveform, downloads, filters, pagination or backend changes.
 */
track-table td.number-column playback-control-button .play-button.visible,
track-table td.number-column playback-control-button .pause-button.visible {
  color: #151922 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

track-table td.number-column playback-control-button .play-button.visible .mat-icon,
track-table td.number-column playback-control-button .pause-button.visible .mat-icon,
track-table td.number-column playback-control-button .play-button.visible svg,
track-table td.number-column playback-control-button .pause-button.visible svg {
  color: #151922 !important;
  fill: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
}

/* Keep the same compact control, but make the icon a touch easier to see. */
track-table td.number-column playback-control-button .play-button.visible .mat-icon,
track-table td.number-column playback-control-button .pause-button.visible .mat-icon,
track-table td.number-column playback-control-button .play-button.visible svg,
track-table td.number-column playback-control-button .pause-button.visible svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  font-size: 18px !important;
  line-height: 18px !important;
}

/* Dark mode keeps strong contrast. */
.be-dark-mode track-table td.number-column playback-control-button .play-button.visible,
.be-dark-mode track-table td.number-column playback-control-button .pause-button.visible,
.be-dark-mode track-table td.number-column playback-control-button .play-button.visible .mat-icon,
.be-dark-mode track-table td.number-column playback-control-button .pause-button.visible .mat-icon,
.be-dark-mode track-table td.number-column playback-control-button .play-button.visible svg,
.be-dark-mode track-table td.number-column playback-control-button .pause-button.visible svg {
  color: #ffffff !important;
}