/* Compact performance controls; the complete management view remains available. */
.spotify-dashboard .dashboard-archive-filters,
.spotify-dashboard .dashboard-play-navigation {
  display: flex;
  gap: 6px;
}
.spotify-dashboard .dashboard-archive-filters { margin-bottom: 10px; }
.spotify-dashboard .dashboard-archive-filters button,
.spotify-dashboard .dashboard-play-navigation button,
.spotify-dashboard .dashboard-archive-button {
  border: 1px solid #ffffff40;
  border-radius: 7px;
  background: #ffffff12;
  color: #f8fafc;
  padding: 7px 10px;
  cursor: pointer;
  font: inherit;
  font-size: .8rem;
}
.spotify-dashboard .dashboard-archive-filters button { flex: 1; }
.spotify-dashboard .dashboard-archive-filters button[aria-pressed="true"] { background: #127c3a; border-color: #25d366; }
.spotify-dashboard .dashboard-archive-button { margin-top: 8px; }
.spotify-dashboard .dashboard-archive-button:disabled { opacity: .6; cursor: wait; }
.spotify-dashboard .dashboard-archive-notice { padding: 10px; margin: 6px 0 10px; border-radius: 7px; background: #14532d; color: #fff; font-size: .85rem; }
.spotify-dashboard .dashboard-archive-notice.error { background: #7f1d1d; }
.spotify-dashboard .dashboard-play-toolbar { margin-bottom: 10px; }
.spotify-dashboard .dashboard-play-event { color: #e2e8f0; font-size: .85rem; font-weight: 600; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.spotify-dashboard .dashboard-play-navigation button { flex: 1; }
.spotify-dashboard .event-card-header { gap: 8px; }
.spotify-dashboard .event-card .dashboard-archive-button { display: block; }

.spotify-dashboard.dashboard-compact { padding: 10px 14px; }
.spotify-dashboard.dashboard-compact .dashboard-header { margin-bottom: 8px; padding-bottom: 8px; gap: 10px; }
.spotify-dashboard.dashboard-compact .header-title-group { min-width: 0; }
.spotify-dashboard.dashboard-compact .header-title-group h1 { margin: 0; font-size: 1.2rem; }
.spotify-dashboard.dashboard-compact .header-title-group .back-btn { display: none; }
.spotify-dashboard.dashboard-compact .dashboard-menu-toggle { display: block; min-height: 32px; padding: 6px 10px; background: #ffffff12; border: 1px solid #ffffff40; border-radius: 7px; color: #fff; }
.spotify-dashboard.dashboard-compact .dashboard-header > .header-actions { display: none; }
.spotify-dashboard.dashboard-compact .dashboard-header > .header-actions.mobile-expanded { display: flex; flex-wrap: wrap; width: 100%; gap: 6px; }
.spotify-dashboard.dashboard-compact .dashboard-header .header-actions button { padding: 6px 9px; font-size: .8rem; }
.spotify-dashboard.dashboard-compact .dashboard-layout { gap: 12px; grid-template-columns: 390px minmax(0, 1fr); }
.spotify-dashboard.dashboard-compact .panel { padding: 10px; }
.spotify-dashboard.dashboard-compact .events-panel { position: sticky; top: 8px; }
.spotify-dashboard.dashboard-compact .spotify-player { padding: 7px 10px; margin-bottom: 8px; border-radius: 8px; }
.spotify-dashboard.dashboard-compact .spotify-user { gap: 8px; font-size: .8rem; }
.spotify-dashboard.dashboard-compact .spotify-user > :first-child { width: 30px; height: 30px; font-size: 26px; }
.spotify-dashboard.dashboard-compact .dashboard-play-toolbar { margin-bottom: 6px; }
.spotify-dashboard.dashboard-compact .dashboard-play-event { margin-bottom: 4px; }
.spotify-dashboard.dashboard-compact .dashboard-play-navigation button { padding: 5px 8px; min-height: 30px; font-size: .76rem; }
.spotify-dashboard.dashboard-compact .events-panel > .rounds-section,
.spotify-dashboard.dashboard-compact .round-songs-section > .back-to-rounds-btn { display: none; }
.spotify-dashboard.dashboard-compact .selected-round-header { padding: 7px 9px; gap: 6px; margin-bottom: 4px; border-radius: 8px; }
.spotify-dashboard.dashboard-compact .selected-round-header-main { gap: 4px; flex: 1; }
.spotify-dashboard.dashboard-compact .selected-round-header h3 { font-size: .88rem; }
.spotify-dashboard.dashboard-compact .selected-round-variant-row { gap: 6px; }
.spotify-dashboard.dashboard-compact .selected-round-variant-row label { font-size: .72rem; }
.spotify-dashboard.dashboard-compact .selected-round-variant-row select { font-size: .75rem; padding: 4px 7px; }
.spotify-dashboard.dashboard-compact .selected-round-header .overview-btn { padding: 6px 8px; min-height: 32px; font-size: .76rem; }
.spotify-dashboard.dashboard-compact .events-panel :is(.qr-scanner-btn-container, .display-secondary-controls) { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 6px 0; gap: 5px; }
.spotify-dashboard.dashboard-compact .events-panel :is(.qr-scanner-btn-container, .display-secondary-controls) > button { min-height: 40px; padding: 6px 5px; font-size: .76rem; line-height: 1.2; border-radius: 6px; }
.spotify-dashboard.dashboard-compact .events-panel .live-display-controls { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; padding: 7px; margin: 4px 0; }
.spotify-dashboard.dashboard-compact .live-display-controls .live-indicator { grid-column: span 2; font-size: .75rem; }
.spotify-dashboard.dashboard-compact .live-display-controls .fade-duration-control { grid-column: span 4; gap: 5px; padding: 3px 5px; font-size: .75rem; justify-self: stretch; }
.spotify-dashboard.dashboard-compact .fade-duration-control input[type="range"] { width: 80px; min-width: 0; flex: 1; }
.spotify-dashboard.dashboard-compact .events-panel .live-display-controls > button { grid-column: span 3; min-height: 34px; padding: 6px 5px; font-size: .8rem; line-height: 1.2; }
.spotify-dashboard.dashboard-compact .events-panel .live-display-controls > .intermission-btn { grid-column: span 2; min-height: 42px; font-size: .75rem; }
.spotify-dashboard.dashboard-compact .events-panel .round-tabs { gap: 5px; padding: 4px; margin: 5px 0 0; }
.spotify-dashboard.dashboard-compact .events-panel .round-tabs > button { min-height: 32px; padding: 5px 8px; font-size: .8rem; }

@media (max-width: 1100px) {
  .spotify-dashboard.dashboard-compact .dashboard-layout { grid-template-columns: minmax(0, 1fr); }
  .spotify-dashboard.dashboard-compact .events-panel { position: static; }
}
@media (max-width: 600px) {
  .spotify-dashboard.dashboard-compact { padding: 8px; }
  .spotify-dashboard.dashboard-compact .panel { padding: 8px; }
  .spotify-dashboard.dashboard-compact .selected-round-variant-row label { display: none; }
  .spotify-dashboard.dashboard-compact .selected-round-variant-row select { font-size: 16px !important; padding: 3px 5px; }
  .spotify-dashboard.dashboard-compact .events-panel .live-display-controls > button { min-height: 40px; }
}