/* GIS is isolated from legacy map-stage and global button styles. */
/* Keep Leaflet's inline position transforms; never apply button hover motion to markers. */
#content .leaflet-marker-icon{transition:none!important}
#content .xrg-popup{width:min(210px,calc(100vw - 120px));color:#17384a!important;-webkit-text-fill-color:currentColor!important;white-space:normal;overflow-wrap:anywhere;font:13px/1.5 system-ui,sans-serif}
#content .xrg-popup :is(b,p){color:inherit!important;-webkit-text-fill-color:currentColor!important}
#content .xrg-popup p{margin:6px 0}
#content .xrg-popup .xrg-location-link{display:inline-flex;align-items:center;min-height:36px;margin-top:6px;padding:5px 12px;border:1px solid #087e83;border-radius:7px;background:#087e83;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px;text-decoration:none}
#content .xrg-popup .xrg-location-link:hover{background:#07656a}
#content #arMapStage.xrg{display:block;min-width:0;width:100%;height:auto;padding:0;background:#fff;border:1px solid #d8e3ec;border-radius:16px;overflow:hidden;margin:0 0 20px}
#content .xrg>.xrg-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px;text-align:left}
#content .xrg-toolbar b,#content .xrg-toolbar small{display:block}.xrg-toolbar small{color:#5e7085;margin-top:4px}
#content .xrg .xrg-actions{display:flex;gap:8px;flex-wrap:wrap}
#content .xrg .xrg-actions button,#content .xrg-points button{background:#fff;color:#244968;border:1px solid #c9d9e8;border-radius:9px;padding:9px 13px;min-height:42px;font:inherit;text-transform:none;box-shadow:none}
#content .xrg button:disabled{opacity:.5;cursor:default}
#content .xrg>.xrg-layers{display:flex;gap:12px 20px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid #e1eaf0;background:#f7fafc;text-align:left}
#content .xrg-layers label{display:flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:500;color:#28445b}
#content .xrg-layers input{width:18px;height:18px;min-height:0;padding:0;margin:0;accent-color:#087e83}
#content .xrg>.xrg-canvas{display:block;position:relative;width:100%;height:470px;min-height:0;padding:0;text-align:left;background:#edf2f6;z-index:0;font-family:inherit}
#content .xrg>.xrg-canvas[hidden]{display:none}
#content .xrg>.xrg-status{display:block;font-size:13px;padding:12px 18px;color:#365367;background:#f7fafc;min-height:42px;text-align:left;overflow-wrap:anywhere}
#content .xrg>.xrg-legend{display:flex;gap:12px 20px;flex-wrap:wrap;padding:12px 18px;font-size:12px;text-align:left}
.xrg-legend span:before{content:'';display:inline-block;width:22px;border-top:3px dashed;margin-right:7px;vertical-align:middle}.xrg-existing{color:#087e83}.xrg-proposed{color:#b9690d}.xrg-selected{color:#7548bb}.xrg-geometry{color:#6a7184}.xrg-geometry:before{border-top-style:solid!important}
#content .xrg .xrg-note{font-size:12px;margin:0;padding:0 18px 14px;color:#54677b}
#content .xrg .xrg-points{padding:12px 18px;border-top:1px solid #e1eaf0;font-size:14px}#content .xrg-points ol{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:24px}#content .xrg-points small{display:block}
#content .xrg .leaflet-control-zoom a{background:#fff;color:#244968;width:38px;height:38px;line-height:38px;box-sizing:content-box}#content .xrg .leaflet-control-attribution{color:#243b52;font-size:11px;background:rgba(255,255,255,.95)}
#content .xrg .leaflet-popup-content{max-width:220px;overflow-wrap:anywhere;white-space:normal;font-size:13px;line-height:1.5}#content .xrg-popup p{margin:6px 0}.xrg-order{color:#633ba0;font-weight:700}#content .xrg .xn-map-notice{font-size:13px;padding:10px 18px;color:#79550c;background:#fff7e5}#content .xrg .xn-map-notice[hidden]{display:none}
#content .xrg>.xrg-fallback{height:auto;min-height:0}#content .xrg-fallback svg{width:100%;height:auto}
@media(max-width:600px){#content .xrg>.xrg-canvas{height:360px}#content .xrg>.xrg-toolbar,#content .xrg>.xrg-layers{padding:12px}.xrg-toolbar b{font-size:16px}#content .xrg-layers label{min-height:32px}#content .xrg>.xrg-legend{gap:10px 14px}#content .xrg>.xrg-status{font-size:12px}}

/* Override the older .xMapStage and generic blue button rules only inside GIS. */
html body #content #arMapStage.xrg{display:block!important;padding:0!important;height:auto!important;min-height:0!important;background:#fff!important}
html body #content .xrg>.xrg-toolbar{display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;padding:16px!important;background:#fff!important}
html body #content .xrg>.xrg-layers,html body #content .xrg>.xrg-legend{display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important}
html body #content .xrg>.xrg-status{display:block!important;text-align:left!important}
html body #content .xrg .xrg-actions button,html body #content .xrg-points button{background:#fff!important;color:#244968!important;border:1px solid #c9d9e8!important;border-radius:9px!important;padding:9px 13px!important;min-height:42px!important;font-size:14px!important;box-shadow:none!important}
#content .xAutoRoute>.xRouteMap{grid-row:1;padding:0!important;background:transparent!important;border:0!important}
#content #arMapStage{scroll-margin-top:calc(var(--ui-header,72px) + 12px)}