/*
 * Keep notifications and the page Save bar together in normal layout flow.
 * The combined row reserves its height, then remains at the viewport edge.
 */
.manager-page-sticky-stack {
    position: sticky;
    top: max(0.5rem, env(safe-area-inset-top));
    z-index: 1100;
    display: grid;
    gap: 0.5rem;
    min-width: 0;
    align-self: start;
}

.manager-page-sticky-stack[hidden] {
    display: none;
}

.flash-stack {
    position: static;
    width: 100%;
    max-height: calc(50vh - 1rem);
    max-height: calc(50dvh - 1rem);
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.flash-stack .flash {
    margin: 0;
    box-shadow: 0 10px 32px rgba(16, 27, 44, 0.22);
    overflow-wrap: anywhere;
}

.manager-page-sticky-stack .manager-page-action-bar {
    position: static;
    margin-top: 0;
}

@media (max-width: 900px) {
    body.manager-layout-sidebar .manager-page-sticky-stack {
        top: calc(3.9rem + env(safe-area-inset-top));
    }
}