/**
 * Flash toast Bootstrap — pilha fixa canto superior direito (não empurra layout).
 */
.meelion-bootstrap-flash-stack {
    position: fixed;
    top: max(0.75rem, env(safe-area-inset-top, 0px));
    right: max(0.75rem, env(safe-area-inset-right, 0px));
    z-index: 1080;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    max-width: min(22rem, calc(100vw - 1.5rem));
    margin: 0;
    padding: 0;
    pointer-events: none;
    background: transparent;
    box-shadow: none;
}

.meelion-bootstrap-flash-stack .meelion-bs-flash__alert {
    pointer-events: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.35;
    text-align: start;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    border-radius: 0.375rem;
}

.meelion-bootstrap-flash-stack .meelion-bs-flash__alert .btn-close {
    padding: 0.5rem;
}

/* Cache Manager: estilos antigos do #flash-messages-area (margin/z-index de fluxo) */
#flash-messages-area.meelion-bootstrap-flash-stack {
    margin: 0;
    z-index: 1080;
}