/* Browsers report usable segments; model names and guessed device pixels play no role. */
html:root:is([data-app-layout=phone],[data-app-layout=tablet]):not([data-app-fold-axis=none])[data-app-fold-axis] {
  --fold-map-right:calc(var(--app-map-region-left) + var(--app-map-region-width));
  --fold-pane-right:calc(var(--app-pane-region-left) + var(--app-pane-region-width));
  #mapApplication {
    left:0!important;top:0!important;
    width:var(--app-viewport-width)!important;height:var(--app-viewport-height)!important;
  }
  #workspacePanel:not([hidden]) {
    inset:auto!important;left:var(--app-pane-region-left)!important;top:var(--app-pane-region-top)!important;
    width:var(--app-pane-region-width)!important;height:var(--app-pane-region-height)!important;
    max-width:none!important;max-height:none!important;border-radius:20px!important;
  }
  #workspacePanel[data-collection-folded=true] {
    top:calc(var(--app-pane-region-top) + var(--app-pane-region-height) - 80px)!important;height:80px!important;
  }
  #mobileAppShell .app-bottom-dock {
    left:calc(var(--app-map-region-left) + var(--app-map-region-width) / 2)!important;
    width:min(420px,calc(var(--app-map-region-width) - 24px))!important;
    bottom:calc(var(--app-viewport-height) - var(--app-map-region-top) - var(--app-map-region-height) + var(--app-bottom-bar-inset))!important;
  }
  .cursor-status-bar {
    left:calc(var(--app-map-region-left) + 12px)!important;right:auto!important;
    width:calc(var(--app-map-region-width) - 24px)!important;max-width:calc(var(--app-map-region-width) - 24px)!important;
    bottom:var(--map-info-bottom,calc(var(--app-viewport-height) - var(--app-map-region-top) - var(--app-map-region-height) + 66px))!important;
    transform:none!important;
  }
  :is(.ws-record-floating-actions,.ws-record-folder-pager) {
    left:calc(var(--app-pane-region-left) + 12px)!important;
    right:calc(var(--app-viewport-width) - var(--fold-pane-right) + 12px)!important;
  }
  .ws-record-floating-actions {bottom:calc(var(--app-viewport-height) - var(--app-pane-region-top) - var(--app-pane-region-height) + var(--app-bottom-bar-inset))!important;}
  .ws-record-folder-pager {bottom:calc(var(--app-viewport-height) - var(--app-pane-region-top) - var(--app-pane-region-height) + 56px + var(--app-bottom-bar-inset))!important;}
  .ws-record-action-dock::before {left:var(--app-pane-region-left)!important;right:calc(var(--app-viewport-width) - var(--fold-pane-right))!important;}
  :is(.ws-record-dialog,.ws-record-editor,.ws-content-dialog) {
    inset:auto!important;left:calc(var(--app-pane-region-left) + 12px)!important;
    top:calc(var(--app-pane-region-top) + 12px)!important;margin:0!important;
    width:calc(var(--app-pane-region-width) - 24px)!important;max-width:460px!important;
    max-height:calc(var(--app-pane-region-height) - 24px)!important;
  }
}
@media(prefers-reduced-motion:reduce){.ws-record-floating-action{transition:none;}}

html:root:is([data-app-layout=phone],[data-app-layout=tablet]):not([data-app-fold-axis=none])[data-app-fold-axis] body.workspace-open.app-collection-pane-open:not(.ws-sheet-half):not(.ws-gallery-half):not(.organization-open):has(#workspacePanel[data-collection-pane]) #mapApplication{left:var(--app-map-region-left)!important;top:var(--app-map-region-top)!important;width:var(--app-map-region-width)!important;height:var(--app-map-region-height)!important;}

/* Paired views use real usable regions, or equal halves on a continuous inner
   screen. A single map fills the viewport until a second pane is opened. */
html:root:is([data-app-layout=phone],[data-app-layout=tablet])[data-app-split-axis] body:is(.dual-mode-active,.street-view-docked) {
  #mapApplication {left:0!important;top:0!important;width:var(--app-viewport-width)!important;height:var(--app-viewport-height)!important;}
  #mapApplication #mapWrapper {display:block!important;inset:0!important;width:100%!important;height:100%!important;}
  #mapApplication :is(#viewDiv,#viewDivRight) {position:absolute!important;flex:none!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;}
  #mapApplication #viewDiv {inset:auto!important;left:var(--app-split-main-left)!important;top:var(--app-split-main-top)!important;width:var(--app-split-main-width)!important;height:var(--app-split-main-height)!important;}
  #mapApplication #viewDivRight {inset:auto!important;left:var(--app-split-secondary-left)!important;top:var(--app-split-secondary-top)!important;width:var(--app-split-secondary-width)!important;height:var(--app-split-secondary-height)!important;}
  #mobileAppShell .app-compare-actions,.street-view-picker {
    left:calc(var(--app-split-secondary-left) + 10px)!important;
    right:calc(var(--app-viewport-width) - var(--app-split-secondary-left) - var(--app-split-secondary-width) + 10px)!important;
    top:calc(var(--app-split-secondary-top) + 10px)!important;bottom:auto!important;width:auto!important;
  }
  #mobileAppShell .app-main-view-toggle {
    right:calc(var(--app-viewport-width) - var(--app-split-main-left) - var(--app-split-main-width) + 12px)!important;
    top:calc(var(--app-split-main-top) + var(--app-safe-top,0px) + 64px)!important;
  }
  #mobileAppShell .app-bottom-dock {
    left:calc(var(--app-split-main-left) + var(--app-split-main-width) / 2)!important;
    bottom:calc(var(--app-viewport-height) - var(--app-split-main-top) - var(--app-split-main-height) + var(--app-bottom-bar-inset))!important;
    width:min(420px,calc(var(--app-split-main-width) - 24px))!important;
  }
  #mobileAppShell .app-location-status {
    left:calc(var(--app-split-main-left) + 12px)!important;
    right:calc(var(--app-viewport-width) - var(--app-split-main-left) - var(--app-split-main-width) + 12px)!important;
    top:auto!important;bottom:calc(var(--app-viewport-height) - var(--app-split-main-top) - var(--app-split-main-height) + 94px + var(--app-bottom-bar-inset))!important;
    width:auto!important;max-width:calc(var(--app-split-main-width) - 24px)!important;
  }
  #rightLayerPanel.right-layer-panel-expanded {
    inset:auto!important;left:calc(var(--app-split-secondary-left) + 8px)!important;top:calc(var(--app-split-secondary-top) + 8px)!important;
    width:calc(var(--app-split-secondary-width) - 16px)!important;height:calc(var(--app-split-secondary-height) - 16px)!important;max-height:none!important;
  }
}