/* MODAL ANTES DE SAIR */
/* Animação de Entrada */
@keyframes modalPop {
    0% { transform: scale(0.8) translateY(30px); opacity: 0; }
    70% { transform: scale(1.05) translateY(-5px); }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

/* Animação de Saída */
@keyframes modalOut {
    0% { transform: scale(1) translateY(0); opacity: 1; }
    100% { transform: scale(0.8) translateY(20px); opacity: 0; }
}
.exit-modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7); 
    backdrop-filter: blur(0px);
    z-index: 10000; 
    display: none;
    align-items: center; 
    justify-content: center;
    padding: 20px;
    transition: backdrop-filter 0.3s ease;
    overflow-y: auto;
    flex-flow: wrap;
}
.exit-modal-content {
    background: white; 
    width: 100%; 
    max-width: 400px; 
    border-radius: 35px;
    padding: 35px 25px; 
    text-align: center;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}
/* Quando estiver abrindo/aberto */
.exit-modal-overlay.active { 
    display: flex; 
    backdrop-filter: blur(8px); 
}
.exit-modal-overlay.active .exit-modal-content { 
    animation: modalPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; 
}
/* Quando estiver fechando (Classe nova via JS) */
.exit-modal-overlay.closing {
    backdrop-filter: blur(0px);
}
.exit-modal-overlay.closing .exit-modal-content {
    animation: modalOut 0.3s ease forwards;
}

.loader-sutil {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2BC9D1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spinSutil 1s linear infinite;
    margin: 0 auto;
}
@keyframes spinSutil { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.stat-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 800;
    font-size: 1.3rem;
    border-radius: 8px;
    animation: modalPop 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.stat-item.energy { color: #f57c00; }
.stat-item.energy.is-premium { color: var(--yellow-shade); }