/* Recovery belongs to the existing control row, outside the picture. Keep this
   player-only adjustment separate from the main player stylesheet. */
.video-controls .control-actions {
  display: flex;
  align-items: center;
  min-width: 0;
}

.video-controls .control-actions > button,
.video-controls .playback-action { flex: 0 0 auto; }

.video-controls .control-actions input[type="range"] {
  flex: 1 1 126px;
  min-width: 28px;
  max-width: 130px;
}

.video-controls .playback-action {
  position: static;
  width: auto;
  max-width: none;
  max-height: none;
  flex-wrap: nowrap;
  overflow: visible;
  gap: 4px;
}

.video-controls #resumePlaybackButton {
  padding: 0;
  min-height: var(--sidebar-button-size);
  border-radius: 8px;
  background: var(--panel-soft);
}

.app-shell .video-controls.quiet-status {
  --actions-min-width: 228px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.video-controls.quiet-status .playback-status { display: none; }