/* Standalone web apps — owner 2026-09-30.
   StagePlotTools440Pro, PixelMapping440Pro, FixtureCreator440Pro. */
body[data-single-tool="stage-plot"],
body.p440PixelStandalone,
body.fixtureCreatorPage{background:#05080a!important;color:#C9BBA6!important}
body[data-single-tool="stage-plot"] .singleScrollShell,
body.p440PixelStandalone .singleScrollShell,
body.fixtureCreatorPage .singleScrollShell{
  width:var(--p440-rack-width,min(1086px,100vw))!important;max-width:var(--p440-rack-width,min(1086px,100vw))!important;
  margin:0 auto!important
}
body[data-single-tool="stage-plot"] .singleScrollFrame,
body.p440PixelStandalone .singleScrollFrame,
body.fixtureCreatorPage .singleScrollFrame{
  width:100%!important;margin:0!important;padding:5.55% 8.15%!important;
  background-color:var(--p440-rack-joint,#071018)!important;
  background-position:top center,bottom center,center top!important;
  background-size:91.712707% auto,91.712707% auto,91.712707% auto!important;
  background-repeat:no-repeat,no-repeat,repeat-y!important;
  filter:none!important
}
body[data-single-tool="stage-plot"] .p440-site-footer-v2,
body.p440PixelStandalone .p440-site-footer-v2,
body.fixtureCreatorPage .p440-site-footer-v2{margin:0 auto!important}

/* Approved catalog control visual: keep labels, replace generic rectangular face. */
body[data-single-tool="stage-plot"] .btn,
body[data-single-tool="stage-plot"] .page-tab,
body.p440PixelStandalone .techBtn,
body.p440PixelStandalone .canvasActions button,
body.p440PixelStandalone .advancedTabs button,
body.p440PixelStandalone .miniAdd,
body.fixtureCreatorPage .fcActions button{
  position:relative!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#C9BBA6!important;
  padding-left:34px!important;min-height:30px!important;border-radius:0!important;text-transform:none!important
}
body[data-single-tool="stage-plot"] .btn::before,
body[data-single-tool="stage-plot"] .page-tab::before,
body.p440PixelStandalone .techBtn::before,
body.p440PixelStandalone .canvasActions button::before,
body.p440PixelStandalone .advancedTabs button::before,
body.p440PixelStandalone .miniAdd::before,
body.fixtureCreatorPage .fcActions button::before{
  content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:27px;aspect-ratio:1;
  background:url("/assets/official/controls/button-package-07-gray-state-001.png") center/contain no-repeat;
  filter:drop-shadow(0 1px 2px #000a)
}
body[data-single-tool="stage-plot"] .page-tab.active,
body.p440PixelStandalone .advancedTabs button.active{color:#e1d6c6!important}
body[data-single-tool="stage-plot"] .page-tab .tab-index{display:none!important}

/* StagePlot: retain its excellent Ventana components and only normalize chrome/text. */
body[data-single-tool="stage-plot"] .app,
body[data-single-tool="stage-plot"] .app *{--text-0:#C9BBA6;--text-1:#B8AA95}
body[data-single-tool="stage-plot"] .watermark img{filter:none!important}

/* PixelMapping440Pro: large canvas, narrow data rails, compact numeric fields. */
body.p440PixelStandalone .workspaceShell{
  grid-template-columns:170px minmax(520px,1fr) 220px!important;gap:6px!important;min-height:0!important
}
body.p440PixelStandalone .leftRail,body.p440PixelStandalone .rightRail{gap:6px!important}
body.p440PixelStandalone #canvasWrap{min-height:620px!important}
body.p440PixelStandalone .fieldGrid input[type="number"],
body.p440PixelStandalone .outputEditor input[type="number"],
body.p440PixelStandalone .propertiesPanel input[type="number"]{max-width:88px!important}
body.p440PixelStandalone .hardwarePanel,
body.p440PixelStandalone .centerStage,
body.p440PixelStandalone .field,
body.p440PixelStandalone .fieldGrid label,
body.p440PixelStandalone .panelHead,
body.p440PixelStandalone .canvasFooter{color:#C9BBA6!important}
@media(max-width:980px){
 body.p440PixelStandalone .workspaceShell{grid-template-columns:150px minmax(430px,1fr)!important}
 body.p440PixelStandalone .rightRail{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body.p440PixelStandalone .workspaceShell{grid-template-columns:1fr!important}
 body.p440PixelStandalone .rightRail{grid-template-columns:1fr!important}
 body.p440PixelStandalone #canvasWrap{min-height:520px!important}
}

/* FixtureCreator440Pro: large writing area, aged white, magenta line glow preserved. */
body.fixtureCreatorPage .fixtureCreatorWorkbench{padding:2.5% 4%!important;color:#C9BBA6!important}
body.fixtureCreatorPage .fcIntro h1,
body.fixtureCreatorPage .fcIntro p,
body.fixtureCreatorPage .fcPanel,
body.fixtureCreatorPage .fcPanel label,
body.fixtureCreatorPage .fcPanelHead,
body.fixtureCreatorPage .fcMapHead{color:#C9BBA6!important}
body.fixtureCreatorPage .fcRows{max-height:62vh!important}
body.fixtureCreatorPage .fcPanel input,
body.fixtureCreatorPage .fcPanel textarea{color:#C9BBA6!important}
body.fixtureCreatorPage .singleScrollFrame{filter:drop-shadow(0 0 11px rgba(227,0,152,.28))!important}

/* Ventana frame standard for work/display surfaces. */
body.p440PixelStandalone #canvasWrap{
  border:28px solid transparent!important;
  border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 28px round!important;
  background:#020607!important
}
body.fixtureCreatorPage .fcPanel{
  border:28px solid transparent!important;
  border-image:url("/shared/design-system/rack/v1/assets/ventana/VENTANA-PANTALLA-9SLICE.png") 56 fill / 28px round!important;
  background:#071018!important
}
body.p440PixelStandalone .screenOrder button,
body.p440PixelStandalone .routeChip{
  border-color:#727b80!important;color:#C9BBA6!important;background:#10171b!important
}