/* Shared dashboard frame. The standalone site-editor document does not load this.
   Keep existing scroll owners and rail offsets; do not clip menus or composers. */
:root {
  --gridbox-radius:10px;
  --gridbox-gutter:12px;
  --gridbox-blur-height:120px;
  --gridbox-surface:var(--sf-surface,#fff);
  --gridbox-edge:var(--sf-border-2,rgba(0,0,0,.08));
}
html[data-theme="dark"] {
  --gridbox-surface:#0f0f0f;
  --gridbox-edge:rgba(255,255,255,.06);
}
html body.shopify #sf .sf-content {
  margin-left:4px!important;
  margin-right:var(--gridbox-gutter)!important;
  margin-top:var(--workspace-tabs-height,var(--gridbox-gutter))!important;
  bottom:var(--gridbox-gutter)!important;
  border-radius:var(--gridbox-radius)!important;
  background:var(--gridbox-surface)!important;
  box-shadow:0 0 0 1px var(--gridbox-edge),0 1px 2px rgba(0,0,0,.04)!important;
}
html body:not(.email-canvas-mode):is(:not([data-view]),[data-view="home"]) .main {
  border-radius:var(--gridbox-radius)!important;
  background:var(--gridbox-surface)!important;
  box-shadow:0 0 0 1px var(--gridbox-edge),0 1px 2px rgba(0,0,0,.04)!important;
}
html body .sf-set .sf-set-main {
  margin-top:var(--gridbox-gutter)!important;
  margin-bottom:var(--gridbox-gutter)!important;
  border-radius:var(--gridbox-radius)!important;
  background:var(--gridbox-surface)!important;
  box-shadow:0 0 0 1px var(--gridbox-edge),0 1px 2px rgba(0,0,0,.04)!important;
}
@media(max-width:720px) {
  html body.shopify #sf .sf-content {
    top:45px!important;
    margin-left:var(--gridbox-gutter)!important;
    margin-right:var(--gridbox-gutter)!important;
    margin-top:4px!important;
  }
  html body.workspace-tabs-visible.shopify[data-view="tasks"] #sf .sf-content {
    margin-top:var(--workspace-tabs-height,42px)!important;
  }
  html body .sf-set .sf-set-main {margin-top:49px!important}
}
/* Inbox already includes these gutters in its left/right coordinates. */
html body.shopify[data-view="messages"] #sf .sf-content {
  margin-left:0!important;margin-right:0!important;
}
@media(forced-colors:active) {
  html body.shopify #sf .sf-content,
  html body .sf-set .sf-set-main,
  html body:not(.email-canvas-mode):is(:not([data-view]),[data-view="home"]) .main {
    background:Canvas!important;outline:1px solid CanvasText;outline-offset:-1px;
  }
}