/* Existing WATER blue, own-place green and gauge symbol; counts are type-specific. */
.ht-cluster { background: transparent; border: 0; }
.ht-cluster-body { box-sizing: border-box; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 3px; border: 3px solid #fff; border-radius: 50%; background: #2c6e9e; color: #fff; box-shadow: 0 1px 5px #0006; font: 14px/1.1 system-ui, sans-serif; }
.ht-cluster-spots .ht-cluster-body { background: #16803c; border-radius: 15px; }
.ht-cluster-gauges .ht-cluster-body { background: #34495e; border-radius: 8px; }
.ht-cluster-structures .ht-cluster-body { background: #7c2d12; border-radius: 12px; }
.ht-cluster:focus-visible { outline: 3px solid #151515; outline-offset: 3px; }
.ht-cluster-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.water-marker-icon { background: transparent; border: 0; display: grid; place-items: center; }
.water-marker-dot { box-sizing: border-box; width: 17px; height: 17px; border: 3px solid #2c6e9e; border-radius: 50%; background: #2c6e9ecc; }
.water-marker-private .water-marker-dot { border-color: #d97706; background: #d97706cc; }
.leaflet-marker-icon.own-spot-marker { width: 44px!important; height: 44px!important; border: 0; background: transparent; box-shadow: none; }
.leaflet-marker-icon.own-spot-marker::before { content: ''; box-sizing: border-box; width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; background: #16803c; box-shadow: 0 1px 5px #0006; }
.structure-marker-icon { background: transparent; border: 0; display: grid; place-items: center; }
.structure-marker-symbol { box-sizing: border-box; display: grid; place-items: center; width: 28px; height: 28px; border: 2px solid #fff; border-radius: 8px; background: #7c2d12; color: #fff; box-shadow: 0 1px 5px #0006; font: 19px/1 system-ui, sans-serif; }
.structure-popup { overflow-wrap: anywhere; line-height: 1.5; }
.structure-popup button { margin-top: 8px; min-height: 44px; }