/* Mare oltre i bordi: dietro la mappa c'è mare invece dello sfondo tramonto viola/rosa,
   così su schermi larghi (ultra wide, iPad) l'isola non sta dentro un rettangolo.
   La barra in alto sta al centro (vedi in fondo). Va caricato dopo stile-leonida.css e notte.css. Per toglierlo basta togliere il <link> da index.html. */
.map-workspace,
.atlas-map-canvas {
  background: #296fab;
}

/* Modalità notte: stesso mare attenuato come l'immagine della mappa (brightness 0.55, saturate 0.7) */
html.notte .map-workspace,
html.notte .atlas-map-canvas {
  background: #1f3851;
}

/* Barra in alto al centro (PC e ultra wide con mouse): lo stile dell'app la spinge sul bordo destro.
   Con margini automatici da entrambi i lati sta al centro dello spazio libero, con le colonne aperte o chiuse. */
@media (width >= 1000px) and (hover: hover) and (pointer: fine) {
  .map-topbar .map-actions { margin-left: auto; margin-right: auto; }
}