.map-canvas .mapboxgl-map,.map-canvas .maplibregl-map{font-family:var(--font-sans)}.map-canvas>.mapboxgl-map,.map-canvas>.maplibregl-map{position:absolute;inset:0}.map-canvas .mapboxgl-ctrl-group,.map-canvas .maplibregl-ctrl-group{border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.map-canvas .mapboxgl-ctrl-group button,.map-canvas .maplibregl-ctrl-group button{background-color:#0000;width:36px;height:36px}.map-canvas .mapboxgl-ctrl-group button+button,.map-canvas .maplibregl-ctrl-group button+button{border-top:1px solid var(--color-border)}.map-canvas .mapboxgl-ctrl-group button:hover,.map-canvas .maplibregl-ctrl-group button:hover{background-color:var(--color-surface-sunken)}:root[data-theme=dark] .map-canvas .mapboxgl-ctrl-group button .mapboxgl-ctrl-icon,:root[data-theme=dark] .map-canvas .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert()brightness(1.6)}.map-canvas .mapboxgl-ctrl-attrib,.map-canvas .maplibregl-ctrl-attrib{font-size:var(--text-2xs);color:var(--color-fg-muted);background:var(--color-surface-glass);border-radius:var(--radius-sm) 0 0 0}.map-canvas .mapboxgl-ctrl-attrib a,.map-canvas .maplibregl-ctrl-attrib a{color:var(--color-fg-muted)}.map-canvas .mapboxgl-popup-content,.map-canvas .maplibregl-popup-content{font-family:var(--font-sans);color:var(--color-fg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-popover);background:var(--color-surface-elevated);padding:12px 14px}.map-canvas .mapboxgl-popup-close-button,.map-canvas .maplibregl-popup-close-button{width:28px;height:28px;color:var(--color-fg-muted);transition:background-color var(--duration-fast) ease;border-radius:9999px;font-size:18px;line-height:1;top:4px;right:4px}.map-canvas .mapboxgl-popup-close-button:hover,.map-canvas .maplibregl-popup-close-button:hover{background:var(--color-surface-sunken);color:var(--color-fg)}.map-canvas .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.map-canvas .maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--color-surface-elevated)}.map-canvas .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.map-canvas .maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--color-surface-elevated)}.map-canvas .mapboxgl-popup-anchor-left .mapboxgl-popup-tip,.map-canvas .maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--color-surface-elevated)}.map-canvas .mapboxgl-popup-anchor-right .mapboxgl-popup-tip,.map-canvas .maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--color-surface-elevated)}.map-pin{cursor:pointer;width:44px;height:44px;color:var(--color-map-selected);background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}span.map-pin{cursor:default;pointer-events:none}.map-pin:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:9999px}.map-pin__halo{opacity:0;background:currentColor;border-radius:9999px;width:16px;height:16px;position:absolute}.map-pin--pulse .map-pin__halo{opacity:.45;animation:var(--animate-pulse-ring)}.map-pin__dot{border:3px solid var(--color-map-label-halo);width:16px;height:16px;transition:transform var(--duration-fast) ease, background-color var(--duration-fast) ease, opacity var(--duration-fast) ease;background:currentColor;border-radius:9999px;display:block;position:relative;box-shadow:0 1px 4px #00000059}.map-pin--lg .map-pin__dot,.map-pin--lg .map-pin__halo{width:22px;height:22px}button.map-pin:hover .map-pin__dot{transform:scale(1.15)}.map-pin__text{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-map-label);background:var(--color-map-label-halo);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);pointer-events:none;border-radius:9999px;padding:2px 7px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;top:calc(50% + 10px);left:50%;transform:translate(-50%)}.map-pin[data-state=on],.map-pin[data-state=selected]{color:var(--color-map-selected)}.map-pin[data-state=online]{color:var(--color-map-online)}.map-pin[data-state=offline]{color:var(--color-map-offline)}.map-pin[data-state=attention],.map-pin[data-state=unfit]{color:var(--color-map-attention)}.map-pin[data-state=pending]{color:var(--color-map-pending)}.map-pin[data-state=inactive],.map-pin[data-state=neutral]{color:var(--color-map-inactive)}.map-pin[data-state=live]{color:var(--color-map-live)}.map-pin[data-state=dropped]{color:var(--color-fg-muted)}.map-pin[data-state=dropped] .map-pin__dot{background:var(--color-surface-elevated);opacity:.85;border-color:currentColor}.map-pin[data-state=dropped] .map-pin__text{opacity:.7}.map-pin[data-state=outside]{color:var(--color-map-inactive)}.map-pin[data-state=outside] .map-pin__dot{opacity:.6;border-width:2px;width:10px;height:10px}.map-pin[data-state=outside] .map-pin__text{display:none}.map-overlay{z-index:2;pointer-events:none;position:absolute}.map-overlay>*{pointer-events:auto}
