/* SONIQ NOW — Mixer + Channel Strip v2
   Locked professional-console presentation contract.
   Presentation only: SoniqMixerEngine remains authoritative for DSP. */

.snq-v2.snq-mixer-mode{
  grid-template-rows:44px 58px minmax(180px,34vh) minmax(430px,1fr)!important;
}
.snq-v2.snq-mixer-mode .snq-bottom{
  grid-template-columns:0 minmax(0,1fr) 0!important;
  min-height:430px!important;
}
.snq-v2.snq-mixer-mode .snq-browser,
.snq-v2.snq-mixer-mode .snq-inspector{display:none!important}
.snq-v2.snq-mixer-mode .snq-editor{min-width:0!important;overflow:hidden!important}
.snq-v2.snq-mixer-mode .snq-editor-body,
.snq-v2.snq-mixer-mode .snq-editor-host,
.snq-v2.snq-mixer-mode .snq-mixer-host{
  height:100%!important;min-height:0!important;overflow:hidden!important;background:#060708!important
}

/* Console viewport */
.snq-v2 .snq-mixer-host>.snq-console{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:stretch!important;
  gap:6px!important;
  padding:10px 12px 14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:
    linear-gradient(180deg,#090b0e 0,#050607 100%)!important;
  scrollbar-color:#343b43 #090b0e!important;
}

/* Professional strip proportions */
.snq-v2 .snq-console .snq-strip{
  width:104px!important;
  min-width:104px!important;
  height:100%!important;
  min-height:390px!important;
  padding:6px 6px 8px!important;
  gap:5px!important;
  border:1px solid #242a31!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#15191e 0%,#0d1014 42%,#090b0e 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 1px 2px rgba(0,0,0,.45)!important;
}
.snq-v2 .snq-console .snq-strip.bus{
  width:100px!important;min-width:100px!important;
  border-color:#303342!important;
  background:linear-gradient(180deg,#121521,#0b0d15 55%,#08090e)!important;
}
.snq-v2 .snq-console .snq-strip.master{
  width:118px!important;min-width:118px!important;
  margin-left:8px!important;
  border-left:2px solid #a8862d!important;
  border-color:#6b5824!important;
  background:linear-gradient(180deg,#1b190f,#11100b 52%,#090907)!important;
}

/* Identity */
.snq-v2 .snq-console .snq-colorbar{height:4px!important;border-radius:1px!important;margin:0 0 2px!important}
.snq-v2 .snq-console .snq-strip-head{
  min-height:21px!important;
  padding:4px 2px!important;
  font:700 9px/1.1 Inter,system-ui,sans-serif!important;
  letter-spacing:.085em!important;
  color:#c9d1da!important;
  border-bottom:1px solid #2b3138!important;
}
.snq-v2 .snq-console .snq-strip-type{
  font:600 7px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.1em!important;color:#68727d!important
}

/* Section labels */
.snq-v2 .snq-console .snq-eq-label,
.snq-v2 .snq-console .snq-comp-label,
.snq-v2 .snq-console .snq-section-label{
  color:#7f8994!important;font-size:7px!important;letter-spacing:.13em!important;font-weight:700!important
}

/* Rotary controls: physical dial + visible calibration */
.snq-v2 .snq-console .snq-knob-wrap{gap:2px!important}
.snq-v2 .snq-console .snq-knob{
  width:34px!important;height:34px!important;
  border:1px solid #444c55!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 38% 30%,#3a4047 0,#22272d 32%,#12161a 68%,#090b0e 100%)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.12),inset 0 -3px 5px rgba(0,0,0,.6),0 1px 2px #000!important;
}
.snq-v2 .snq-console .snq-knob:hover{border-color:#7c8793!important}
.snq-v2 .snq-console .snq-knob.active{border-color:#d2ad43!important;box-shadow:0 0 0 1px #d2ad4333,inset 0 1px 2px rgba(255,255,255,.14)!important}
.snq-v2 .snq-console .snq-knob-label{font-size:7px!important;color:#798490!important;letter-spacing:.04em!important}
.snq-v2 .snq-console .snq-knob-val{font:600 7px ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#b7c1cc!important}
.snq-v2 .snq-console .snq-knob-arc-bg{stroke:#2b3138!important}
.snq-v2 .snq-console .snq-knob-arc-fill{stroke:#d0aa3d!important}
.snq-v2 .snq-console .snq-knob-pointer{background:#e8edf2!important;box-shadow:0 0 2px #fff6!important}

/* EQ / compressor grouping */
.snq-v2 .snq-console .snq-knob-group{
  width:100%!important;padding:3px 0 4px!important;border-bottom:1px solid #232930!important
}
.snq-v2 .snq-console .snq-gr-meter{
  width:72%!important;height:4px!important;background:#191e23!important;border:1px solid #262d34!important
}

/* Sends + state buttons */
.snq-v2 .snq-console .snq-send-btn,
.snq-v2 .snq-console .snq-ms-btn,
.snq-v2 .snq-console button{
  border-radius:2px!important;
}
.snq-v2 .snq-console .snq-send-btn{
  min-height:20px!important;
  border:1px solid #343c45!important;background:#11161b!important;color:#87929d!important;
  font-size:7px!important;font-weight:700!important
}
.snq-v2 .snq-console .snq-send-btn.on{background:#493c16!important;border-color:#b08d2d!important;color:#f1d36e!important}

/* Fader is the visual anchor */
.snq-v2 .snq-console .snq-fader-section{
  flex:1 1 auto!important;
  min-height:165px!important;
  width:100%!important;
  padding-top:3px!important;
  border-top:1px solid #272d34!important;
}
.snq-v2 .snq-console .snq-fader-wrap{height:100%!important;min-height:155px!important}
.snq-v2 .snq-console .snq-fader{
  height:145px!important;width:48px!important;
  background:linear-gradient(90deg,#090b0d,#161a1f 47%,#090b0d 53%,#12161a)!important;
  border:1px solid #242b32!important;border-radius:2px!important
}
.snq-v2 .snq-console .snq-fader-track{
  width:3px!important;background:#030405!important;border-left:1px solid #242a30!important;border-right:1px solid #242a30!important
}
.snq-v2 .snq-console .snq-fader-thumb{
  width:31px!important;height:15px!important;
  border:1px solid #69737d!important;border-radius:2px!important;
  background:linear-gradient(180deg,#707982 0,#3b4249 42%,#1b1f23 48%,#59626b 55%,#272d33 100%)!important;
  box-shadow:0 2px 3px #000b,inset 0 1px rgba(255,255,255,.25)!important
}
.snq-v2 .snq-console .snq-fader-thumb::after{
  height:1px!important;background:#d7ad38!important;box-shadow:0 0 2px #d7ad38!important
}
.snq-v2 .snq-console .snq-fader-scale span{
  font:6px ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#68727c!important
}
.snq-v2 .snq-console .snq-fader-val{
  min-height:18px!important;
  font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace!important;
  color:#d6dee7!important;background:#080a0d!important;border:1px solid #272d34!important;border-radius:2px!important;padding:3px 4px!important
}

/* Calibrated meter: dark housing, green/yellow/red signal */
.snq-v2 .snq-console .snq-meter{
  width:9px!important;height:145px!important;
  border:1px solid #252c32!important;border-radius:1px!important;
  background:
    repeating-linear-gradient(to top,#0a0d10 0 3px,#14191e 3px 4px)!important;
  box-shadow:inset 0 0 3px #000!important
}
.snq-v2 .snq-console .snq-meter-fill{
  background:linear-gradient(to top,#1fc66d 0%,#66d35e 62%,#e2c63c 82%,#f08c2f 91%,#ef3f45 100%)!important;
  box-shadow:0 0 4px rgba(68,220,120,.22)!important
}
.snq-v2 .snq-console .snq-meter-peak{background:#fff1b5!important;height:1px!important}

/* Routing footer */
.snq-v2 .snq-console .snq-bus-label{
  width:100%!important;padding:4px 2px!important;
  border-top:1px solid #272d34!important;
  font:700 7px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.08em!important;color:#77828e!important;text-transform:uppercase!important
}
.snq-v2 .snq-console .snq-strip.master .snq-bus-label{color:#d7ad38!important}

/* Mixer tab itself */
.snq-v2.snq-mixer-mode .snq-tabs{background:#0a0d10!important}
.snq-v2.snq-mixer-mode .snq-tab.active{color:#f0d37a!important;background:#11161b!important}

/* Smaller laptop viewport: keep controls usable; scroll horizontally, never crush. */
@media(max-height:850px){
  .snq-v2.snq-mixer-mode{grid-template-rows:42px 54px minmax(150px,28vh) minmax(390px,1fr)!important}
  .snq-v2 .snq-console .snq-strip{min-height:350px!important}
  .snq-v2 .snq-console .snq-fader,.snq-v2 .snq-console .snq-meter{height:120px!important}
  .snq-v2 .snq-console .snq-fader-wrap{min-height:130px!important}
}
@media(max-width:900px){
  .snq-v2.snq-mixer-mode .snq-bottom{display:block!important}
  .snq-v2 .snq-mixer-host>.snq-console{padding-left:8px!important}
}