/* Prime Creation | one authoritative Z stack, circuitry BEHIND transmissive glass, r3
   Geometry: viewport parent 0, backing glass -34, screen 0, interior negative,
   modal/top-layer above all. X/Y of the viewport parent always 0.
   Existing native scrollers, screen box sizes and Spatial camera untouched. */
body.prime-v2 #main[data-app-shell]{
  --prime-viewport-parent-depth:0px;
  --prime-glass-board-depth:-34px;
  --prime-screen-compensation:0px;
  --prime-glass-circuit-foil-opacity:.82;
  transform-style:preserve-3d!important;
}
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]{
  /* Avoid a 3D-transformed ancestor around every touch target on Safari. */
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  transform-origin:50% 50%!important;
}
/* The physically deepest foreground-independent element is the viewport
   parent. The existing backing glass is the NEXT ONLY layer, Z=-34. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>#primePageGlassSlab{
  transform:translate3d(0px,0px,var(--prime-glass-board-depth))!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  z-index:1!important;
}
/* All active screen elements are projected back to physical Z=0. There is
   NO extra pitch/yaw/XY on the route or viewport plane. Children inside
   panels retain the negative Z tiers authored by PrimeZSpaceMap. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>.app-window.is-prime-viewport-active:not([hidden]){
  /* Children own Spatial Z. The interactive page remains a real screen plane. */
  translate:none!important;
  rotate:none!important;
  transform-style:preserve-3d!important;
  z-index:2!important;
}
/* Screen-independent controls stay ahead of the screen, not behind the
   new parent transform. Canonical docking, hit targets and XY are unchanged. */
html[data-prime-spatial-system-enabled="true"][data-prime-spatial-enabled="true"]
body.prime-v2 #main[data-app-shell]>:is(.topbar,.app-dock,.prime-app-dock,#primeCommandDeck){
  translate:0px 0px calc(var(--prime-screen-compensation) + 4px)!important;
}
/* The foil is an etched conductor BEHIND the optical glass face, not a decal
   on the front. Each machine owns its own smaller inset conductor mask. */
body.prime-v2 #main[data-app-shell]>#primePageGlassSlab{
  /* Transparent substrate: its front coat is the ::before glass film. */
  background:transparent!important;
}
/* No full-viewport front-glass pseudo bezel: the underlying foil stays. */
body.prime-v2 #main[data-app-shell]>#primePageGlassSlab>.prime-glass-circuit-foil{
  position:absolute!important;
  inset:3px!important;
  display:block!important;
  border:0!important;
  border-radius:inherit!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  user-select:none!important;
  z-index:1!important;
  background:linear-gradient(112deg,
    rgba(68,92,115,.70) 0%,rgba(218,229,239,.92) 12%,
    rgba(93,116,139,.76) 25%,rgba(247,253,255,.98) 38%,
    rgba(101,123,149,.77) 48%,rgba(232,242,250,.97) 59%,
    rgba(57,77,103,.70) 73%,rgba(247,251,255,.96) 84%,
    rgba(79,102,127,.73) 100%)!important;
  -webkit-mask-image:url('/assets/prime/prime-glass-circuit-silver-2k.png')!important;
  mask-image:url('/assets/prime/prime-glass-circuit-silver-2k.png')!important;
  -webkit-mask-position:center center!important;
  mask-position:center center!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  opacity:var(--prime-glass-circuit-foil-opacity,.82)!important;
  mix-blend-mode:screen!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  will-change:auto!important;
}
/* Retire the old unbounded SVG wires: the board plus each panel use only
   static shared PNG alpha masks, keeping source images/copy untouched. */
body.prime-v2 :is(.prime-spatial-foil-midglass,.prime-foil-midplane){
  display:none!important;
}
/* Native HTML dialogs created by links stay in the browser top layer.
   Explicit fallback popups remain in front of even deep interior screens. */
body.prime-v2 :is(dialog:modal,.prime-price-dialog[open],.prime-storefront-dialog[open],
  [role="dialog"][aria-modal="true"]){
  z-index:2147483000!important;
}
/* The chrome circuit remains one generated, high-resolution decoded texture; light hardware tiers lower
   its opacity rather than duplicating overlays or disabling readable copy. */
html[data-prime-performance-mode="light"] body.prime-v2 #main[data-app-shell],
html[data-prime-resource-tier="low"] body.prime-v2 #main[data-app-shell]{
  --prime-glass-circuit-foil-opacity:.53;
}
@media (forced-colors:active){
  body.prime-v2 #main[data-app-shell]>#primePageGlassSlab>.prime-glass-circuit-foil{
    display:none!important;
  }
}