/* SoulOne LIVE · Escenario — correction for the original two-column grid.
   v21-hybrid-stage.css has a stronger selector:
   html:not(.soulone-ipad-classic) body>.app:not(.sl-mode-repertoire)>.main-grid
   (specificity 0-4). Its !important 21.5vw+1fr columns overrode the
   earlier single-column stage patches (specificity 0-3).
   Scope this stronger fix to Escenario only, not Completa/Mezcla/Repertorio.
 */
@media (min-width:1000px) and (min-height:580px) and (pointer:fine) {
  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage>.main-grid,
  html:fullscreen body>.app.sl-mode-stage>.main-grid {
    display:grid!important;
    grid-template-areas:"stage"!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:minmax(0,1fr)!important;
    grid-column:1/-1!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage>.main-grid>.live-workspace,
  html:fullscreen body>.app.sl-mode-stage>.main-grid>.live-workspace {
    grid-area:stage!important;
    grid-column:1/-1!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage>.main-grid>.right.live-library-panel,
  html:fullscreen body>.app.sl-mode-stage>.main-grid>.right.live-library-panel {
    display:none!important;
  }

  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage>.main-grid>.live-workspace>.timeline,
  html:fullscreen body>.app.sl-mode-stage>.main-grid>.live-workspace>.timeline {
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage .live-workspace .timeline .wave-row,
  html:fullscreen body>.app.sl-mode-stage .live-workspace .timeline .wave-row {
    grid-template-columns:144px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage .live-workspace .timeline .wave-canvas-wrap,
  html:fullscreen body>.app.sl-mode-stage .live-workspace .timeline .wave-canvas-wrap {
    min-width:0!important;
    width:100%!important;
  }
  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage .live-workspace .timeline .wave-canvas-wrap canvas,
  html:fullscreen body>.app.sl-mode-stage .live-workspace .timeline .wave-canvas-wrap canvas {
    width:100%!important;
    max-width:none!important;
  }
  html:not(.soulone-ipad-classic) body>.app.sl-mode-stage>.main-grid>.live-workspace>.progress-panel,
  html:fullscreen body>.app.sl-mode-stage>.main-grid>.live-workspace>.progress-panel {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}
/* The complete set remains on a scrollable vertical arrangement with
   every waveform spanning the same full-song timeline. */