body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }
  
  #map {
    height: 100vh;
    width: 100%;
  }
  
  #infoBox, #infoBoxItaly {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 8px 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 1000;
  }
  
  #infoBox { top: 10px; font-size: 16px; }
  #infoBoxItaly { top: 55px; font-size: 14px; }
  
  #returnButton {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #28a745;
    color: white;
    padding: 10px 24px;
    border: none;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    z-index: 1000;
  }
  
  #returnButton:hover {
    background-color: #218838;
  }
  
  /* Pannello sinistro */
  #leftPanel {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 260px;
    height: 95vh;
    overflow-y: auto;
    background: rgba(255,255,255,0.92);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  }
  
  /* Pannello destro */
  #rightPanel {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 260px;
    height: 95vh;
    overflow-y: auto;
    background: rgba(255,255,255,0.92);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  }
  
  #leftPanel h3, #rightPanel h3 {
    margin-top: 0;
    text-align: center;
  }
  
  .flightItem, .atcItem {
    padding: 6px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
  }
  
  .flightItem:last-child,
  .atcItem:last-child {
    border-bottom: none;
  }
  
  /* Icone ATC */
  .leaflet-div-icon { background: transparent; border: none; }
  
  .atc-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    border: 2px solid white;
    border-radius: 4px;
    box-shadow: 0 0 3px #000;
  }
  
  .atc-g { background-color: green; }
  .atc-t { background-color: red; }
  .atc-a { background-color: blue; }
  .atc-d { background-color: orange; }
  .atc-c { background-color: purple; }
  .atc-unknown { background-color: gray; }
  .highlight {
    border: 2px solid #007bff;
    border-radius: 6px;
    background: rgba(0, 123, 255, 0.15);
  }
  /* Pulsanti pannelli */
.panelToggle {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 14px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    z-index: 1200;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  }
  
  #toggleLeft { left: 280px; }
  #toggleRight { right: 280px; }
  
  .panelToggle:hover {
    background: #0056c7;
  }
  
  /* Widget METAR/TAF */
  #metarWidget {
    position: fixed;
    bottom: 70px;
    right: 10px;
    width: 300px;
    max-height: 50vh;
    background: rgba(255,255,255,0.95);
    border-radius: 10px;
    padding: 10px;
    display: none;
    overflow-y: auto;
    z-index: 1200;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  }
  
  #metarHeader {
    font-weight: bold;
    margin-bottom: 8px;
    text-align: center;
    font-size: 16px;
  }
  
  #metarButton {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #ff8800;
    color: white;
    padding: 12px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    z-index: 1200;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  }
  
  #metarButton:hover {
    background: #e67600;
  }
  
  /* Evidenziazione volo */
  .highlight {
    border: 2px solid #007bff;
    border-radius: 6px;
    background: rgba(0, 123, 255, 0.15);
  }
  #toggleLeft {
    left: 280px;
    transition: left 0.3s ease;
  }
  
  #toggleRight {
    right: 280px;
    transition: right 0.3s ease;
  }