:root {
      --topbarHeight: 96px; /* misura reale della tua topbar */
    }

    :root{
      --bg:#0b0f14;       /* sfondo app */
      --panel:#151b22;    /* pannelli scuri */
      --text:#e6edf3;     /* testo principale */
      --muted:#8b949e;    /* testo attenuato */
      --border:#2b3440;   /* bordo pannelli */
    }


    :root {
      --safe-top: 0px;
      --safe-bottom: 0px;
    }

    /* Solo dispositivi Apple */
    @supports (-webkit-touch-callout: none) {
      :root {
        --safe-top: env(safe-area-inset-top);
        --safe-bottom: env(safe-area-inset-bottom);
      }
    }

    html, body {
      height: 100%; margin: 0; background: var(--bg); color: var(--text);
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; /* ← niente Times */
    }

    #map {
      position: absolute;
      top: var(--topbarHeight);
      left: 0;
      right: 0;
      bottom: 0;
    }

    body {
      padding: 0;
    }