/* ===========================
   Notification Modal
=========================== */

#notifyModal{

    position:fixed;
    inset:0;

    display:none;

    justify-content:center;
    align-items:center;

    background:rgba(0,0,0,.55);

    backdrop-filter:blur(6px);

    z-index:99999;

}

.notify-box{

    width:430px;
    max-width:92%;

    background:#1e293b;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    padding:30px;

    text-align:center;

    color:#fff;

    box-shadow:0 20px 50px rgba(0,0,0,.45);

    animation:popup .25s ease;

}

@keyframes popup{

    from{

        transform:translateY(25px) scale(.95);

        opacity:0;

    }

    to{

        transform:translateY(0) scale(1);

        opacity:1;

    }

}

#notifyIcon{

    font-size:58px;

    margin-bottom:18px;

}

#notifyTitle{

    font-size:30px;

    font-weight:700;

    margin-bottom:12px;

}

#notifyText{

    margin-top:18px;

    line-height:1.8;

    color:#cbd5e1;

}

/* ===========================
   SAVE INFO
=========================== */

.save-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

    font-size:15px;

}

.save-row span{

    color:#cbd5e1;

}

.save-row b{

    color:#fff;

}

.save-time{

    margin-top:22px;

    color:#94a3b8;

    text-align:center;

    line-height:1.6;

    font-size:14px;

}

/* ===========================
   BUTTONS
=========================== */

.notify-actions{

    display:flex;

    gap:12px;

    margin-top:28px;

}

.notify-actions button{

    flex:1;

    padding:14px;

    border:none;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

/* Continue */

#notifyButton{

    background:#22c55e;

    color:#fff;

}

#notifyButton:hover{

    background:#16a34a;

}

/* Cancel */

#notifyCancel{

    display:none;

    background:#475569;

    color:#fff;

}

#notifyCancel:hover{

    background:#334155;

}