/* SoulOne LIVE 0.12 — compact iPhone stage mixer. Mobile-only overrides. */
@media (max-width:1100px) and (pointer:coarse) {
  body>.app.soul-mobile-console {
    --sl-stage-ink:#24445d; --sl-stage-line:#d5e3ee;
  }
  .soul-mobile-console .sl-mobile-view-nav:not([hidden]){
    flex:0 0 auto!important;flex-wrap:nowrap!important;
    justify-content:flex-start;gap:5px!important;
    min-height:38px;max-height:42px;padding:0!important;margin:0!important;
  }
  .soul-mobile-console .sl-mobile-view-button{
    flex:0 0 auto!important;min-height:37px!important;height:37px!important;
    border-radius:8px;padding:4px 10px!important;
    font-size:11px!important;font-weight:800;box-shadow:none;
  }
  .soul-mobile-console .sl-mobile-audio-trigger{
    margin-left:auto;flex:0 0 auto;min-height:37px;height:37px;
    padding:4px 10px;background:#fff;color:#345a75;
    border:1px solid #cdddeb;border-radius:8px;font-size:11px;font-weight:800;
  }
  .soul-mobile-console .sl-mobile-audio-tools.sl-mobile-audio-menu{
    position:fixed;top:max(91px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));
    z-index:120;display:flex!important;flex-direction:column;align-items:stretch;
    width:min(252px,calc(100vw - 16px));min-width:0!important;max-width:252px;
    padding:9px;border:1px solid #cbdcea;border-radius:11px;
    background:#fff;box-shadow:0 14px 40px #153e5b30;
  }
  .soul-mobile-console .sl-mobile-audio-menu[hidden]{display:none!important}
  .soul-mobile-console .sl-mobile-audio-menu button{height:39px!important;min-height:39px!important;
    width:100%;font-size:12px!important;text-align:left!important;justify-content:flex-start}
  .soul-mobile-console .sl-mobile-audio-menu .sl-mobile-output-status{
    position:static!important;display:block!important;transform:none!important;box-shadow:none!important;
    max-width:100%;margin:2px 0 0;padding:4px 0;background:transparent!important;
    color:#58758d!important;text-align:left;font-size:10px;line-height:1.3;
  }
  .soul-mobile-console .sl-mobile-audio-menu .sl-mobile-output-status:empty{display:none!important}
  .soul-mobile-console .sl-mixer-toolbar{
    display:none;align-items:center;gap:6px;min-width:0;min-height:35px;
  }
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title{
    flex:0 0 35px!important;min-height:35px!important;max-height:35px!important;
    padding:0 2px!important;margin:0!important;
    display:flex!important;align-items:center;gap:5px;
  }
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title>div:first-child{display:none!important}
  .soul-mobile-console.soul-mobile-mix-screen .sl-mixer-toolbar{
    display:flex!important;width:100%;height:35px;
  }
  .soul-mobile-console .sl-mixer-toolbar .sl-mixer-title{
    font-size:12px;line-height:1;letter-spacing:0;color:#244c69;font-weight:850;
    margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .soul-mobile-console .sl-mixer-toolbar button{
    flex:0 0 auto;height:33px;min-height:33px;min-width:0;
    padding:3px 10px;border-radius:7px;border:1px solid #cadbe9;
    background:#fff;color:#41657f;box-shadow:none;font-size:11px;font-weight:800;
  }
  .soul-mobile-console .sl-mixer-toolbar button[aria-pressed="false"]{
    background:#eef3f7;color:#758a9b;border-style:dashed;
  }
  .soul-mobile-console .sl-mixer-toolbar .sl-mixer-close{
    color:#fff;background:#0c6fc5;border-color:#0c6fc5;padding:3px 11px;
  }
  .soul-mobile-console.soul-mobile-mix-screen>#mixer.mixer.clean-mixer{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
    box-sizing:border-box;position:relative!important;top:auto!important;right:auto!important;
    bottom:auto!important;left:auto!important;
    overflow:hidden!important;
    display:grid!important;align-items:stretch!important;grid-auto-rows:minmax(0,1fr);
    gap:5px!important;margin:0!important;padding:0 0 3px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    border-radius:0!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group{
    min-height:0!important;max-height:none!important;height:100%!important;
    box-sizing:border-box;display:flex!important;flex-direction:column;
    padding:5px!important;overflow:hidden!important;border:1px solid #d3e2ed!important;
    background:#f6fafd!important;border-radius:9px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group h3{
    box-sizing:border-box;flex:0 0 16px!important;height:16px;min-height:16px!important;
    margin:0 2px 3px!important;padding:0!important;line-height:15px;
    color:#5c7d96;font-size:9px!important;letter-spacing:.08em;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-rail{
    display:flex!important;flex:1 1 auto!important;
    box-sizing:border-box;height:auto!important;min-height:0!important;max-height:none!important;
    align-items:stretch!important;gap:5px;overflow-x:auto!important;overflow-y:hidden!important;
    overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 0 2px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip,
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip.master{
    position:relative!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;
    flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;
    height:100%!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0 0 3px!important;overflow:hidden!important;
    background:#fff!important;border:1px solid #d4e1eb!important;
    border-radius:8px!important;box-shadow:none!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip.master{
    flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .striphead,
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip.master .striphead{
    flex:0 0 43px!important;height:43px!important;min-height:43px!important;max-height:43px!important;
    box-sizing:border-box;justify-content:flex-start!important;gap:2px;
    padding:4px!important;overflow:hidden;
    background:#fbfdff!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .striphead .track-title{
    font-size:10px!important;line-height:1.13!important;max-height:25px;
    overflow:hidden;text-overflow:ellipsis;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .faderbox{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    box-sizing:border-box;padding:4px 3px 2px!important;margin:0!important;
    align-items:stretch!important;justify-content:center!important;gap:6px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .meter,
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .v-range{
    height:100%!important;max-height:none!important;min-height:0!important;
    box-sizing:border-box;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .v-range{
    width:34px!important;touch-action:none;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .db{
    flex:0 0 17px!important;height:17px;line-height:17px;
    padding:0!important;margin:0!important;font-size:10px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .dual{
    flex:0 0 32px!important;height:32px;display:flex!important;
    padding:0 3px!important;gap:3px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .dual button{
    flex:1 1 0;box-sizing:border-box;min-width:0;height:32px!important;
    min-height:32px!important;line-height:26px!important;
    padding:0!important;font-size:12px!important;font-weight:900;border-radius:6px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .role,
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip.master .master-status{
    flex:0 0 13px!important;height:13px;line-height:13px;
    padding:0!important;margin:1px 0 0!important;
    font-size:8px!important;white-space:nowrap;
  }
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer .clean-group--monitor,
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-master #mixer .clean-group--master{
    display:none!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen>.main-grid{display:none!important}
  .soul-mobile-console #mixer .mobile-mixer-sheet-bar{display:none!important}
}
@media (max-width:1100px) and (pointer:coarse) and (orientation:landscape) {
  .soul-mobile-console.soul-mobile-mix-screen #mixer.mixer.clean-mixer{
    grid-template-columns:166px minmax(0,1fr) 91px!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--monitor{
    grid-column:1!important;grid-row:1!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--music{
    grid-column:2!important;grid-row:1!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--master{
    grid-column:3!important;grid-row:1!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer.mixer.clean-mixer{
    grid-template-columns:minmax(0,1fr) 91px!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer .clean-group--music{grid-column:1!important}
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer .clean-group--master{grid-column:2!important}
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-master #mixer.mixer.clean-mixer{
    grid-template-columns:166px minmax(0,1fr)!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-master #mixer .clean-group--music{grid-column:2!important}
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor.sl-hide-master #mixer.mixer.clean-mixer{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor.sl-hide-master #mixer .clean-group--music{grid-column:1!important}
}
@media (max-width:1100px) and (pointer:coarse) and (orientation:portrait) {
 .soul-mobile-console.soul-mobile-mix-screen #mixer.mixer.clean-mixer{
   grid-template-columns:minmax(0,1fr) 89px!important;
   grid-template-rows:minmax(0,1fr) minmax(0,1.1fr)!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--monitor{grid-column:1!important;grid-row:1!important}
 .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--master{grid-column:2!important;grid-row:1!important}
 .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group--music{grid-column:1/-1!important;grid-row:2!important}
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer.mixer.clean-mixer,
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-master #mixer.mixer.clean-mixer{
   grid-template-rows:minmax(0,1fr) minmax(0,1.1fr)!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor.sl-hide-master #mixer.mixer.clean-mixer{
   grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer .clean-group--master{grid-column:1/-1!important}
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-master #mixer .clean-group--monitor{grid-column:1/-1!important}
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor.sl-hide-master #mixer .clean-group--music{grid-column:1!important;grid-row:1!important}
}
@media(max-width:1100px) and (pointer:coarse) and (orientation:landscape) and (max-height:420px) {
  .soul-mobile-console.soul-mobile-mix-screen .stage-header{padding:3px 8px!important}
  .soul-mobile-console.soul-mobile-mix-screen .sl-mobile-view-nav:not([hidden]){min-height:36px;max-height:36px}
  .soul-mobile-console.soul-mobile-mix-screen .sl-mixer-toolbar{height:32px;min-height:32px}
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title{height:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important}
  .soul-mobile-console.soul-mobile-mix-screen #mixer .striphead{flex-basis:35px!important;height:35px!important;min-height:35px!important;max-height:35px!important}
  .soul-mobile-console.soul-mobile-mix-screen #mixer .clean-group h3{flex-basis:14px!important;height:14px!important;min-height:14px!important}
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .role{display:none!important}
  .soul-mobile-console.soul-mobile-mix-screen #mixer .strip .faderbox{padding:3px!important}
}
/* Landscape smaller than 690px: keep critical controls, not ornamental branding. */
@media(max-width:690px) and (pointer:coarse) and (orientation:landscape){
 .soul-mobile-console .sl-mixer-title{font-size:11px}
 .soul-mobile-console .sl-mixer-toolbar button{padding:3px 6px;font-size:10px}
 .soul-mobile-console.soul-mobile-mix-screen #mixer.mixer.clean-mixer{
   grid-template-columns:146px minmax(0,1fr) 84px!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-monitor #mixer.mixer.clean-mixer{
   grid-template-columns:minmax(0,1fr) 84px!important;
 }
 .soul-mobile-console.soul-mobile-mix-screen.sl-hide-master #mixer.mixer.clean-mixer{
   grid-template-columns:146px minmax(0,1fr)!important;
 }
}


/* v0.12.1 — uncluttered mixer header: only one close icon, no labels or toggles. */
@media (max-width:1100px) and (pointer:coarse) {
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title{
    min-height:35px!important;max-height:35px!important;
    flex:0 0 35px!important;
    padding:0 2px!important;
    justify-content:flex-end!important;
    overflow:visible;
  }
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title>.stage-mixer-controls,
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title>.mobile-mix-header,
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title>.mobile-mix-toggle,
  .soul-mobile-console.soul-mobile-mix-screen>.meter-title>.mobile-orientation-help{
    display:none!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen .sl-mixer-toolbar{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    width:100%!important;
    gap:0!important;
    padding:0!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen .sl-mixer-toolbar .sl-mixer-close{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:32px!important;
    min-width:34px!important;
    min-height:32px!important;
    padding:0!important;
    border-radius:8px!important;
    border:1px solid #d4e2ec!important;
    background:#f7fbff!important;
    color:#476a83!important;
    box-shadow:none!important;
    font-family:inherit;
    font-weight:550!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen .sl-mixer-toolbar .sl-mixer-close:hover{
    background:#e9f3fb!important;
    border-color:#b9d4e7!important;
  }
  .soul-mobile-console.soul-mobile-mix-screen .sl-mixer-toolbar .sl-mixer-close:focus-visible{
    outline:2px solid #2088cf!important;
    outline-offset:2px;
  }
}