/*
 * Optional, for pages that load /shell/v1/backoffice-shell.js asynchronously: until the element is
 * defined, keep its slotted header/sidebar/footer content hidden and reserve the chrome's space,
 * so the page doesn't jump when the chrome appears.
 */
cl-backoffice-shell:not(:defined) {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-top: 56px;
}

cl-backoffice-shell:not(:defined) > [slot] {
  display: none;
}

@media (min-width: 1024px) {
  cl-backoffice-shell:not(:defined) {
    padding-left: 280px;
  }
}