/* Пеленг ЦУП — Tailwind (vendor/tailwind.js) несёт основную стилизацию.
   Здесь только то, что Tailwind не покрывает: контейнер карты и попап MapLibre. */

#map { width: 100%; height: 100%; }
#map canvas { outline: none; }

/* MapLibre popup под светлую тему Outpost */
.maplibregl-popup-content {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.15);
  padding: 10px 12px;
}
.maplibregl-popup-close-button { font-size: 16px; color: #64748b; padding: 0 6px; }

/* Узловые маркеры-светофоры: точка всегда, плашка — при зуме (#map.show-labels) */
.nmk { display: flex; align-items: center; cursor: pointer; }
.nmk-dot {
  width: 13px; height: 13px; border-radius: 50%;
  border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(15,23,42,.25);
  flex: 0 0 auto;
}
.nmk-green  { background: #10b981; }
.nmk-yellow { background: #f59e0b; }
.nmk-red    { background: #ef4444; }
.nmk-gray   { background: #94a3b8; }

.nmk-chip {
  display: none;                     /* показывается при #map.show-labels */
  margin-left: 5px; background: rgba(255,255,255,.94);
  border: 1px solid #e2e8f0; border-radius: 5px;
  padding: 2px 6px; box-shadow: 0 1px 2px rgba(15,23,42,.12);
  white-space: nowrap; line-height: 1.25;
}
#map.show-labels .nmk-chip { display: block; }
.nmk-name { font-size: 12px; font-weight: 600; color: #0f172a; }
.nmk-meta { font-size: 10px; color: #64748b; font-family: ui-monospace, monospace; }
.nmk-st   { font-size: 10px; font-weight: 500; }
.nmk-st-green  { color: #059669; }
.nmk-st-yellow { color: #b45309; }
.nmk-st-red    { color: #b91c1c; }
.nmk-st-gray   { color: #94a3b8; }