html, body { height: 100%; }
body { margin: 0; }

/* layout delle colonne e dei contenitori dei grafi */
.pane { display: flex; flex-direction: column; height: 100%; }
.graph { flex: 1; min-height: 0; } /* fondamentale perché il grafico riempia la colonna */

.vn-toolbar{
  position:absolute;
  bottom:auto;           /* <-- in basso */
  left:25px;            /* bottom-right; per centro vedi nota sotto */
  top:85px;              /* disattiva il posizionamento top */
  z-index:999;
  display:flex; gap:6px; flex-wrap:wrap;
  pointer-events:none;
}

.vn-btn{
  pointer-events:auto;
  width:34px; height:34px; border-radius:8px; border:1px solid #ccc;
  background:#fff; cursor:pointer; box-shadow:0 1px 4px rgba(0,0,0,.1);
  display:grid; place-items:center;
}
.vn-btn svg{ width:20px; height:20px; fill:#1976d2; } /* colore icona */
.vn-btn:hover{ background:#f7f7f7; }
.vn-accent{ border-color:#1976d2; }

.controls {
  padding: 10px;
  background: #f4f4f4;
  margin-left: 10px;
  border-radius: 5px;
}

.controls input, .controls button {
  margin-right: 5px;
}

#loadingOverlay {
position: absolute; top: 0; left:0;
width: 100%; height: 100%;
background: rgba(255,255,255,0.85);
display: flex; flex-direction: column; justify-content: center; align-items: center;
font-size: 20px;
z-index: 1000;
}
.spinner {
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 60px; height: 60px;
animation: spin 1s linear infinite;
margin-bottom: 12px;
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
 .selection {
             /* 5% in basso */
  background: rgb(255, 255, 255);
  padding: 5px 10px;
position: absolute;
    bottom: auto;
    /* <-- in basso */
    left: 15px;
    /* bottom-right; per centro vedi nota sotto */
    top: 125px;
}

.my-btn {
  background-color: #fff    !important;
  color: #000 !important;
}



    /* Overlay più trasparente */
    .uk-modal.uk-open::before {
      background: rgba(0,0,0,0.2);
    }
  
    /* Modale 90% larghezza e altezza */
    .modal-box {
      width: 90vw;
      height: 90vh;
      box-sizing: border-box;
      border-radius: 8px; /* opzionale */
      overflow: hidden;
    }

    #cfg-slideshow-items li a[data-lightbox].uk-position-cover { z-index: 2; }
    /* l’immagine non deve catturare i click */
    #cfg-slideshow-items li img[uk-cover] { pointer-events: none; }