/* ES13: application-specific scenes and deployment register.
   Home's shared header owns the rail, typography, actions and responsive layout. */
@font-face{font-family:NonnChakra;src:url('../../fonts/ecotracer/chakra-petch-500-v19-1.woff') format('woff');font-weight:500;font-display:swap}
body.eco-application #applicationMain .es13-scene-header .workspace-copy78 h1 {overflow-wrap:anywhere}
/* The panorama remains edge-to-edge. Center its equipment band in Home's frame. */
body.eco-application #applicationMain .es12-page .workspace-scene78>img[src*="environmental-es13/"] {object-position:right center}

body.eco-application #applicationMain .es13-deployment-list {
    display:grid;gap:1rem;padding:1rem;container:es13-register/inline-size;
}
body.eco-application #applicationMain .es13-deployment-row {
    position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);
    border:1px solid #34758a;border-top-color:#579db0;border-radius:3px;min-width:0;
    background:radial-gradient(ellipse at 10% 45%,#12506780,transparent 48%),linear-gradient(125deg,#0a3042,#061e2c 70%);
    box-shadow:inset 0 1px #b0efff22,0 9px 22px #00101c50;
}
body.eco-application #applicationMain .es13-deployment-row:hover,
body.eco-application #applicationMain .es13-deployment-row:focus-within {border-color:#75c5d8;box-shadow:inset 0 1px #b0efff35,0 12px 26px #00101c60}
body.eco-application #applicationMain .es13-equipment-stage {
    position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;
    min-width:0;min-height:15rem;padding:1.15rem;text-decoration:none;color:#b9edfa;
    background:radial-gradient(ellipse at 50% 65%,#267a8c36,transparent 66%);
}
body.eco-application #applicationMain .es13-equipment-stage::before {
    content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:2.8rem;height:1.2rem;border-radius:50%;
    background:#06202c;box-shadow:0 -2px 17px #38d4f72b,0 3px 1px #70d5e433;transform:perspective(8rem) rotateX(48deg);
}
body.eco-application #applicationMain .es13-equipment-stage img {
    display:block;width:100%;max-width:24rem;height:12rem;object-fit:contain;object-position:center;
    background:transparent;border:0;filter:drop-shadow(0 12px 10px #000a);transition:transform .2s ease;
}
body.eco-application #applicationMain .es13-equipment-stage:hover img {transform:translateY(-3px)}
body.eco-application #applicationMain .es13-equipment-stage>span {display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.65rem;font:600 .85rem/1.45 "Eco ES12 Technical",sans-serif;text-align:center}
body.eco-application #applicationMain .es13-equipment-stage b {font-size:1.2rem;color:#7ef0ff}
body.eco-application #applicationMain .es13-deployment-body {min-width:0;padding:1.25rem 1.3rem}
body.eco-application #applicationMain .es13-row-top {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}
body.eco-application #applicationMain .es13-overline {color:#81dfe9;font:700 .76rem/1.5 "Eco ES12 Technical",sans-serif;letter-spacing:.07em;text-transform:uppercase}
body.eco-application #applicationMain .es13-deployment-row h3 {margin:.5rem 0 .3rem;padding:0;font:800 clamp(1.2rem,2cqw,1.65rem)/1.18 "Eco Workspace Display 78",sans-serif;letter-spacing:-.015em;text-wrap:balance}
body.eco-application #applicationMain .es13-deployment-row h3 a {color:#effaff;text-decoration:none}
body.eco-application #applicationMain .es13-deployment-row h3 a:hover {color:#86eaff}
body.eco-application #applicationMain .es13-record-code {margin:0 0 .8rem;color:#95b9c9;font:.8rem/1.5 "Eco ES12 Technical",sans-serif;overflow-wrap:anywhere}
body.eco-application #applicationMain .es13-scope {display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .9rem;color:#9bbdcc;font:.82rem/1.5 "Eco ES12 Technical",sans-serif}
body.eco-application #applicationMain .es13-scope strong {font-size:.96rem;font-weight:600;color:#d3eaf3}
body.eco-application #applicationMain .es13-row-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:1rem 0 .85rem;padding:.7rem 0 .55rem;border-top:1px solid #4a87953b;border-bottom:1px solid #4a87953b}
body.eco-application #applicationMain .es13-row-metrics>div {min-width:0;padding:0 .65rem;border-left:1px solid #47809833}
body.eco-application #applicationMain .es13-row-metrics>div:first-child {padding-left:0;border-left:0}
body.eco-application #applicationMain .es13-row-metrics dt {color:#a8cbd8;font:500 .76rem/1.4 "Eco ES12 Technical",sans-serif}
body.eco-application #applicationMain .es13-row-metrics dd {color:#77e9fc;font:800 1.8rem/1.25 "Eco Workspace Display 78",sans-serif;margin:.25rem 0 0;font-variant-numeric:tabular-nums}
body.eco-application #applicationMain .es13-row-metrics>div:nth-child(2) dd {color:#84ddc7}
body.eco-application #applicationMain .es13-row-bottom {display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:.45rem 1rem;color:#a4c4d1;font:.8rem/1.5 "Eco ES12 Technical",sans-serif}
body.eco-application #applicationMain .es13-record-details {min-width:0;max-width:100%}
body.eco-application #applicationMain .es13-record-details summary {cursor:pointer;color:#9bd4e7;padding:.25rem 0}
body.eco-application #applicationMain .es13-record-details dl {display:grid;gap:.5rem;margin:.6rem 0 0}
body.eco-application #applicationMain .es13-record-details dl>div {display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
body.eco-application #applicationMain .es13-record-details dt {color:#92b9cc;min-width:6rem}
body.eco-application #applicationMain .es13-record-details dd {margin:0;color:#d0e9f4;overflow-wrap:anywhere}
body.eco-application #applicationMain .es13-row-actions {display:grid;align-content:center;gap:.65rem;min-width:0;padding:1rem 1.3rem;border-top:1px solid #46889840;background:linear-gradient(100deg,transparent,#061a2755)}
body.eco-application #applicationMain .es13-row-actions a {width:100%;min-width:0;min-height:2.6rem}
body.eco-application #applicationMain .es13-deployment-row :is(a,summary):focus-visible {outline:2px solid #c9f8ff;outline-offset:4px}
@container es13-register (min-width:42rem) {
    body.eco-application #applicationMain .es13-deployment-row {grid-template-columns:minmax(12rem,28%) minmax(0,1fr)}
    body.eco-application #applicationMain .es13-equipment-stage {grid-row:1 / 3;border-right:1px solid #46889840}
    body.eco-application #applicationMain .es13-row-actions {grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:.85rem}
}
@container es13-register (min-width:70rem) {
    body.eco-application #applicationMain .es13-deployment-row {grid-template-columns:minmax(13rem,24%) minmax(0,1fr) 12.5rem}
    body.eco-application #applicationMain .es13-equipment-stage {grid-row:auto}
    body.eco-application #applicationMain .es13-row-actions {grid-column:auto;grid-template-columns:minmax(0,1fr);border-top:0;border-left:1px solid #46889840;padding:1rem}
}
@container es13-register (max-width:27rem) {
    body.eco-application #applicationMain .es13-row-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 0}
    body.eco-application #applicationMain .es13-row-metrics>div:nth-child(3) {padding-left:0;border-left:0}
}

