/* Beta 0.19 phone workspace: even grids, one button height, less clutter. Loaded last so it wins over earlier phone rules. Presentation only. */
@media(max-width:700px){
 .dmx-console{margin:0 10px 10px!important}
 .dmx-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
 .dmx-toolbar .source-switch{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .dmx-toolbar #dmx-status{grid-column:1/-1!important;text-align:center;font-size:12px!important;color:var(--muted);padding:2px 0!important}
 .dmx-toolbar #dmx-setup{grid-column:1/3!important}
 .dmx-toolbar #vista-layout-download{min-height:48px!important;padding:6px 8px!important;font-size:13px!important}
 .dmx-toolbar .app-global-controls{display:contents!important}
 .dmx-toolbar .app-global-controls #app-screens{display:none!important}
 .dmx-toolbar .support-launchers{display:contents!important}
 .dmx-toolbar .support-launchers #wave-checklist-open{display:none!important}
 .dmx-toolbar button{min-height:48px!important;padding:6px 8px!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
 .dmx-toolbar #wave-camera-open svg{width:20px!important;height:20px}
 .workspace-custom-bar{margin:0 10px 10px!important;gap:6px!important}
 .workspace-custom-bar>div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
 .workspace-custom-bar>div button{min-height:48px!important;font-size:13px!important;padding:6px!important}
 .workspace-custom-bar>span{width:100%!important;text-align:center}
 body[data-mobile-panel=stage] .stage-tools{padding:12px 10px 4px!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions .fixture-coming{display:none!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions button{min-height:52px!important;font-size:14px!important;padding:6px 10px!important;margin:0!important;width:100%!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions #selection-fuel{grid-column:1/-1!important;width:100%!important;margin:0!important}
 body[data-mobile-panel=stage] #fixture-count{grid-column:1/-1!important;text-align:center;font-size:12px!important;color:var(--muted);padding:2px 0 0!important}
 .selection-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px 10px!important}
 .selection-tools #selection-count{grid-column:1/-1!important;text-align:center;font-size:12px!important}
 .selection-tools button{min-height:48px!important;font-size:14px!important}
 .selection-tools .selection-help{display:none!important}
 .stage-live .view-bottom.layout-tools{padding:10px!important}
 .layout-tools .view-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
 .layout-tools .zoom-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;justify-content:stretch!important}
 .layout-tools .zoom-controls button,.layout-tools .zoom-controls output{min-height:48px!important;font-size:13px!important;padding:4px 6px!important;white-space:normal!important;line-height:1.15!important}
 .layout-tools .zoom-controls output{display:flex!important;align-items:center;justify-content:center!important;border:1px solid var(--line);border-radius:5px;font-variant-numeric:tabular-nums}
 .layout-tools .layout-spacing{grid-column:1/-1!important;width:100%!important;padding:4px 2px!important}
 .layout-tools #snapshot{grid-column:1/-1!important;grid-row:auto!important;min-height:48px!important}
 .layout-tools .layout-quick-defaults{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;grid-column:1/-1!important}
 .layout-tools .layout-quick-defaults button{min-height:52px!important;font-size:13px!important;padding:4px 6px!important;white-space:normal!important;line-height:1.15!important}
 .layout-tools .layout-quick-defaults #default-layout-status{grid-column:1/-1!important;text-align:center;font-size:12px!important}
 .layout-tools .layout-chase-controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;grid-column:1/-1!important;align-items:stretch}
 .layout-tools .layout-chase-controls #layout-chase{order:0!important;min-height:48px!important;font-size:14px!important}
 .layout-tools .layout-chase-controls #select-odd-even{order:1!important;min-height:48px!important;font-size:14px!important}
 .layout-tools .layout-chase-controls .chase-rate{order:2!important;grid-column:1/-1!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) auto 48px!important;gap:6px!important;align-items:center}
 .layout-tools .layout-chase-controls .chase-rate input{min-height:48px!important;text-align:center;width:100%!important}
 .layout-tools .layout-chase-controls .chase-rate button{min-height:48px!important}
 .layout-tools .layout-chase-controls .chase-directions{order:3!important;grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .layout-tools .layout-chase-controls .chase-directions label{display:flex!important;align-items:center;justify-content:center!important;gap:6px!important;min-height:44px!important;border:1px solid var(--line);border-radius:5px;font-size:13px!important}
 .layout-tools .layout-chase-controls .chase-directions label:has(input:checked){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
 .mobile-stage-actions{gap:12px!important}
 .mobile-stage-actions button[data-mobile-go]{min-height:52px!important;font-size:15px!important}
 .mobile-nav{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;gap:8px!important}
 .mobile-nav button{min-height:52px!important;font-size:13px!important;border-radius:8px}
 .mobile-heading{padding:14px 16px 6px!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions #selection-fuel{order:10!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions #fixture-count{order:11!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions #arrange{order:5!important}
 .stage-live .layout-tools .zoom-controls>*{grid-row:auto!important}
 .stage-live .layout-tools .zoom-controls>button{font-size:13px!important;padding:4px 6px!important;min-height:48px!important}
 .stage-live .layout-tools .zoom-controls #zoom-value{font-size:13px!important;min-height:48px!important}
 .dmx-toolbar .source-switch button,.dmx-toolbar .app-global-controls button,.dmx-toolbar .support-launchers button{min-height:48px!important;font-size:13px!important;padding:6px 8px!important}
 .workspace-custom-bar>div button{flex:none}
}
@media(max-width:700px){
 body[data-mobile-panel=stage] .stage-tools .stage-actions .fuel-panel{grid-row:auto!important;grid-column:1/-1!important;order:10!important;min-height:0!important;padding:8px!important}
 body[data-mobile-panel=stage] .stage-tools .stage-actions .fuel-panel button{min-height:36px!important}
 .fixture-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px 10px!important;overflow:visible!important}
 .fixture-strip button{width:100%!important;min-height:48px!important;font-size:13px!important;padding:4px 6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* Beta 0.20 phone layout: the layout scrolls normally (no sticky overlay hiding the library),
   and the sequence picker + zoom slider sit directly under the layout view. */
@media(max-width:700px){
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live{position:relative!important;top:auto!important;max-height:none!important;height:auto!important;overflow:visible!important}
 .mobile-under-layout{display:grid!important;grid-template-columns:1fr;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel)}
 .mobile-under-layout label{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;font-size:13px;color:var(--muted);margin:0}
 .mobile-under-layout label>span{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
 .mobile-quick-sequence{grid-template-columns:72px minmax(0,1fr)!important}
 #mobile-sequence-select{width:100%;min-height:48px;font-size:15px;padding:0 10px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px}
 #mobile-zoom-range{width:100%;min-height:44px;accent-color:var(--accent)}
 #mobile-zoom-output{min-width:46px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
 body:not([data-mobile-panel=stage]) .mobile-under-layout{display:none!important}
}
@media(max-width:700px){
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live{display:flex!important;flex-direction:column}
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live>#viewport{order:1}
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live>.mobile-under-layout{order:2}
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live>.playback-bar{order:3}
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live>.compact-timeline{order:4}
 body:not(.custom-workspace-mode):not(.workspace-focus-mode) .stage-live>.layout-tools{order:5}
}
@media(max-width:700px){
 .mobile-options-open .playback-bar .transport{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:center}
 .mobile-options-open .playback-bar .play-controls{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;flex-basis:auto!important}
 .mobile-options-open .playback-bar .play-controls>button{min-width:0!important;width:100%!important;min-height:44px!important;padding:0 2px!important;font-size:12px!important}
 .mobile-options-open .playback-bar .mobile-more{grid-column:1/-1;width:100%!important;min-height:40px!important}
 .mobile-options-open .playback-bar .check{justify-content:center;border:1px solid var(--line);border-radius:6px;min-height:44px!important;margin:0!important}
 .mobile-options-open .playback-bar .speed{grid-column:1/-1;display:grid!important;grid-template-columns:auto 44px minmax(0,1fr) 44px auto auto;align-items:center;gap:6px!important}
 .mobile-options-open .playback-bar .speed .rate-result{grid-column:1/-1;text-align:center}
 .mobile-options-open .playback-bar .time{grid-column:1/-1;text-align:center}
 .mobile-options-open .playback-bar .scale-control{grid-column:1/-1;justify-content:space-between}
}
@media(max-width:700px){
 .mobile-options-open .playback-bar .speed #speed{width:100%!important;min-width:0!important;text-align:center;min-height:44px}
 .mobile-options-open .playback-bar .speed>button{min-height:44px!important}
 .mobile-options-open .playback-bar .check{font-size:14px!important;gap:8px}
}

body[data-mobile-panel=stage] .stage-tools .stage-actions .rotate-tools{grid-column:1/-1!important;display:flex!important;gap:6px!important;order:4!important}
body[data-mobile-panel=stage] .stage-tools .stage-actions .rotate-tools button{width:auto!important;flex:1!important}
body[data-mobile-panel=stage] .stage-tools .stage-actions .rotate-tools .rotate-readout{flex:0 0 76px!important}