.messages-stack {
    position: fixed;
    top: calc(var(--topbar-height, 72px) + 1rem);
    left: 50%;
    z-index: 3000;

    width: min(92vw, 640px);

    display: grid;
    gap: 0.75rem;

    transform: translateX(-50%);
    pointer-events: none;
}

.app-message {
    pointer-events: auto;

    margin: 0;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);

    font-weight: 750;
}

.app-message.alert-danger {
    color: #7f1d1d;
    background: #fef2f2;
}

.app-message.alert-success {
    color: #14532d;
    background: #f0fdf4;
}

.app-message.alert-info {
    color: #1e3a8a;
    background: #eff6ff;
}

.app-message.alert-warning {
    color: #713f12;
    background: #fefce8;
}