/* The catalogue uses a full installation scene, with existing metadata and actions. */
body.eco-application #applicationMain .es12-page .es01b-tech-card {border:1px solid #427f96;border-radius:3px;background:linear-gradient(135deg,#0c3545,#041e2b);box-shadow:inset 0 1px #8fd1e331,0 10px 24px #00111b70}
body.eco-application #applicationMain .es12-page .es01b-tech-art {display:block;position:relative;padding:0;height:auto;min-height:0;aspect-ratio:2.5/1;background:#041b2b;isolation:isolate}
body.eco-application #applicationMain .es12-page .es01b-tech-art img.es13-catalog-scene {display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:right center;filter:none;transform:none;margin:0;padding:0}
body.eco-application #applicationMain .es12-page .es01b-art-caption {position:absolute;inset:auto 0 0;z-index:1;margin:0;padding:1.2rem 1rem .7rem;background:linear-gradient(transparent,#041726eb);color:#c7f5ff}
body.eco-application #applicationMain .es12-page .es01b-tech-copy h3 {font-family:"Eco Workspace Display 78",sans-serif;font-weight:800;line-height:1.25;color:#effaff}

/* ES11 process geometry in the technology blueprint. All styling is local. */
body.eco-application #applicationMain .es13-process {min-width:0;border:1px solid #3b788d;background:linear-gradient(140deg,#082735,#031824);box-shadow:inset 0 1px #8fd1e329,0 10px 24px #00111b55}
body.eco-application #applicationMain .es13-process-head {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.2rem 1.35rem;border-bottom:1px solid #326376}
body.eco-application #applicationMain .es13-process-head h2 {margin:.25rem 0;font:800 clamp(1.35rem,2vw,1.85rem)/1.2 "Eco Workspace Display 78",sans-serif;color:#edfaff}
body.eco-application #applicationMain .es13-process-head p {font:.94rem/1.5 "Eco ES12 Technical",sans-serif;color:#b0d0de;margin:.4rem 0 0}
body.eco-application #applicationMain .es13-scene {min-width:0;container:es13-process/inline-size;font-family:"Eco ES12 Technical",sans-serif}
body.eco-application #applicationMain .es13-scene-tools {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;padding:.85rem 1rem;background:#06202d}
body.eco-application #applicationMain :is(.es13-phases,.es13-playback) {display:flex;flex-wrap:wrap;gap:.4rem}
body.eco-application #applicationMain .es13-scene-tools button {min-height:2.35rem;border:1px solid #3c778c;border-radius:2px;background:linear-gradient(135deg,#123e50,#072534);padding:.5rem .7rem;color:#caeef6;font:600 .82rem/1.2 "Eco ES12 Technical",sans-serif;cursor:pointer}
body.eco-application #applicationMain .es13-scene-tools button[aria-pressed="true"] {background:linear-gradient(135deg,#a0eff5,#4acfe4);color:#042637;border-color:#a7f3ff;box-shadow:0 0 12px #49dffa30}
body.eco-application #applicationMain .es13-scene-tools button:disabled {opacity:.5;cursor:default}
body.eco-application #applicationMain .es13-canvas-wrap {position:relative;min-width:0;background:#041b27}
body.eco-application #applicationMain .es13-canvas-wrap canvas {display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1600/580}
body.eco-application #applicationMain .es13-hit-layer {position:absolute;inset:0;pointer-events:none}
body.eco-application #applicationMain .es13-hit-layer a {position:absolute;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;border:1px solid transparent;border-radius:7px;color:#d7f8ff;text-decoration:none;background:transparent;transition:border-color .15s}
body.eco-application #applicationMain .es13-hit-layer a>span {opacity:0;max-width:100%;padding:.35rem .5rem;font-size:.75rem;text-align:center;background:#052a3ef0;border:1px solid #72c5da;border-radius:3px}
body.eco-application #applicationMain .es13-hit-layer a:hover,
body.eco-application #applicationMain .es13-hit-layer a:focus-visible {border-color:#78d9eb;box-shadow:inset 0 0 20px #60e4fb18}
body.eco-application #applicationMain .es13-hit-layer a:is(:hover,:focus-visible)>span {opacity:1}
body.eco-application #applicationMain .es13-loading {position:absolute;inset:40% 10% auto;text-align:center;background:#092b3a;padding:1rem;color:#cbe9f4}
body.eco-application #applicationMain .es13-loading[hidden] {display:none}
body.eco-application #applicationMain .es13-timeline {display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;padding:.85rem 1.2rem;border-top:1px solid #345a69;background:#082532}
body.eco-application #applicationMain .es13-timeline>span {min-width:9rem;font-size:.9rem;color:#a9eac9}
body.eco-application #applicationMain .es13-timeline input {flex:1;min-width:8rem;accent-color:#77d6c1}
body.eco-application #applicationMain .es13-timeline small {font-size:.8rem;color:#9abecf}
body.eco-application #applicationMain .es13-scene-caption {margin:0;padding:.7rem 1.2rem;font-size:.83rem;line-height:1.5;color:#a8c7d7}
body.eco-application #applicationMain .es13-scene :is(button,input,a):focus-visible {outline:2px solid #c4f5ff;outline-offset:3px}
@container es13-process (max-width:600px) {
    body.eco-application #applicationMain .es13-canvas-wrap canvas {aspect-ratio:720/1010}
    body.eco-application #applicationMain .es13-scene-tools {gap:.7rem}
}
@media(prefers-reduced-motion:reduce) {
    body.eco-application #applicationMain :is(.es13-equipment-stage img,.es13-hit-layer a) {transition:none;transform:none}
}
@media(forced-colors:active) {
    body.eco-application #applicationMain :is(.es13-deployment-row,.es13-process,.es13-scene-tools button) {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
    body.eco-application #applicationMain .es13-deployment-row :is(a,h3,dt,dd,p,span,strong,summary) {color:CanvasText}
}