/* The supplied construction photograph is decorative; controls and data keep solid surfaces. */
@media screen {
  body, #appShell:fullscreen {
    isolation: isolate;
  }
  body::before, #appShell:fullscreen::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: url("assets/heavy-lift-background.jpg") center bottom / cover no-repeat;
    filter: saturate(.25) brightness(.7) contrast(.85);
    opacity: .18;
  }
  body.theme-light::before, body.theme-light #appShell:fullscreen::before {
    filter: saturate(.22) brightness(.92) contrast(.8);
    opacity: .13;
  }
  body :is(.app-shell, .app-shell > main, #workspace),
  body:is(.theme-light, .workbench-view, .dashboard-view) :is(.app-shell, .app-shell > main, #workspace) {
    background: transparent;
  }
  body.dashboard-view .screen-board,
  body.theme-light.dashboard-view .screen-board {
    background: transparent;
    box-shadow: none;
  }
  body.dashboard-view .screen-board::before {
    display: none;
  }
  body #appShell:fullscreen {
    background: var(--bg);
  }
}