#map{--card-popup-width:300px;background:#f5f5f3}
#map .leaflet-popup-content{width:var(--card-popup-width)!important;overscroll-behavior:contain;scrollbar-width:thin}
#map .leaflet-popup-content-wrapper{overflow:hidden}
#map .leaflet-popup-close-button{width:36px;height:36px;font-size:23px;line-height:32px;top:2px!important;right:2px!important}
.popup-label{padding-right:15px}
.drop-cluster{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid var(--panel);border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 0 0 1px #5052e866,0 6px 20px #22234326;font-family:var(--body)}
.cluster-number{font-size:22px;font-weight:700;line-height:1.15}.cluster-caption{font-size:11px;line-height:1.5;letter-spacing:.25px}
.drop-cluster:hover{box-shadow:0 0 0 5px #5052e822,0 6px 20px #22234326}
.drop-cluster:focus-visible,.drop-marker:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:12px}
.map-tile-status{position:absolute;z-index:650;bottom:64px;left:16px;right:16px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--body-copy);font:13px/1.5 var(--body);box-shadow:0 4px 18px #11182714}
.map-tile-status span{flex:1}.map-tile-status button{font:600 13px var(--body);color:var(--accent)}
[data-theme=dark] #map{background:#20242a}
@media(max-width:760px){.map-card-preview{padding:14px}.popup-card-main img{height:90px;width:62px}.popup-location{margin-top:10px;padding:8px 0}.popup-actions{margin-top:10px}.map-tile-status{font-size:12px;left:12px;right:12px;padding:10px 12px}.drop-cluster .cluster-number{font-size:21px}}
