/* Shared workspace background. The same asset is used on every view. */
:root{
  --landscape-overlay:linear-gradient(180deg,rgba(7,19,38,.62),rgba(7,19,38,.43) 60%,rgba(7,19,38,.10));
  --landscape-glass:rgba(14,32,54,.88);
  --landscape-sidebar:linear-gradient(180deg,rgba(9,24,44,.97),rgba(9,24,44,.88) 55%,rgba(9,24,44,.54));
}
:root[data-theme=light]{
  --landscape-overlay:linear-gradient(180deg,rgba(242,246,252,.99),rgba(242,246,252,.95) 58%,rgba(242,246,252,.72));
  --landscape-glass:rgba(255,255,255,.87);
  --landscape-sidebar:linear-gradient(180deg,rgba(251,253,255,.98),rgba(251,253,255,.90) 55%,rgba(251,253,255,.62));
}
.app-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--landscape-overlay),url('/assets/workspace-mountains.png');
  background-size:cover;
  background-position:left bottom;
  background-repeat:no-repeat;
}
.sidebar{
  background:var(--landscape-sidebar);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
.main-shell{position:relative;z-index:1}
.main-shell .panel{
  background:var(--landscape-glass);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
@media(max-width:600px){
  .sidebar{
    background:rgba(9,24,44,.94);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  :root[data-theme=light] .sidebar{background:rgba(251,253,255,.94)}
}