/* Flash messages — comportamento de dispensa compartilhado.
   Auto-some em 12s (ver frontend/js/flash.js) + botão × manual.
   Cobre .flash-msg (plataforma) e .msg-alert (login / cadastro / perfil). */

.flash-msg,
.msg-alert {
    position: relative;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Espaço pro botão ×. .flash-msg já reserva padding no base_plataforma.css. */
.msg-alert { padding-right: 40px; }

/* Estado de saída aplicado pelo JS (auto-dismiss ou clique no ×). */
.flash-hide {
    opacity: 0 !important;
    transform: translateY(-6px);
}

.flash-close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.55;
}
.flash-close:hover { opacity: 1; }