/*
 * Authenticated app shell
 *
 * The header, project navigation and global rail are navigational furniture,
 * not a page accent. They therefore keep one calm surface regardless of the
 * project view shown beneath them. The selector intentionally carries the
 * global rail id so it wins over route-specific cleanup sheets that load
 * later in the document.
 */

:root {
  --jp-shell: #FBFCFD;
  --jp-shell-soft: #FBFCFD;
  --jp-shell-line: #E7ECF0;
}

html body:has(#appBottomMenu.jp-global-rail) .appHeader,
html body:has(#appBottomMenu.jp-global-rail) .jp-project-nav,
html body:has(#appBottomMenu.jp-global-rail) #appBottomMenu.jp-global-rail,
html body:has(#appBottomMenu.jp-global-rail) .appFooter {
  background-color: var(--jp-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* One quiet edge keeps the fixed controls legible without introducing a
 * different coloured band on one route and not another. */
html body:has(#appBottomMenu.jp-global-rail) .appHeader,
html body:has(#appBottomMenu.jp-global-rail) .jp-project-nav,
html body:has(#appBottomMenu.jp-global-rail) #appBottomMenu.jp-global-rail {
  border-color: var(--jp-shell-line) !important;
}