/* Keep the document scrollbar visible without hover and reserve its space before
   a selected photo makes the page taller. Do not override modal scroll locks. */
html:has(.chat-edit-page) {
    /* Keep trackpad momentum from revealing blank space beyond the feed. */
    overscroll-behavior-y: none;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: auto;
}

html:has(.chat-edit-page)::-webkit-scrollbar,
body:has(.chat-edit-page)::-webkit-scrollbar {
    display: block;
    width: 8px;
}

html:has(.chat-edit-page)::-webkit-scrollbar-track,
body:has(.chat-edit-page)::-webkit-scrollbar-track {
    background: transparent;
}

html:has(.chat-edit-page)::-webkit-scrollbar-thumb,
body:has(.chat-edit-page)::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--muted-foreground);
}