/* P120-PI-CONSOLE-P1C CP04 — WEB-VIS2 internal-surface integration.
   Adopts P120-WEB-VIS2-P2 identity + shared-shell geometry as a bounded derivative.
   Does not authorize websitewide public route replacement or narrative plate reuse. */
:root{
  --deck-stage:min(var(--p120-vis2-shell-stage,1680px),100%);
}
.deck-header__inner.p120-vis2-shell-inner{
  min-height:var(--p120-vis2-header-desktop,74px);
  padding:10px var(--deck-gutter);
  column-gap:22px;
}
.deck-identity{
  display:grid;
  grid-template-columns:auto;
  gap:3px;
  min-width:0;
}
.deck-identity .p120-vis2-identity{
  min-height:44px;
  width:min(244px,18vw);
  color:var(--deck-ink);
}
.deck-identity .p120-vis2-identity__horizontal{width:100%}
.deck-identity .p120-vis2-identity__mark{width:48px}
.deck-identity__surface{
  padding-left:1px;
  font:600 8px/1.2 var(--deck-mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--deck-ink2);
}
.deck-header__center{min-width:0}
.vis2-coordinate-field{
  width:min(360px,82%);
  min-height:300px;
  display:grid;
  place-items:center;
  position:relative;
}
.vis2-coordinate-mark{
  width:min(300px,100%);
  min-width:72px;
  height:auto;
  display:block;
}
.vis2-coordinate-field span{
  position:absolute;
  font:600 8px/1 var(--deck-mono);
  letter-spacing:.12em;
  color:var(--deck-ink2);
  text-transform:uppercase;
}
.vis2-coordinate-field span:nth-of-type(1){top:26px;left:50%;transform:translateX(-50%)}
.vis2-coordinate-field span:nth-of-type(2){right:0;top:50%;transform:translateY(-50%)}
.vis2-coordinate-field span:nth-of-type(3){bottom:26px;left:50%;transform:translateX(-50%)}
.vis2-coordinate-field span:nth-of-type(4){left:0;top:50%;transform:translateY(-50%)}
.deck-hero__field{
  background:
    linear-gradient(color-mix(in srgb,var(--deck-rule) 8%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--deck-rule) 8%,transparent) 1px,transparent 1px),
    linear-gradient(135deg,color-mix(in srgb,var(--deck-pale) 74%,transparent),transparent);
  background-size:32px 32px,32px 32px,auto;
}
[data-p120-vis2-role="internal-control-plane"] .deck-panel{
  scroll-margin-top:calc(var(--p120-vis2-header-desktop,74px) + 18px);
}
@media(max-width:1080px){
  .deck-header__inner.p120-vis2-shell-inner{min-height:var(--p120-vis2-header-drawer,71px);padding:9px var(--deck-gutter)}
  .deck-identity .p120-vis2-identity{width:48px;min-width:44px}
  .deck-identity__surface{display:none}
  .deck-header__center{display:none}
  .deck-header__right{margin-left:auto}
}
@media(max-width:620px){
  .deck-header__inner.p120-vis2-shell-inner{padding-inline:14px}
  .deck-header__right .badge{display:none}
  .vis2-coordinate-field{display:none}
}
@media(prefers-reduced-motion:reduce){
  .deck-action,button{transition:none!important}
}