/* Consistent bottom command row; preserve each surface's actual actions. */
html[data-theme=light]{--command-surface:rgba(255,255,255,.85)}
html[data-theme=dark]{--command-surface:rgba(40,40,40,.85)}
/* R130g: each slider owns one compact surface box; the shared row stays clear. */
html[data-theme] body #mode-sizing-controls{background:transparent!important}
html[data-theme] body #mode-sizing-controls>label{background:var(--command-surface)!important;box-shadow:inset 0 0 0 1px rgba(128,128,128,.45);padding:0 6px!important;align-items:center}
html[data-theme] #full-view #video-transport{background:var(--command-surface)!important}
html[data-theme] body :is(#map-controls-drawer-bar,#viewer-controls-drawer-handlebar)>button{background:var(--command-surface)!important}
/* R130g phone order: Favorites, framing, Full Screen, Search, Dark mode, Info / Settings / Help. */
/* Phone status stays separate; sliders precede the shared utility row. */
html.phone-layout body>footer #mode-sizing-controls{order:3!important}
html.phone-layout body>footer .lab-linear-actions{order:4!important;grid-template-columns:1fr 1fr 1.8fr 1fr 1fr 1fr 1.2fr 1fr 1fr 1fr 1fr!important}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #theme-toggle{order:9!important}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #map-favorites .favorite-toggle{order:1}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #map-favorites button:not(.favorite-toggle){order:2}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #phone-search-toggle{order:8}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #fit-view{order:3}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #reset-view{order:4}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #fit-set{order:5}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #map-fullscreen{order:7}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #map-info{order:10}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #settings-toggle{order:11}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls#navigation-controls #help-toggle{order:12}
/* Wide map rows: browsing/travel, sizing, then common commands. */
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls{display:grid!important;grid-template-columns:repeat(28,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;gap:6px 3px!important;width:calc(100vw - 32px)!important;max-width:1040px!important;min-width:0!important}
html[data-theme]:not(.phone-layout) #navigation-controls#navigation-controls#navigation-controls :is(.lab-browse-row,.lab-utility-row,.lab-linear-actions,.header-right,.lab-mode-group,#desktop-secondary-tools){display:contents!important}
html[data-theme]:not(.phone-layout) #desktop-secondary-tools>summary{display:none!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #map-full-view{grid-row:3!important;grid-column:1/4!important;width:100%!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #mode-sizing-controls{position:static!important;grid-row:2!important;grid-column:1/29!important;display:flex!important;flex-wrap:wrap!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box;gap:8px!important;padding:0 8px!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #mode-sizing-controls>label{min-width:0!important;flex:1 1 100px!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls :is(#map-full-view,#theme-toggle,#map-favorites,#phone-search-toggle,#fit-view,#reset-view,#fit-set,#map-fullscreen,#map-info,#settings-toggle,#help-toggle){grid-row:3!important;min-width:0!important;width:100%!important;max-width:none!important;justify-self:stretch!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #theme-toggle{grid-column:4/6!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #map-favorites{grid-column:6/11!important;display:flex!important;justify-content:stretch!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #map-favorites button{flex:1 1 auto!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #phone-search-toggle{grid-column:11/13!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #fit-view{grid-column:13/15!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #reset-view{grid-column:15/17!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #fit-set{grid-column:17/20!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #map-fullscreen{grid-column:20/23!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #map-info{grid-column:23/25!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #settings-toggle{grid-column:25/27!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #help-toggle{grid-column:27/29!important}

html[data-theme] body #full-view#full-view #viewer-controls-drawer-handlebar>button{background:var(--command-surface)!important}

/* Small screens retain every command with native horizontal overflow, not clipped icons. */
html.phone-layout body>footer .lab-linear-actions{grid-template-columns:repeat(11,minmax(32px,1fr))!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:auto}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls #map-favorites button:not(.favorite-toggle){font-size:0!important;line-height:0!important}
html.phone-layout #phone-map-options #navigation-controls#navigation-controls #map-favorites button:not(.favorite-toggle)::after{content:"▣";font-size:22px;line-height:1}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #views{grid-row:1!important;grid-column:1/11!important;width:100%!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #zoom-to-image{grid-row:1!important;grid-column:11/13!important;width:100%!important;max-width:none!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #random{grid-row:1!important;grid-column:13/15!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls .random-pool{grid-row:1!important;grid-column:15/17!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls .lab-five-tools{grid-row:1!important;grid-column:17/29!important;width:100%!important;max-width:100%!important;flex-wrap:nowrap!important;justify-self:stretch!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls :is(#views,.lab-five-tools) button{min-width:0!important;width:auto!important;flex:1 1 0!important;white-space:normal!important;line-height:1.1!important;padding:3px!important}
/* Wide viewer uses the same shared utility sequence as its compact presentation. */
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-toolbar{display:flex!important;flex-direction:column!important;height:auto!important;align-items:stretch!important}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-actions{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;box-sizing:border-box}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-actions .full-random-control{display:contents!important}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-actions>button,html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-actions>a{min-width:0!important;width:100%!important;max-width:none!important;box-sizing:border-box}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-close{grid-row:1;grid-column:1/3}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-prev{grid-row:1;grid-column:3/5}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-next{grid-row:1;grid-column:5/7}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-random{grid-row:1;grid-column:7/9}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-random-pool{grid-row:1;grid-column:9/13;justify-content:center}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-related-toggle{grid-row:2;grid-column:1/3}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-slideshow{grid-row:2;grid-column:3/5}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-still-play{grid-row:2;grid-column:5/6}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-prompt{grid-row:2;grid-column:6/8}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-out{grid-row:2;grid-column:8/9}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-in{grid-row:2;grid-column:9/10}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-download{grid-row:2;grid-column:10/12}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view .full-actions>.cvb-refresh-action{grid-row:2;grid-column:12/13}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-theme-toggle{grid-row:3;grid-column:1/3}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #viewer-favorites{grid-row:3;grid-column:3/7;display:flex;justify-content:stretch}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #viewer-favorites button{flex:1;min-width:0!important}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-fit{grid-row:3;grid-column:7/8}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-reset-view{grid-row:3;grid-column:8/9}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-fullscreen{grid-row:3;grid-column:9/11}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #full-info-toggle{grid-row:3;grid-column:11/13}
html[data-theme]:not(.phone-layout) #navigation-controls#navigation-controls#navigation-controls .zoom-controls{display:contents!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #views{grid-column:1/13!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #zoom-to-image{grid-column:13/15!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #random{grid-column:15/17!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls .random-pool{grid-column:17/19!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls .lab-five-tools{grid-column:19/27!important}
html[data-theme]:not(.phone-layout) body>footer #navigation-controls#navigation-controls#navigation-controls #map-related{grid-row:1!important;grid-column:27/29!important;width:100%!important}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #viewer-favorites .favorite-access{display:flex;width:100%;gap:5px}
html[data-theme]:not(.phone-layout) #full-view#full-view#full-view #viewer-favorites .favorite-access button{flex:1 1 0!important;width:auto!important;max-width:none!important}
html.phone-layout body>footer #phone-map-nav .lab-five-tools{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(58px,1fr)!important;width:100%!important;gap:3px!important}
html.phone-layout body>footer #phone-map-nav .lab-five-tools button{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box}
html[data-theme] body #map-controls-drawer-bar#map-controls-drawer-bar#map-controls-drawer-bar>button{background:var(--command-surface)!important}
html.phone-layout[data-theme] body #mode-sizing-controls>label{padding:0 3px!important}