/* ===============================
   GLOBAL ALERT
================================ */

.alert-global {
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    animation: slideFade .25s ease;
}

.alert-global i {
    font-size: 18px;
}

/* SUCCESS */
.alert-success-global {
    background: linear-gradient(135deg, #e6f9f0, #d2f4e3);
    border: 1px solid #28a745;
    color: #1e7e34;
}

/* ERROR */
.alert-error-global {
    background: linear-gradient(135deg, #fdecea, #fbd6d3);
    border: 1px solid #dc3545;
    color: #721c24;
}

/* CLOSE */
.alert-global .close {
    margin-left: auto;
    font-size: 20px;
    cursor: pointer;
}

/* ANIMATION */
@keyframes slideFade {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-8px);
    }
}

/* STATE AUTO CLOSE */
.alert-global.alert-hide {
    animation: slideFadeOut .25s ease forwards;
}