#flash-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Carte */
.flash {
    display: flex;
    flex-direction: column; /* 🔥 clé du problème */
    align-items: center; /* centre horizontal */
    justify-content: center; /* centre vertical */
    text-align: center; /* centre le texte */
    gap: 6px;
    min-height: 70px; /* un peu plus haut pour respirer */

    padding: 14px 16px;
    border-radius: 14px;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    font-size: 14px;
    font-weight: 500;
    transform: translateY(10px);
    opacity: 0;
    animation: fadeIn 0.4s ease forwards;
}

/* Icône */
.flash-icon {
    font-size: 20px;
    display: block;
}

/* Variantes */
.flash.info {
    border-left: 4px solid #2b8cff;
}

.flash.success {
    border-left: 4px solid #10b981;
}

.flash.warning {
    border-left: 4px solid #f59e0b;
}

/* Animation */
@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}