/* V4 showroom/warehouse backgrounds with forced cache-busting assets */
.configurator-v3 .stage-canvas-wrap{
  position:relative;
  overflow:hidden;
  background-color:#102331;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.configurator-v3 .stage-canvas-wrap::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
}
.configurator-v3 .stage-canvas-wrap::after{
  content:"";
  position:absolute;inset:auto 0 0 0;height:36%;
  background:linear-gradient(180deg,rgba(4,16,24,0),rgba(4,16,24,.18) 55%,rgba(4,16,24,.28));
  pointer-events:none;
}
.configurator-v3 .stage-canvas-wrap > *{position:relative;z-index:1}
.configurator-v3 .stage-canvas-wrap canvas{position:relative;z-index:2}
.configurator-v3 .stage-watermark,
.configurator-v3 .surface-note,
.configurator-v3 .model-hint,
.configurator-v3 .stage-micro-label{backdrop-filter:blur(4px) saturate(1.05)}

body[data-demo="conveyors"] .stage-canvas-wrap[data-environment="showroom"]{
  background-image:url('/demos/assets/environments/conveyors-showroom-v4.png?build=20261026-v4');
}
body[data-demo="conveyors"] .stage-canvas-wrap[data-environment="warehouse"]{
  background-image:url('/demos/assets/environments/racks-warehouse-v4.png?build=20261026-v4');
}
body[data-demo="racks"] .stage-canvas-wrap[data-environment="warehouse"]{
  background-image:url('/demos/assets/environments/racks-warehouse-v4.png?build=20261026-v4');
}
body[data-demo="racks"] .stage-canvas-wrap[data-environment="showroom"]{
  background-image:url('/demos/assets/environments/conveyors-showroom-v4.png?build=20261026-v4');
}

body[data-demo="conveyors"] .stage-canvas-wrap[data-environment="showroom"]::before{
  background:
    linear-gradient(180deg,rgba(235,244,249,.06),rgba(255,255,255,0) 28%,rgba(9,29,45,.08) 72%,rgba(9,29,45,.22)),
    linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 76%,rgba(255,255,255,.05));
}
body[data-demo="conveyors"] .stage-canvas-wrap[data-environment="warehouse"]::before,
body[data-demo="racks"] .stage-canvas-wrap[data-environment="warehouse"]::before{
  background:
    linear-gradient(180deg,rgba(7,18,28,.18),rgba(7,18,28,.02) 34%,rgba(7,18,28,.16) 100%),
    radial-gradient(circle at 50% 0%,rgba(255,229,156,.07),transparent 38%);
}
body[data-demo="racks"] .stage-canvas-wrap[data-environment="showroom"]::before{
  background:
    linear-gradient(180deg,rgba(250,252,255,.06),rgba(255,255,255,0) 22%,rgba(8,22,32,.12) 82%),
    linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,0) 26%,rgba(255,255,255,0) 78%,rgba(255,255,255,.04));
}

/* Stronger stage feel */
.configurator-v3 .stage{box-shadow:0 30px 90px rgba(2,10,18,.24)}
.configurator-v3 .stage-head{
  background:linear-gradient(180deg,#102331,#17384c);
}
.configurator-v3 .stage-figure{
  box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.configurator-v3 .stage-micro-label{
  color:#e5eef3;
  background:rgba(11,25,36,.50);
  border:1px solid rgba(255,255,255,.16)
}
.configurator-v3 .model-hint{
  background:rgba(9,23,35,.68);
  color:#edf4f8;
  border:1px solid rgba(255,255,255,.12);
}
.configurator-v3 .surface-note{
  background:rgba(9,23,35,.68);
  color:#c7d7e3;
  border:1px solid rgba(255,255,255,.12);
}
.configurator-v3 .stage-watermark{
  color:rgba(235,243,250,.68);
  text-shadow:0 1px 3px rgba(0,0,0,.28);
}
.configurator-v3 .environment-switch{
  background:rgba(10,24,36,.78);
  border:1px solid rgba(255,255,255,.08);
}
.configurator-v3 .environment-btn{
  color:#d2dde6;
}
.configurator-v3 .environment-btn.active{
  background:#f0a16d;
  color:#102434;
}

/* Labels for V4 */
body[data-demo="conveyors"] .stage-micro-label::after{
  content:' · SHOWROOM';
}
body[data-demo="racks"] .stage-micro-label::after{
  content:' · BODEGA';
}

@media (max-width: 900px){
  .configurator-v3 .stage-canvas-wrap{
    background-position:center center;
  }
  .configurator-v3 .stage-watermark{font-size:10px}
}


/* V5 realism tweaks */
.configurator-v3 .stage-canvas-wrap canvas{
  filter: saturate(1.02) contrast(1.03);
}
.configurator-v3 .stage-canvas-wrap::after{
  height:40%;
  background:linear-gradient(180deg,rgba(4,16,24,0),rgba(4,16,24,.12) 52%,rgba(4,16,24,.30));
}
.configurator-v3 .surface-note{letter-spacing:.12em}


/* V6 orbit fix notes */
.configurator-v3 .model-hint{
  min-width: 320px;
}