html, body {
    height: 100%;
    overflow: hidden;
}
body {
     display:flex;  
    flex-direction:column; 
    overflow:hidden;       
}
.nk-box.bg-dark-1 {
    background: transparent !important;
    flex:1 0 auto;         
    display:flex;
    justify-content:center;
    align-items:center;   
}
.nk-footer{
    flex-shrink:0;       
}

.nk-footer .nk-gap-4{
    display: none;       
}

.forgot-password-container {
    background: rgba(0, 0, 0, 0.60);      
    padding: 40px 32px;
    border-radius: 10px;
    backdrop-filter: blur(4px);          
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.45);
    display: flex;            
    justify-content: center;    
    align-items: center;        
    min-height: 300px;            
    margin: 0;                   

}
/* overlay negro translúcido */
/* --- Overlay global --------------------------------------------- */
.nk-error-overlay{
    position:fixed;
    inset:0;                                 /* cubre toda la ventana   */
    background:rgba(0,0,0,.70);              /* negro translúcido       */
    display:flex;                            /* centra el popup         */
    align-items:center;
    justify-content:center;
    z-index:2000;                            /* por encima de todo      */
}
/* oculto por defecto; visible sólo con la clase extra */
.nk-error-overlay:not(.is-visible){display:none;}

/* --- Caja del mensaje ------------------------------------------- */
.nk-error-box{
    background:rgba(0,0,0,.85);
    padding:32px 40px;
    border-radius:8px;
    color:#fff;
    max-width:420px;
    text-align:center;
    position:relative;
    box-shadow:0 0 12px rgba(0,0,0,.45);
}
.nk-error-close{
    position:absolute;
    top:8px;
    right:12px;
    border:none;
    background:none;
    color:#fff;
    font-size:28px;
    cursor:pointer;
    line-height:1;
}

/* oculta el <p class="error"> antiguo dentro del formulario */
.forgot-password-container .error{display:none!important;}