/* Dashboard-only corrections; preserve the shared music-card and print styles. */
.spotify-dashboard .right-song-item .song-info {
  align-items: flex-start;
  text-align: left;
}

.spotify-dashboard .right-song-item .song-title {
  display: block;
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  -webkit-line-clamp: unset;
}

.spotify-dashboard .right-song-item .song-artist {
  display: block;
  color: #cbd5e1;
  max-width: 100%;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  -webkit-line-clamp: unset;
}

/* Let the page scroll instead of clipping controls inside nested fixed panels. */
.spotify-dashboard .dashboard-layout {
  height: auto;
  align-items: start;
}

.spotify-dashboard .panel.events-panel {
  height: auto;
  min-height: 0;
  max-height: none;
  min-width: 0;
  overflow: visible;
}

.spotify-dashboard .events-panel > .rounds-section,
.spotify-dashboard .events-panel > .round-songs-section {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  overflow: visible;
}

.spotify-dashboard .events-panel button {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.spotify-dashboard .events-panel :is(.selected-event-header, .selected-round-header, .panel-header) {
  flex-wrap: wrap;
  gap: 10px;
}

.spotify-dashboard .events-panel .selected-round-header-main,
.spotify-dashboard .events-panel .selected-round-variant-row {
  min-width: 0;
  max-width: 100%;
}

.spotify-dashboard .events-panel .selected-round-variant-row {
  flex-wrap: wrap;
}

.spotify-dashboard .events-panel .selected-round-variant-row select {
  min-width: 0;
  max-width: 100%;
}

.spotify-dashboard .events-panel :is(.qr-scanner-btn-container, .display-secondary-controls) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 8px;
  padding: 12px 0;
}

.spotify-dashboard .events-panel :is(.qr-scanner-btn-container, .display-secondary-controls) > button {
  width: 100%;
  height: auto;
  min-height: 44px;
  padding: 10px 12px;
}

.spotify-dashboard .events-panel .live-display-controls {
  gap: 8px;
  min-width: 0;
}

.spotify-dashboard .events-panel .live-display-controls > button {
  flex: 1 1 140px;
  height: auto;
  min-height: 44px;
  padding: 10px 12px;
}

.spotify-dashboard .events-panel .fade-duration-control {
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
}

.spotify-dashboard .events-panel .round-tabs {
  flex-wrap: wrap;
  overflow: visible;
}

.spotify-dashboard .events-panel .round-tabs > button {
  flex: 1 1 100px;
  height: auto;
  min-height: 44px;
}