html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    background: #e8eaf6;
}

#app {
    width: 100%;
    min-height: 100%;
}

/* Fill short screens without locking long pages to the viewport. The browser
   remains the single vertical scroll owner for the application. */
.app-shell {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
}

.main-content-shell {
    --main-content-bottom-padding: 20px;
    min-width: 0;
    overflow-x: auto;
    box-sizing: border-box;
    padding-bottom: var(--main-content-bottom-padding);
    background: var(--mud-palette-background);
}