/*
 * 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: auto;
    }
}

body.manager-layout-sidebar .manager-page-sticky-stack {
    position: relative;
    top: auto;
    z-index: 1100;
    gap: 0;
    align-self: stretch;
    transform: translate3d(
        var(--manager-visual-viewport-left, 0px),
        var(--manager-visual-viewport-top, 0px),
        0
    );
    will-change: transform;
}

@media (max-width: 900px) {
    body.manager-layout-sidebar .manager-page-sticky-stack {
        width: min(100%, var(--manager-visual-viewport-width, 100%));
        max-width: min(100%, var(--manager-visual-viewport-width, 100%));
        justify-self: start;
    }
}

body.manager-layout-sidebar .flash-stack {
    max-height: min(42vh, 22rem);
    max-height: min(42dvh, 22rem);
    gap: 0;
}

body.manager-layout-sidebar .flash-stack .flash {
    border-right: 0;
    border-left: 0;
    box-shadow: none;
}

body.manager-layout-sidebar .flash-stack .flash + .flash {
    border-top: 0;
}