/* The hit layer sits behind visible dots, so a larger target never covers one. */
.uap-map-hit {
  fill: transparent;
  stroke: transparent;
  stroke-width: 44px;
  pointer-events: all;
  cursor: pointer;
}

.uap-map-hit[hidden],
.uap-map-record[hidden],
.uap-map-record:not(.is-active) .uap-record-ping {
  display: none;
}

.uap-record-ping {
  pointer-events: none;
}

.uap-map-record:focus-visible .uap-record-dot {
  stroke: #fff;
  stroke-width: 3;
}

.uap-detail-card div.uap-nearby-list {
  display: grid;
  gap: 8px;
  max-height: min(45vh, 360px);
  overflow-y: auto;
}

.uap-nearby-list button {
  display: grid;
  gap: 5px;
  width: 100%;
  min-height: 44px;
  padding: 12px;
  border: 1px solid rgba(34, 244, 255, 0.35);
  background: #0a1727;
  color: #f0f6ff;
  text-align: left;
  cursor: pointer;
}

.uap-nearby-list button:hover,
.uap-nearby-list button:focus-visible {
  border-color: #22f4ff;
  outline: 2px solid #22f4ff;
  outline-offset: 1px;
}

.uap-nearby-list span {
  color: #b5c8df;
  font-size: 0.8rem;
  line-height: 1.5;
}