:root {
    --header-level1-height: 64px;
    --header-level2-height: 52px;
    --header-level3-height: 52px;
    --header-total-height: calc(var(--header-level1-height) + var(--header-level2-height) + var(--header-level3-height));
}

.app-main {
    padding-top: var(--header-total-height);
    min-height: 100vh;
    box-sizing: border-box;
    background-color: var(--ademi-page-bg);
}

body:has(.app-header--no-subtabs) .app-main {
    padding-top: calc(var(--header-level1-height) + var(--header-level2-height));
}

.app-content {
    padding: 1.5rem;
}