/* Global styles with Dynamic Viewport Height for mobile */
html,
body {
    height: 100dvh !important;
    margin: 0;
    padding: 0;
    overflow: hidden !important;
}

html {
    --lumo-font-family: 'Inter', sans-serif;
}

/* Force AppLayout to respect dvh */
vaadin-app-layout {
    height: 100dvh !important;
}

/* Hard lock on the AppLayout content area to prevent secondary scrolls */
vaadin-app-layout [part="content"] {
    height: 100% !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}

/* Specialized class for admin views to prevent any page-level scrolling */
.locked-view {
    height: 100% !important;
    flex: 1;
    min-height: 0;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}