/* KSK Designer 1.1.76: email order preview is deliberately view-only.
   Use the server body_class *and* early JS root class, since modules and
   print/zoom controls are moved between the workspace and preview corners. */
body.kskd-order-customer-view .kskd-shell .kskd-tools,
body.kskd-order-customer-view .kskd-shell .kskd-mobile-appbar,
body.kskd-order-customer-view .kskd-shell .kskd-mobile-dock,
body.kskd-order-customer-view .kskd-shell .kskd-mobile-sheet,
body.kskd-order-customer-view .kskd-shell .kskd-mobile-quickdock,
body.kskd-order-customer-view .kskd-shell .kskd-print-toolbar,
body.kskd-order-customer-view .kskd-shell .kskd-move-zone,
body.kskd-order-customer-view .kskd-shell .kskd-desktop-zone-dock,
body.kskd-order-customer-view .kskd-shell .kskd-zoom-control,
body.kskd-order-customer-view .kskd-shell .kskd-zone-tools,
body.kskd-order-customer-view .kskd-shell .kskd-top-tools,
body.kskd-order-customer-view .kskd-shell .kskd-project-group,
body.kskd-order-customer-view .kskd-shell .kskd-stage-top,
body.kskd-order-customer-view .kskd-shell .kskd-stage-top-actions,
body.kskd-order-customer-view .kskd-shell .kskd-stage-footer,
body.kskd-order-customer-view .kskd-shell .kskd-corner:not([data-group="sides"]),
body.kskd-order-customer-view .kskd-shell .kskd-history-actions,
body.kskd-order-customer-view .kskd-shell .kskd-object-actions,
body.kskd-order-customer-view .kskd-shell .kskd-color-popover,
body.kskd-order-customer-view .kskd-shell .kskd-variant-chooser,
body.kskd-order-customer-view .kskd-shell .kskd-pricing-summary,
body.kskd-order-customer-view .kskd-shell .kskd-order-variant-summary,
body.kskd-order-customer-view > .kskd-mobile-dock,
body.kskd-order-customer-view > .kskd-mobile-sheet,
body.kskd-order-customer-view > .kskd-mobile-quickdock {
  display:none!important;
  visibility:hidden!important;
}
/* High-specificity reset of the desktop studio and small-screen editing
   columns. The original mockup fills the entire review workspace. */
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product > .kskd-fullpage-row > .kskd-shell.kskd-order-view .kskd-workspace,
body.kskd-order-customer-view .kskd-shell.kskd-order-view .kskd-workspace {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
body.kskd-order-customer-view .kskd-shell.kskd-order-view .kskd-workspace > .kskd-stage-wrap,
body.kskd-order-customer-view .kskd-shell.kskd-order-view .kskd-stage-wrap {
  grid-column:1/-1!important;
  grid-row:1!important;
  order:0!important;
  margin-inline:auto!important;
  width:100%!important;
  min-width:0!important;
}
/* Keep the front/back navigation if this product has more than one side. */
body.kskd-order-customer-view .kskd-shell.kskd-order-view .kskd-side-switch:not([hidden]) {
  pointer-events:auto;
}
/* Only one short, unobtrusive heading above the artwork. */
body.kskd-order-customer-view .kskd-shell.kskd-order-view .kskd-context-bar {
  padding:9px 12px!important;
  margin:0 0 10px!important;
  gap:0!important;
}

/* The mobile navigation is emitted outside the shell, so guard it at body level. */
body.kskd-order-customer-view .kskd-mobile-appbar,
body.kskd-order-customer-view .kskd-mobile-dock,
body.kskd-order-customer-view .kskd-mobile-sheet,
body.kskd-order-customer-view .kskd-mobile-quickdock {display:none!important;visibility:hidden!important}
/* Side switch is moved out of the editing corner by the viewer only. */
body.kskd-order-customer-view .kskd-shell.kskd-order-view .kskd-stage-wrap > .kskd-order-review-sides:not([hidden]) {
  display:flex!important;
  visibility:visible!important;
  z-index:20!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100% - 16px)!important;
  margin-inline:auto!important;
}
/* Overrides editor-specific !important rules for studio / side-drawer layouts.
   Visibility alone is insufficient: the rail must not reserve any space. */
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-tools,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-print-toolbar,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-move-zone,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-desktop-zone-dock,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-zoom-control,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-corner:not([data-group="sides"]),
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-zone-tools,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-stage-footer,
body.kskd-order-customer-view.kskd-product .product.kskd-fullpage-product .kskd-shell.kskd-readonly.kskd-order-view .kskd-stage-top {
  display:none!important;
  visibility:hidden!important;
}