html * {
    font-family: "Exo-Regular"; 
  }
  
     /* Overlay scuro */
     #overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.7);
      display: flex; /* ora è visibile subito */
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }
  
    /* L’immagine in primo piano */
    #overlay img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 10px;
      box-shadow: 0 0 20px #000;
    }
  
    .loginTb
    {
      width: 300px;
      height:300px;
      border-style:solid;
      border-color: black;
      border-radius: 0,5;
      background-image: url('images/Backgrounds/bgCarbonBlu.png');
      
    }
  
    .loginTb td.input
    {
      background: rgba(128, 128, 128, 0.5); /* grigio trasparente */
      color:white;
  
    }


    #login-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
#login-modal {
    width: 400px;
    max-width: 90%;
}
    */

#login-modal {
    width: 95%;
    max-width: 450px;
}


body {
    overflow: hidden;
}


.login-link {
    font-size: 0.9rem;
    color: #6c757d;
    text-decoration: none;
    margin: 0 6px;
}

.login-link:hover {
    text-decoration: underline;
    color: #212529;
}

#login-overlay {
    backdrop-filter: blur(14px) saturate(120%);
}

/* I comandi e la visibilita del login funzionano senza stili inline. */
#login-overlay [hidden]{display:none!important}
#login-overlay .input-error{border:1px solid #e74c3c;box-shadow:0 0 5px 2px rgba(231,76,60,.4)}
#login-overlay .login-password-wrap{position:relative}
#login-overlay .login-password-wrap input{padding-right:44px}
#login-overlay .login-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;background:none;border:none;color:inherit}
#login-overlay .login-password-toggle:focus-visible{outline:2px solid #ffc107}
#login-overlay .login-google-icon{width:20px;height:20px;margin-right:8px}
#login-overlay .login-links-cell{border-bottom:0;text-align:center}
#loginGoogle{display:flex;justify-content:center;align-items:center;text-decoration:none}
#login-overlay{overflow-y:auto;padding:20px}