/* Global mobile adjustments. Breakpoint convention: max-width 767.98px = mobile,
   matching the min-width: 768px pattern used in ReceiptsPage. Desktop is unaffected. */

/* dvh tracks the visible viewport when mobile browser toolbars collapse; == vh on desktop. */
.rz-layout {
    height: 100vh;
    height: 100dvh;
}

@media (max-width: 767.98px) {
    /* Dialogs across the app use fixed pixel widths (500px–900px) that overflow a
       phone viewport. Clamp them to the screen instead of editing every call site. */
    .rz-dialog-wrapper .rz-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        max-height: 100dvh !important;
        border-radius: 0;
    }
}