/* Avviso di sessione scaduta (#mnt-sessione). Il grosso viene dalle classi dei modali di
   app.css (md-overlay, md-card, md-head, md-close); qui solo le differenze, con le variabili di
   app.css: segue da solo il tema chiaro e quello scuro. */

/* Sopra tutto: gli altri modali, il velo di caricamento (#mnt-runtime-status, 99999) e la
   maschera del tour guidato (mentium-tour.js, fino a 999993). */
#mnt-sessione.md-overlay{z-index:1000000}
#mnt-sessione[hidden]{display:none !important}

#mnt-sessione .mnt-sessione__card{width:min(440px,100%)}
#mnt-sessione .md-head{margin-bottom:10px}
#mnt-sessione .mnt-sessione__card:focus{outline:none}

.mnt-sessione__testo{
  margin:0;
  color:var(--muted);
  font-size:15px;line-height:1.55;
}

.mnt-sessione__azioni{
  display:flex;justify-content:flex-end;
  margin-top:20px;
}

.mnt-sessione__ricarica{
  border:none;cursor:pointer;font:inherit;font-size:15px;font-weight:800;color:#fff;
  background:linear-gradient(180deg,var(--blue),var(--blue-deep));
  padding:12px 20px;border-radius:12px;
  box-shadow:0 8px 20px rgba(37,74,135,0.35);
  transition:transform 0.15s ease, box-shadow 0.15s ease;
}
.mnt-sessione__ricarica:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,74,135,0.42)}
.mnt-sessione__ricarica:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

@media (max-width:480px){
  .mnt-sessione__ricarica{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .mnt-sessione__ricarica{transition:none}
  .mnt-sessione__ricarica:hover{transform:none}
}