/* R26: both refinement modes share one footprint and a separate switch slot. */
#map{--refinement-bar-width:384px;--refinement-bar-height:72px;--refinement-switch-width:56px;--refinement-switch-gap:10px}
/* OpenLayers wraps normal controls in its own stacking context. Keep that
   control plane alongside the subdivision bar, above the layer side panel. */
#map .ol-overlaycontainer-stopevent:has(>.toolBar){z-index:10013!important}
body:not(.res) #map .ol-control.ol-bar.toolBar,#map #subdivision-toolbar{
 width:var(--refinement-bar-width)!important;max-width:var(--refinement-bar-width)!important;height:var(--refinement-bar-height)!important;
 box-sizing:border-box;border:0!important;padding:8px 14px!important;gap:3px!important;margin:0!important;
 left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;
 flex-flow:row nowrap!important;align-items:center;justify-content:space-between;border-radius:10px 10px 0 0!important;z-index:10014;
}
#map .toolBar>.mainButton{margin:0!important;flex:1 1 0;min-width:0}
#map .toolBar>.mainButton>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;padding:4px 2px!important;margin:0!important;font-size:22px!important;line-height:1}
#map .toolBar>.mainButton>button .normal-tool-label{font-size:12px;line-height:15px;margin-top:0}
#map .toolBar>.mainButton>button .usosIcon,#map .toolBar>.mainButton>button .nodesIcon{width:22px;height:22px;background-size:contain}
#map #subdivision-toolbar>button{height:56px;min-height:56px;min-width:54px;padding:4px 6px;font-size:.76rem;white-space:nowrap}
#map #subdivision-toolbar>button i{font-size:22px}
#map #subdivision-refinement-toggle{width:var(--refinement-switch-width);height:56px;left:calc(50% - var(--refinement-bar-width)/2 - var(--refinement-switch-gap) - var(--refinement-switch-width));border-radius:10px 10px 0 0}
#map #subdivision-refinement-toggle svg{width:26px;height:26px}
#map .ol-zoom{top:10px!important;left:10px!important;padding:0!important;gap:6px!important}
#map .ol-zoom button,#map .ol-zoom-extent button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box}
#map .ol-zoom-extent{top:102px!important;left:10px!important;padding:0!important;margin:0!important}
#map .ch8-manual-developed-key i{background:#c7cdd2;border-color:#89939c}
/* Values 1..50 are not equally spaced labels: 10 lies at 9/49, not 1/5. */
.escPro .horizon-slider .sliderTicks{position:relative;display:block;height:28px;padding:0;margin:7px 10px 0}
.escPro .horizon-slider .sliderTicks p{position:absolute;top:0;transform:translateX(-50%);margin:0;line-height:30px}
.escPro .horizon-slider .sliderTicks p:nth-child(1){left:0}
.escPro .horizon-slider .sliderTicks p:nth-child(2){left:18.36734694%}
.escPro .horizon-slider .sliderTicks p:nth-child(3){left:38.7755102%}
.escPro .horizon-slider .sliderTicks p:nth-child(4){left:59.18367347%}
.escPro .horizon-slider .sliderTicks p:nth-child(5){left:79.59183673%}
.escPro .horizon-slider .sliderTicks p:nth-child(6){left:100%}
/* Narrow screens retain legible controls: three columns, not smaller targets.
   Both bars start beyond the switch and leave room for the layer-menu edge. */
@media(max-width:640px){
 #map{--refinement-bar-width:min(384px,calc(100% - 116px));--refinement-bar-height:128px;--refinement-switch-width:46px}
 body:not(.res) #map .ol-control.ol-bar.toolBar,#map #subdivision-toolbar{left:64px!important;transform:none!important;padding:6px!important;gap:4px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #map .toolBar>.mainButton{width:100%}
 #map #subdivision-toolbar>button{width:100%;min-width:0;font-size:.76rem;padding:4px 1px}
 #map #subdivision-refinement-toggle{left:8px}
 #map #subdivision-options{bottom:calc(var(--refinement-bar-height) + 9px)}
}