/* Cartography and controls share the site's restrained blue palette. */
.v2--mappa .v2-mappa-guscio { margin: 0 14px 20px; border: 1px solid #bdd3df; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 35px -24px #214c67; }
.v2--mappa #mappa { background: #a9d6e9; }
.a2 .v2--mappa .v2-tempo { max-width: 680px; margin-inline: auto; background: rgba(250,253,255,.96); border-color: #c9dce6; border-radius: 18px; padding: 10px 16px; }
.v2--mappa .radar-key { position: absolute; z-index: 4; top: 14px; left: 14px; width: 230px; box-sizing: border-box; background: rgba(255,255,255,.95); border: 1px solid #c7dce8; border-radius: 14px; padding: 12px 14px; color: #173d57; box-shadow: 0 4px 20px -12px #183e59; font: 12px/1.4 system-ui,sans-serif; }
.radar-key[hidden] { display: none; }
.radar-key__heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.radar-key__heading b { font-size: 13px; }
.radar-key__heading button { border: 1px solid #bdd7e7; border-radius: 20px; background: #edf6fb; color: #08649a; padding: 6px 11px; cursor: pointer; min-height: 32px; }
.radar-key__colors { height: 8px; border-radius: 5px; background: linear-gradient(to right,#3eafef 0% 14.28%,#1f6bdc 14.28% 28.56%,#1eb36e 28.56% 42.84%,#fcce30 42.84% 57.12%,#f68622 57.12% 71.4%,#e63036 71.4% 85.68%,#aa3698 85.68%); }
.radar-key__values { display:flex; justify-content:space-between; margin-top:4px; font-size:10px; }
.radar-key__note { margin:6px 0 0; color:#526d7b; font-size:10px; }
.v2--mappa .v2-bar__luogo { min-width:0; }
@media(max-width:560px) {
 .v2--mappa .v2-mappa-guscio { margin-inline:8px; border-radius:16px; }
 .v2--mappa .radar-key { width:206px; top:10px; left:10px; padding:9px 11px; }
 .v2--mappa .a2-marchio--bar .a2-marchio__n { font-size:16px; }
 .v2--mappa .a2-marchio--bar img { width:24px; height:24px; }
 .v2--mappa .v2-bar__nome { font-size:16px; line-height:1.15; }
 .a2 .v2--mappa .v2-tempo { padding:8px 10px; }
}

/* Continuous radar scale, quieter controls, relief under observations. */
.v2--mappa .leaflet-tile-pane { filter: saturate(1.18) contrast(1.025); }
.v2--mappa .radar-key__colors { background:linear-gradient(to right,#3eafef,#1f6bdc,#1eb36e,#fcce30,#f68622,#e63036,#aa3698); }
.v2--mappa .leaflet-image-layer { image-rendering:auto; }
.v2--mappa .v2-tempo { bottom:12px; }
.v2--mappa .v2-tempo__l { margin-bottom:4px; }
.v2--mappa .v2-tempo__r { margin-block:5px; }
.v2--mappa .radar-key__note { line-height:1.35; }
.v2--mappa #satImg { width:100%; height:auto; object-fit:contain; }

/* Keep the complete radar title and timestamp readable on narrow phones. */
@media(max-width:560px) {
 .v2--mappa .v2-bar { flex-wrap:wrap; row-gap:8px; }
 .v2--mappa .v2-bar__luogo { order:5; flex:0 0 100%; display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
 .v2--mappa .v2-bar__nome { overflow:visible; white-space:normal; }
 .v2--mappa .v2-bar__sotto { white-space:nowrap; }
}