.risk-map {
  height: 560px;
  min-height: 560px;
  background: #070a0f;
}

.risk-map .maplibregl-canvas {
  outline: none;
}

.maplibregl-map {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  border-radius: 18px;
  overflow: hidden;
}

.maplibregl-marker {
  z-index: 3;
}

.maplibre-risk-label {
  border: 0;
  background: rgba(7, 10, 15, .46);
  color: #f5efe7;
  border-radius: 999px;
  padding: .18rem .42rem;
  font: inherit;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 850;
  white-space: nowrap;
  cursor: pointer;
  text-shadow: 0 2px 8px rgba(0,0,0,.95), 0 0 2px rgba(0,0,0,.9);
  box-shadow: 0 6px 18px rgba(0,0,0,.26);
}

.maplibre-risk-label:hover,
.maplibre-risk-label.is-selected {
  background: rgba(245, 239, 231, .14);
  outline: 1px solid rgba(245, 239, 231, .32);
}

.maplibregl-ctrl-top-left {
  top: 12px;
  left: 12px;
}

.maplibregl-ctrl-group {
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,.32) !important;
  background: rgba(17, 21, 29, .96) !important;
}

.maplibregl-ctrl-group button {
  background-color: rgba(17, 21, 29, .96) !important;
  color: #f5efe7 !important;
  border-color: rgba(255,255,255,.1) !important;
}

.maplibregl-ctrl-group button span {
  filter: invert(1) opacity(.88);
}

.maplibregl-ctrl-attrib {
  background: rgba(9, 11, 15, .72) !important;
  color: rgba(245, 239, 231, .62) !important;
  font-size: 10px;
}

.maplibregl-ctrl-attrib a {
  color: rgba(245, 239, 231, .8) !important;
}

.map-card {
  overflow: hidden;
}