.ardea-map {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(7,94,159,.09), transparent 52%),
    linear-gradient(145deg, #f8fbfe, #eef3f8);
  color: #075e9f;
}
html[data-theme="dark"] .ardea-map {
  background:
    radial-gradient(circle at 50% 50%, rgba(120,200,255,.09), transparent 52%),
    linear-gradient(145deg, #0c1930, #071126);
  color: #78c8ff;
}
.ardea-map::before { content: "N  40° 51′  ·  E 14° 16′"; position: absolute; top: 18px; left: 20px; z-index: 4; color: rgba(1,17,53,.46); font-family: monospace; font-size: .68rem; letter-spacing: .1em; }
html[data-theme="dark"] .ardea-map::before { color: rgba(255,255,255,.42); }
.ardea-map__grid { position: absolute; inset: 0; opacity: .72; background-image: linear-gradient(rgba(7,94,159,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(7,94,159,.07) 1px, transparent 1px), linear-gradient(rgba(1,17,53,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(1,17,53,.03) 1px, transparent 1px); background-size: 80px 80px,80px 80px,16px 16px,16px 16px; }
html[data-theme="dark"] .ardea-map__grid { opacity: .42; background-image: linear-gradient(rgba(120,200,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(120,200,255,.07) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); }
.ardea-map__radar { position: absolute; width: min(86%, 820px); left: 50%; top: 50%; transform: translate(-50%,-50%); color: currentColor; }
.ardea-pulse { transform-origin: center; animation: ardeaPulse 3.8s ease-out infinite; }
.ardea-sweep { transform-origin: 400px 260px; animation: ardeaSweep 7s linear infinite; }
.ardea-map__empty { position: absolute; z-index: 5; left: 50%; top: 50%; width: min(430px, calc(100% - 48px)); transform: translate(-50%,-50%); padding: 26px; text-align: center; color: var(--ardea-text); border: 1px solid var(--ardea-line-strong); border-radius: 8px; background: rgba(255,255,255,.9); backdrop-filter: blur(14px); box-shadow: var(--ardea-shadow); }
html[data-theme="dark"] .ardea-map__empty { background: rgba(12,25,48,.9); }
.ardea-map__empty img { width: 62px; margin: 0 auto 14px; }.ardea-map__empty strong{display:block;font-size:1.08rem}.ardea-map__empty p{margin:8px 0 0;color:var(--ardea-muted);font-size:.86rem}
.ardea-map__legend { position: absolute; z-index: 5; left: 18px; right: 18px; bottom: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.ardea-map__legend span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; background: rgba(255,255,255,.88); border: 1px solid var(--ardea-line); border-radius: 999px; color: var(--ardea-muted); font-size: .7rem; }
html[data-theme="dark"] .ardea-map__legend span { background: rgba(7,17,38,.82); }
.ardea-map__legend i { width: 8px; height: 8px; border-radius: 50%; }.ardea-map__legend .risk-low{background:#65a868}.ardea-map__legend .signal{background:#e58a00}.ardea-map__legend .event{background:#e92712;box-shadow:0 0 0 4px rgba(233,39,18,.13)}
@keyframes ardeaPulse { 0%{opacity:.5;transform:scale(.45)} 70%,100%{opacity:0;transform:scale(1.08)} }
@keyframes ardeaSweep { to { transform: rotate(360deg); } }

/* 1.6.16.82K · legenda gestita nel flusso della rete meteo */
.ardea-risk-network .ardea-map__legend {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
}