/* =========================================================================
   The surfaces under the one chrome (includes/shell/chrome.php). The navigation itself is styled by assets/css/ds/shell-chrome.css; this sheet
   only settles the pages that carry an app below it: the Sangat portal's own header steps aside, and a workspace app fills what is left
   of the window under the header.
   ========================================================================= */
html:is([data-direction], [data-djjs-nav]) #root header.sticky.top-0 { display: none !important; }
html:is([data-direction], [data-djjs-nav]) body.app-body { display: flex; flex-direction: column; height: 100vh; height: 100dvh; }
html:is([data-direction], [data-djjs-nav]) body.app-body .app { flex: 1 1 0; min-height: 0; height: auto; }   /* whatever sits above it (the preview bar, the header) takes its own height */
html:is([data-direction], [data-djjs-nav]) body.app-body #app-theme { display: none; }   /* the header carries the theme switch */
html:is([data-direction], [data-djjs-nav]) body.app-body .app-pop { top: calc(var(--ds-header-h, 64px) + var(--bar-h, 52px) + 4px); }