.flash-stack {
    position: sticky;
    top: 0;
    z-index: 30;
    width: min(calc(100% - 2rem), 760px);
    margin: 1rem auto 0;
}

.flash {
    margin-bottom: 0.75rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-soft);
}

.flash.success {
    border-color: color-mix(in srgb, var(--color-success) 25%, transparent);
    color: var(--color-success);
}

.flash.warning {
    border-color: color-mix(in srgb, var(--color-warning) 30%, transparent);
    color: var(--color-warning);
}

.flash.error {
    border-color: color-mix(in srgb, var(--color-danger) 30%, transparent);
    color: var(--color-danger);
}