/* Mensagens de sucesso */
.flash-success {
    background-color: #d1fae5; /* verde claro */
    border: 1px solid #10b981; /* verde */
    color: #065f46;             /* texto escuro */
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-family: Arial, sans-serif;
}

/* Mensagens de erro */
.flash-error {
    background-color: #fee2e2; /* vermelho claro */
    border: 1px solid #ef4444; /* vermelho */
    color: #991b1b;             /* texto escuro */
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-family: Arial, sans-serif;
}

/* Cada parágrafo dentro das mensagens */
.flash-success p,
.flash-error p {
    margin: 0 0 8px 0;
}

/* Pequena animação de fade-in opcional */
.flash-success,
.flash-error {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}