/*
 * inactivity.css : styles du modal d'inactivité.
 * Dégradé, animation, responsive, cohérence Bootstrap.
 * Utilisé sur toutes les pages protégées du projet.
 * @author ONEPOINT
 * @since 2023
 */
/* inactivity.css : styles personnalisés pour la pop-up d'inactivité */
#inactivity-modal-overlay {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(60, 0, 120, 0.18);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeInOverlay 0.4s;
}
@keyframes fadeInOverlay {
    from { opacity: 0; }
    to { opacity: 1; }
}
#inactivity-modal-box {
    background: linear-gradient(120deg, #ede7f6 0%, #e3eeff 100%);
    padding: 2.2rem 2.7rem;
    border-radius: 1.2rem;
    box-shadow: 0 8px 32px 0 rgba(31,38,135,0.18);
    text-align: center;
    max-width: 340px;
    border: 1px solid #b39ddb;
    animation: popInModal 0.5s;
}
@keyframes popInModal {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}
#inactivity-modal-box h5 {
    color: #6a1b9a;
    font-weight: bold;
    margin-bottom: 1.1rem;
}
#inactivity-modal-box p {
    color: #333;
    font-size: 1.08em;
    margin-bottom: 1.5rem;
}
#stay-connected-btn {
    background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    color: #6a1b9a;
    border: none;
    font-weight: bold;
    padding: 0.6em 1.3em;
    border-radius: 0.7em;
    box-shadow: 0 2px 8px #b39ddb44;
    transition: background 0.2s, color 0.2s;
}
#stay-connected-btn:hover {
    background: linear-gradient(120deg, #ede7f6 0%, #a1c4fd 100%);
    color: #388e3c;
}