/* NodeMapView (S2, review-javítás wp6-review.md): read-only, multi-marker overview - severity-
   colored dot markers, shared between the MapLibre path (nautech-nodemap.js, HTML Marker) and the
   Leaflet WebGL2-fallback (leafletmap-nodemap.js, divIcon). Same class names on both, so the two
   only differ in how the dot gets onto the map, never in how it looks. The popup itself reuses the
   shared .nautech-map-popup* classes from nautech-map.css - only the "open node" link is new here. */

.node-map-marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--body-bg);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

/* Leaflet's own .leaflet-div-icon default (white box, grey border) undone - only our dot shows. */
.leaflet-div-icon.node-map-marker {
    background-color: transparent;
    border: 2px solid var(--body-bg);
}

.node-map-marker--clear {
    background-color: var(--c-success);
}

.node-map-marker--info {
    background-color: var(--info-clr);
}

.node-map-marker--warning {
    background-color: var(--warning-clr);
}

.node-map-marker--critical,
.node-map-marker--emergency {
    background-color: var(--critical-clr);
}

.nautech-map-popup-link {
    display: inline-block;
    margin-top: 0.5rem;
    color: var(--primary-clr);
    font-weight: 600;
    text-decoration: none;
}

.nautech-map-popup-link:hover {
    text-decoration: underline;
}