:root { --headerH: 56px; }
html, body { height: 100%; margin: 0; }
#map { position: fixed; top: var(--headerH); left: 0; right: 0; height: calc(100vh - var(--headerH)); width: 100vw; z-index: 0; }
.leaflet-control-attribution { display: none; }
.leaflet-control-scale { margin-bottom: 80px; margin-left: 10px; }
.leaflet-control-scale-line { border: 1px solid rgba(15, 23, 42, 0.18); background: rgba(255,255,255,0.88); color: rgba(15, 23, 42, 0.78); border-radius: 8px; padding: 4px 8px; font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif; font-size: 12px; box-shadow: 0 10px 26px rgba(0,0,0,0.10); }
.custom-marker { background: transparent; border: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

#layersBtn, #geoBtn, #measureBtn, #zoomInBtn, #zoomOutBtn, #shareBtn {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}