/* ======================================================================
 * TSV Flash Messages — Styles
 * SweetAlert2 + Bootstrap alert fallback için temel stiller.
 * ====================================================================== */

#flash-messages-container {
    position: relative;
    z-index: 9999;
    margin-bottom: 20px;
}

#bootstrap-alerts .alert {
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#bootstrap-alerts .alert i {
    margin-right: 8px;
}

/* SweetAlert için animate.css uyumlu sınıflar */
@keyframes tsv-flash-fadeInDown {
    from { opacity: 0; transform: translate3d(0, -100%, 0); }
    to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes tsv-flash-fadeOutUp {
    from { opacity: 1; }
    to   { opacity: 0; transform: translate3d(0, -100%, 0); }
}

.animate__animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}
.animate__fadeInDown { animation-name: tsv-flash-fadeInDown; }
.animate__fadeOutUp  { animation-name: tsv-flash-fadeOutUp; }