/* PICK.IT R50.2 map separation — collector utility map + Impact Desk SPOT heat.
   V19 render hardening: 2D raster tiles only; no WebGL or embedded map runtime. */
.pickitMap{position:relative;width:100%;overflow:hidden;background:#e9e9e5;contain:layout paint}
.binMap{height:220px;margin-top:10px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06)}
.impactHeatMap{height:min(58vh,560px);min-height:360px;border:1px solid var(--line);border-radius:2px;background:#efefeb}
.pickitMapFallback{position:absolute;inset:0;min-height:100%;display:grid;place-items:center;padding:20px;text-align:center;color:#777;font-size:12px;line-height:1.45;background:linear-gradient(135deg,#efefeb,#e4e5df)}
.pickitNativeMap{display:block!important;min-width:0;isolation:isolate}
.pickitTileStage,.pickitTilePane,.pickitOverlayPane{position:absolute;inset:0}
.pickitTileStage{overflow:hidden;background:#e7e7e2}
.pickitTilePane{z-index:1;background-color:#e4e5df;background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:32px 32px}
.pickitTile{position:absolute;width:256px;height:256px;max-width:none!important;user-select:none;-webkit-user-drag:none;filter:saturate(.58) contrast(.94) brightness(1.03)}
.pickitTile.is-missing{opacity:0}
.pickitOverlayPane{z-index:3;pointer-events:none}
.pickitMapAttribution{position:absolute;z-index:8;right:4px;bottom:3px;padding:2px 4px;background:rgba(255,255,255,.82);color:#555!important;font:8px/1.15 Arial,sans-serif!important;text-decoration:none!important;letter-spacing:0!important}
.binMapRadiusNative{position:absolute;transform:translate(-50%,-50%);border:1px dashed rgba(0,0,0,.42);border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.binMapYouNative,.binMapPinNative,.spotHeatNative{position:absolute;transform:translate(-50%,-50%);box-sizing:border-box}
.binMapYouNative{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #000;box-shadow:0 0 0 2px #fff,0 5px 18px rgba(0,0,0,.35);z-index:7}
.binMapPinNative{width:23px;height:23px;border-radius:50%;background:#000;border:3px solid #fff;box-shadow:0 4px 16px rgba(0,0,0,.3);pointer-events:auto;z-index:6}
.binMapPinNative:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.spotHeatNative{width:var(--heat-size,70px);height:var(--heat-size,70px);border-radius:50%;border:1px solid rgba(0,0,0,.22);background:radial-gradient(circle,rgba(0,0,0,var(--heat-alpha,.2)) 0 34%,rgba(0,0,0,.08) 35% 58%,rgba(0,0,0,.025) 59% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;pointer-events:auto;cursor:pointer;z-index:5}
.pickitMapBubble{position:absolute;z-index:12;transform:translate(-50%,calc(-100% - 12px));min-width:165px;max-width:230px;padding:10px 11px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(0,0,0,.18);color:#000;pointer-events:auto}
.pickitMapPopup{display:grid;gap:5px;font-family:var(--sans);color:#000}.pickitMapPopup b{font-size:13px}.pickitMapPopup span,.pickitMapPopup small{font-size:11px;color:#666}.pickitMapPopup a{font-size:11px;font-weight:800;color:#000;text-decoration:none;border-top:1px solid rgba(0,0,0,.1);padding-top:6px;margin-top:2px}
.impactHeatCard{margin-top:16px}.impactHeatHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:12px}.impactHeatHead h2{margin:0}.impactHeatHead p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.impactHeatStats{display:flex;gap:16px;flex-wrap:wrap;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:850}.impactHeatStats b{color:#000;font-size:13px;letter-spacing:-.02em}.impactHeatNote{margin:10px 0 0;color:#777;font-size:11px;line-height:1.45}
.impactHeatEmpty{position:absolute;z-index:10;left:50%;bottom:18px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 30px rgba(0,0,0,.08);color:#555;font-size:11px;font-weight:700;pointer-events:none;white-space:nowrap}
@media(max-width:720px){.binMap{height:200px}.impactHeatMap{min-height:330px;height:54vh}.impactHeatHead{display:block}.impactHeatStats{margin-top:10px}}
