/* 303box 2000 — final cascade authority. Loaded last by the atomic runtime. */

/* Pattern panel: no late geometry changes. */
#patternSheet .sheet-meta{display:none!important}
#patternSheet .hardware-strip{display:grid!important;grid-template-columns:148px 178px minmax(580px,1fr)!important;align-items:stretch!important;min-height:258px!important;background:#1d1f24!important}
#patternSheet .waveform-module,#patternSheet .tempo-module{height:100%!important;min-width:0!important;align-self:stretch!important}
#patternSheet .tempo-module{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:13px 10px!important}
#patternSheet #knobGrid{display:grid!important;grid-template-columns:repeat(5,minmax(112px,1fr))!important;grid-template-rows:repeat(2,129px)!important;grid-auto-flow:row!important;gap:0!important;align-items:stretch!important;padding:0!important;min-width:580px!important;min-height:258px!important;background:#1b1d22!important}
#patternSheet #knobGrid .knob,#patternSheet #knobGrid .fx-knob,#patternSheet #knobGrid .fx-reverb{box-sizing:border-box!important;min-width:0!important;width:100%!important;height:129px!important;min-height:129px!important;margin:0!important;padding:10px 5px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;border-left:1px solid #41444d!important;border-bottom:1px solid #373a42!important;background:#1b1d22!important}
#patternSheet #knobGrid .knob-control{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;flex:0 0 66px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#patternSheet #knobGrid .knob-control svg{width:66px!important;height:66px!important;display:block!important;overflow:visible!important}
#patternSheet #knobGrid .knob-title,#patternSheet #knobGrid .knob-value{width:100%!important;text-align:center!important}
#patternSheet #knobGrid .knob-title{min-height:15px!important;margin:0 0 3px!important;font-size:.52rem!important;line-height:1!important;white-space:nowrap!important}
#patternSheet #knobGrid .knob-value{margin-top:3px!important;min-height:12px!important;font-size:.49rem!important}
#hardwareScopeSlot,.hardware-scope-slot,.sheet-io{display:none!important}

/* 303 actions physically belong to the pattern card; rhythm starts immediately after. */
.workspace.shell .pattern-control-panel{margin:-1px 0 8px!important;padding:9px!important;border:1px solid #41444d!important;border-top-color:#343740!important;border-radius:0 0 14px 14px!important;background:#181a1e!important;box-shadow:none!important}
.workspace.shell .pattern-card-wrap{margin-bottom:0!important;border-radius:14px 14px 0 0!important;overflow:hidden!important}
.workspace.shell .pattern-actions,.drum-machine.integrated-rhythm .drum-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.workspace.shell .pattern-actions>*,.drum-machine.integrated-rhythm .drum-actions>*{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;margin:0!important}
.workspace.shell .pattern-control-panel::after,.workspace.shell .pattern-control-panel+hr,.workspace.shell hr,.integrated-rhythm-label::before{display:none!important}
.workspace.shell .integrated-rhythm-label{margin:0!important;padding:10px 13px 8px!important;border:0!important;background:transparent!important}
.workspace.shell .drum-machine.integrated-rhythm{margin-top:0!important;border-top:1px solid #41444d!important}

/* Scope stays identical from first visible frame to live USB mode. */
.scope-panel #bassOnlyScope,.scope-panel #bassLiveScope{display:block!important;width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;box-sizing:border-box!important;border:1px solid #4b5b2a!important;border-radius:10px!important;background:#060906!important}
.scope-source-controls{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;min-width:0!important;margin-top:7px!important}
.scope-source-buttons{display:flex!important;gap:6px!important;flex:0 0 auto!important}
#scopeAudioInput{flex:1 1 170px!important;min-width:0!important;max-width:100%!important;height:28px!important}

/* MIDI is a single stable grid. */
#midiRouter{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
#midiRouter .midi-compact-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important;min-width:0!important}
#midiRouter .midi-compact-head strong{margin:0!important}
#midiHardwareGuide,#midiRouter .midi-badge{position:static!important;transform:none!important;margin:0!important;white-space:nowrap!important}
#midiRouter .midi-router-primary{display:grid!important;grid-template-columns:150px minmax(190px,1.25fr) minmax(155px,.8fr) minmax(190px,.9fr)!important;gap:9px!important;align-items:end!important;min-width:0!important;width:100%!important}
#midiRouter .midi-router-secondary{display:grid!important;grid-template-columns:110px 110px minmax(155px,1fr) minmax(175px,1.05fr) 100px!important;gap:9px!important;align-items:end!important;min-width:0!important;width:100%!important;margin-top:9px!important}
#midiRouter .midi-field{min-width:0!important;width:100%!important;max-width:100%!important}
#midiRouter select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding-right:34px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
#midiRouter .midi-playback select{font-size:.54rem!important}
#midiRouter .midi-rec-assist{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;width:100%!important;margin-top:11px!important}
#midiRouter .midi-rec-assist[hidden]{display:none!important}
#midiRouter .midi-rec-title{display:none!important}
#midiRouter .midi-rec-button{width:100%!important;min-width:0!important}

@media(max-width:1180px){
  .scope-panel #bassOnlyScope,.scope-panel #bassLiveScope{height:104px!important;min-height:104px!important;max-height:104px!important}
  #midiRouter .midi-router-primary{grid-template-columns:130px minmax(0,1fr) minmax(150px,.85fr)!important}
  #midiRouter .midi-playback{grid-column:2/4!important}
  #midiRouter .midi-router-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #midiRouter .midi-panic{grid-column:span 2!important}
}
@media(max-width:980px){
  #patternSheet .hardware-strip{grid-template-columns:138px 164px minmax(560px,1fr)!important}
  #patternSheet #knobGrid{min-width:560px!important}
}
@media(max-width:760px){
  .workspace.shell .pattern-actions,.drum-machine.integrated-rhythm .drum-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #midiRouter .midi-router-primary,#midiRouter .midi-router-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #midiRouter .midi-output,#midiRouter .midi-profile{grid-column:1/-1!important}
  #midiRouter .midi-connect{grid-column:1!important}
  #midiRouter .midi-playback{grid-column:2!important}
  #midiRouter .midi-panic{grid-column:1/-1!important}
  #patternSheet .hardware-strip{grid-template-columns:128px 156px minmax(550px,1fr)!important;min-height:246px!important}
  #patternSheet #knobGrid{grid-template-columns:repeat(5,minmax(108px,1fr))!important;grid-template-rows:repeat(2,123px)!important;min-width:550px!important;min-height:246px!important}
  #patternSheet #knobGrid .knob,#patternSheet #knobGrid .fx-knob,#patternSheet #knobGrid .fx-reverb{height:123px!important;min-height:123px!important;padding:8px 4px 6px!important}
  #patternSheet #knobGrid .knob-control,#patternSheet #knobGrid .knob-control svg{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important}
}
@media(max-width:600px){
  .scope-panel #bassOnlyScope,.scope-panel #bassLiveScope{height:96px!important;min-height:96px!important;max-height:96px!important}
  #midiRouter .midi-playback select{font-size:.5rem!important;padding-left:9px!important;padding-right:25px!important}
  #midiRouter .midi-rec-assist{gap:7px!important;margin-top:9px!important}
}
@media(max-width:430px){
  #midiRouter .midi-router-primary,#midiRouter .midi-router-secondary{grid-template-columns:1fr!important}
  #midiRouter .midi-output,#midiRouter .midi-profile,#midiRouter .midi-playback,#midiRouter .midi-connect,#midiRouter .midi-panic{grid-column:auto!important}
  #midiRouter .midi-rec-assist{grid-template-columns:1fr 1fr!important}
}