/* SOUL ONE LIVE · premium mobile parity, November 2026.
   Visual-only adaptation of the approved desktop style. Keep touch,
   iOS audio unlock, all route/fader callbacks and four view presets. */
@media(max-width:1100px) and (pointer:coarse){
 html:not(.soulone-ipad-classic) body>.app.soul-mobile-console{
   --sl-mob-ink:#e6f0f9;--sl-mob-sub:#a5bfd2;--sl-mob-edge:#344f65;
   background:#091521!important;color:var(--sl-mob-ink)!important;
   gap:5px!important;
 }
 .soul-mobile-console .stage-header{
   background:#142739!important;border:1px solid #335267!important;
   border-radius:10px!important;box-shadow:none!important;color:#e6f0f9!important;
 }
 .soul-mobile-console .stage-identity .song-head strong{
   color:#f3f9ff!important;font-size:clamp(12px,2.15vw,16px)!important;
   font-weight:740!important;letter-spacing:-.015em!important;
 }
 .soul-mobile-console .stage-identity .song-head small{color:#a3bccd!important}
 .soul-mobile-console .stage-center{
   background:#112437!important;border:1px solid #35536b!important;
   border-radius:9px!important;box-sizing:border-box!important;
   display:grid!important;grid-template-columns:minmax(100px,1fr) 50px minmax(110px,1.04fr)!important;
   align-items:center!important;gap:0!important;padding:3px 4px!important;
   width:100%!important;min-width:0!important;
 }
 .soul-mobile-console .stage-center .stage-field{
   box-sizing:border-box!important;display:flex!important;
   flex-direction:column!important;align-items:center!important;
   justify-content:center!important;gap:2px!important;
   padding:2px 4px!important;margin:0!important;min-width:0!important;
   border:0!important;border-radius:0!important;background:transparent!important;
 }
 .soul-mobile-console .stage-center .stage-field--key,
 .soul-mobile-console .stage-center .stage-field--pitch{
   border-left:1px solid #35536b!important;
 }
 .soul-mobile-console .stage-center .field-label{
   color:#9dbacf!important;font-size:9px!important;font-weight:630!important;
   line-height:12px!important;letter-spacing:0!important;
   text-transform:none!important;white-space:nowrap!important;
 }
 .soul-mobile-console .stage-center .value-row,
 .soul-mobile-console .stage-center .ctl-group{
   display:flex!important;align-items:center!important;justify-content:center!important;
   min-width:0!important;gap:5px!important;margin:0!important;padding:0!important;
 }
 .soul-mobile-console .stage-center :is(#headerTempoVal,#originalKey,#pitchVal){
   font-size:20px!important;line-height:29px!important;font-weight:750!important;
   color:#f3f9ff!important;letter-spacing:-.025em!important;
   min-width:22px!important;font-variant-numeric:tabular-nums!important;
   text-align:center!important;
 }
 .soul-mobile-console .stage-center .value-row button,
 .soul-mobile-console .stage-center .ctl-group button{
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   width:34px!important;min-width:34px!important;height:34px!important;
   min-height:34px!important;max-height:34px!important;
   padding:0!important;border:1px solid #42657d!important;border-radius:8px!important;
   background:#284458!important;color:#e5f7ff!important;box-shadow:none!important;
   font-size:19px!important;font-weight:750!important;line-height:1!important;
 }
 .soul-mobile-console :is(button,[role=button]):focus-visible{
   outline:2px solid #6ae0d3!important;outline-offset:2px!important;
 }
 .soul-mobile-console .sl-mobile-presets{
   background:#102536!important;border-color:#34556c!important;
   border-radius:9px!important;min-width:0!important;
 }
 .soul-mobile-console .sl-mobile-preset{
   background:transparent!important;color:#a8bece!important;
   border-radius:7px!important;font-weight:680!important;letter-spacing:0!important;
   text-transform:none!important;
 }
 .soul-mobile-console .sl-mobile-preset[aria-pressed=true]{
   background:#155f67!important;color:#eafffb!important;
   box-shadow:inset 0 0 0 1px #3daba6!important;
 }
 .soul-mobile-console .sl-mobile-view-nav .sl-mobile-audio-trigger{
   background:#1c374b!important;border:1px solid #44647a!important;
   border-radius:8px!important;color:#e9f7ff!important;box-shadow:none!important;
 }
 .soul-mobile-console .sl-mobile-audio-tools.sl-mobile-audio-menu,
 .soul-mobile-console .sl-mobile-windows-menu{
   background:#152c3e!important;border-color:#45647b!important;
   color:#e4f2fb!important;box-shadow:0 14px 32px #0007!important;
 }
 .soul-mobile-console .sl-mobile-audio-menu button,
 .soul-mobile-console .sl-mobile-windows-menu>label{
   background:#203b50!important;color:#e7f2f9!important;border-color:#45657b!important;
 }
 .soul-mobile-console .right.live-library-panel,
 .soul-mobile-console .live-workspace,
 .soul-mobile-console .timeline,
 .soul-mobile-console .progress-panel,
 .soul-mobile-console #mixer .clean-group{
   background:#102337!important;color:#e7f2fb!important;
   border-color:#34536b!important;box-shadow:none!important;
 }
 .soul-mobile-console .right.live-library-panel :is(.live-library-header,.tabs,.songitem,.tabcontent){
   background-color:transparent!important;color:#dfeef8!important;
 }
 .soul-mobile-console .right.live-library-panel .tabs button{
   color:#aac3d5!important;text-transform:none!important;font-size:11px!important;
 }
 .soul-mobile-console .right.live-library-panel .tabs button.active,
 .soul-mobile-console .right.live-library-panel .tabs button.selected{
   color:#6be5d5!important;border-color:#50caba!important;
 }
 .soul-mobile-console .right.live-library-panel .songitem{
   background:#19364d!important;border:1px solid #3b617b!important;
   color:#e8f5ff!important;border-radius:9px!important;
 }
 .soul-mobile-console #mixer .clean-group h3{color:#a7c4d8!important;font-weight:680!important}
 .soul-mobile-console #mixer .strip{
   background:#192e40!important;border-color:#416078!important;
   box-shadow:none!important;
 }
 .soul-mobile-console #mixer .strip .striphead{
   font-size:11px!important;font-weight:680!important;
   text-transform:none!important;
 }
 .soul-mobile-console #mixer .strip .db{color:#e8f4fc!important}
 /* Channel actions stay M/S/N. No emoji or tiny decorative icon buttons. */
 .soul-mobile-console #mixer .strip .dual button{
   font-size:12px!important;font-weight:750!important;
   color:#e9f4fd!important;background:#28475e!important;
   border:1px solid #4c6c82!important;border-radius:7px!important;
 }
 .soul-mobile-console #mixer .strip .sl-norm-trigger{
   font-size:11px!important;font-weight:760!important;
   background:#254d64!important;color:#ebf8ff!important;
   border:1px solid #4d8199!important;border-radius:5px!important;
 }
 .soul-mobile-console #mixer .strip .sl-norm-current{display:none!important}
 .soul-mobile-console .sl-mixer-toolbar .sl-mixer-title{color:#e1f0fa!important}
 .soul-mobile-console .sl-mixer-toolbar .sl-mixer-close{
   background:#223e52!important;color:#dceef8!important;border-color:#496b81!important;
 }
 /* Mobile page should never expose the v41 3-column desktop dashboard. */
 .soul-mobile-console .sl-rp-sections,
 .soul-mobile-console .sl-rp-mixer,
 .soul-mobile-console .sl-rp-dock{display:none!important}
}
@media(max-width:1100px) and (pointer:coarse) and (orientation:landscape){
 .soul-mobile-console .stage-header{
   display:grid!important;grid-template-columns:minmax(135px,.85fr) minmax(280px,1fr) 43px!important;
   align-items:center!important;gap:6px!important;
   padding:4px 7px!important;
 }
 .soul-mobile-console .stage-center{height:49px!important;max-height:49px!important;}
 .soul-mobile-console .stage-center .value-row button,
 .soul-mobile-console .stage-center .ctl-group button{
   width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
 }
 .soul-mobile-console .sl-mobile-view-nav:not([hidden]){
   min-height:38px!important;max-height:44px!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen>#mixer.mixer.clean-mixer{
   background:#0f2235!important;gap:6px!important;border:1px solid #35546a!important;
   border-radius:10px!important;padding:6px!important;overflow:hidden!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen #mixer .strip{min-width:83px;max-width:100px;flex-basis:90px}
 .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--music .clean-rail{
   overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;
 }
 /* Leave the full fader travel area; do not shrink it to a desktop thumbnail. */
 .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .faderbox{
   flex:1 1 0%!important;height:auto!important;min-height:55px!important;
   max-height:none!important;overflow:hidden!important;
 }
}
@media(max-width:1100px) and (pointer:coarse) and (orientation:portrait){
 .soul-mobile-console .stage-header{
   display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
   grid-template-rows:auto auto!important;row-gap:5px!important;
 }
 .soul-mobile-console .stage-center{
   grid-column:1/-1!important;grid-row:2!important;
   height:58px!important;min-height:58px!important;
   border:1px solid #36556d!important;
 }
 .soul-mobile-console .stage-center .stage-field .field-label{font-size:9px!important}
 .soul-mobile-console .sl-mobile-presets{min-height:35px!important}
 .soul-mobile-console .sl-mobile-preset{font-size:10px!important}
 .soul-mobile-console.soul-mobile-mix-screen>#mixer.mixer.clean-mixer{
   background:#0e2334!important;border:1px solid #3c5a71!important;
   border-radius:10px!important;padding:6px!important;
 }
}
@media(max-width:380px) and (pointer:coarse) and (orientation:portrait){
 .soul-mobile-console .stage-center{grid-template-columns:minmax(100px,1fr) 45px minmax(105px,1fr)!important;padding:3px 2px!important;}
 .soul-mobile-console .stage-center .stage-field{padding-inline:2px!important}
 .soul-mobile-console .stage-center .value-row,
 .soul-mobile-console .stage-center .ctl-group{gap:3px!important}
 .soul-mobile-console .stage-center .value-row button,
 .soul-mobile-console .stage-center .ctl-group button{
   width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;
 }
}