/* Map overlay legend — bottom right, avoid zoom control */
    .map-overlay{position:absolute;bottom:10px;right:10px;z-index:500;
      background:rgba(18,18,32,0.88);backdrop-filter:blur(14px);border-radius:10px;
      padding:8px 12px;border:1px solid rgba(255,255,255,0.08);pointer-events:none;max-width:400px}
    .map-overlay .legend-row{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--text-dim);align-items:center}
    .map-overlay .legend-row span{display:flex;align-items:center;gap:3px}
    .legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
    .legend-line{display:inline-block;width:20px;height:0;vertical-align:middle;margin-right:2px}
    .legend-sep{width:1px;height:14px;background:rgba(255,255,255,0.12);margin:0 2px}

    /* Leaflet popups */
    .leaflet-popup-content-wrapper{background:rgba(20,20,35,0.95)!important;color:#eee!important;border-radius:10px!important;border:1px solid rgba(255,255,255,0.1)!important;backdrop-filter:blur(10px)!important}
    .leaflet-popup-tip{background:rgba(20,20,35,0.95)!important}
    .leaflet-popup-content{font-family:var(--font)!important;font-size:12px!important;line-height:1.5!important}
    .leaflet-popup-content .pt{font-weight:700;font-size:13px;margin-bottom:2px}
    .leaflet-popup-content .ptag{display:inline-block;font-size:9px;padding:1px 6px;border-radius:6px;margin-bottom:3px}
    .leaflet-popup-content .pd{color:#999;font-size:11px}