/* Shared green cockpit family for the public Admin and User-Client simulation. */
:root{color-scheme:dark;--ink:#ecf8ef;--muted:#a2c5ae;--line:#154d31;--page:#030907;--surface:#06130e;--teal:#a4ff63;--teal-dark:#091e14;--green:#2ce878;--good:#a4ff63;--warning:#f0c84b;--danger:#ff6548;--info:#2ce878;--shadow:0 12px 35px #0009}
html,body{background:var(--page);color:var(--ink)}
.demo-topbar{min-height:64px;padding:7px 16px;gap:12px;background:#06110cee;border-color:var(--line);grid-template-columns:164px 1fr auto auto;backdrop-filter:none}
.demo-brand small{font-size:10px}.demo-brand strong{font-size:17px}.brand-mark{width:34px;height:34px}
.view-switch{justify-self:start;background:#030907;border-color:var(--line);border-radius:6px}
.view-switch-button{min-height:32px;padding:5px 14px;color:var(--muted);border-radius:4px}
.view-switch-button.is-active{color:#031007;background:linear-gradient(#b4ff7c,#55c747);box-shadow:0 0 15px #74eb5722}
.reset-button,.scene-controls button{min-height:32px;padding:5px 9px;font-size:12px;color:var(--ink);background:#091e14;border:1px solid var(--line);border-radius:5px}
.reset-button:hover{background:#12371d;border-color:#80df63}.scene-controls{display:flex;gap:6px}
.session-notice{min-height:27px;padding:4px 14px;background:#07150e;border-color:#154d31;color:var(--muted);font-size:12px}
.session-notice strong{color:#a4ff63}.session-dot{background:#a4ff63}
.spatial-ready #demo-content{margin:12px 16px 30px 176px}.spatial-ready .user-view,.spatial-ready .admin-workspace{max-width:none;margin:0;padding:0}
.spatial-ready .admin-shell{display:block}.spatial-ready .demo-view{min-height:0}
.client-sidebar,.spatial-ready .admin-sidebar{position:fixed;left:10px;top:105px;bottom:14px;width:152px;height:auto;padding:12px 6px;background:linear-gradient(135deg,#091c11,#030907);border:1px solid var(--line);border-radius:7px;overflow:auto;z-index:10}
body[data-demo-mode=admin] .client-sidebar{display:none}.client-sidebar nav{display:grid;gap:5px;margin-top:18px}
.client-sidebar button,.spatial-ready .admin-sidebar nav button{width:100%;min-height:34px;padding:7px 9px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--muted);font-size:13px;text-align:left;cursor:pointer}
.client-sidebar button:hover,.client-sidebar button.is-active,.spatial-ready .admin-sidebar button.is-active{color:#eaffdf;background:#102e19;border-color:#4e973c;box-shadow:inset 3px 0 #a4ff63}
.sidebar-footnote,.admin-sidebar-note{display:block;margin-top:32px;padding:8px;color:var(--muted);font-size:12px}.spatial-ready .admin-brand{display:block}.admin-brand .brand-mark{display:none}.admin-brand strong{color:var(--ink);font-size:15px}.admin-brand small{font-size:12px;color:var(--muted)}.simulation-badge{background:#112a19;color:#a4ff63;border-color:var(--line)}
.spatial-ready .user-hero,.spatial-ready .admin-hero{margin:0 0 12px;min-height:46px;gap:12px}.spatial-ready .user-hero h1,.spatial-ready .admin-hero h1{font-size:27px;margin:0;line-height:1.2;letter-spacing:-.025em}.spatial-ready .user-hero>div>p:last-child,.spatial-ready .admin-hero>div>p:last-child{font-size:12px;margin-top:4px}.eyebrow{color:#a4ff63;font-size:12px}
.spatial-ready .stick-visual{flex:0 0 135px;min-height:42px;padding:6px 12px;background:#091e14;border:1px solid var(--line);border-radius:6px;box-shadow:0 0 18px #72e95818}.stick-visual img,.stick-visual i{display:none}.stick-visual small{color:var(--muted)}
.spatial-layout{display:grid;grid-template-columns:minmax(0,3.3fr) minmax(260px,1fr);gap:12px;align-items:stretch}
.spatial-bottom{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(360px,1fr);gap:12px;margin-top:12px;align-items:stretch}
.scene-stage,.scene-dock{position:relative;isolation:isolate;overflow:hidden;border:1px solid #326832;border-radius:10px;background:#04100b url('/business-assets/cockpit-microcircuit-floor-r4.webp') center/cover no-repeat;box-shadow:inset 0 0 45px #0009,0 5px 15px #0008}
.scene-stage::before,.scene-dock::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#01090466,transparent 70%),linear-gradient(90deg,#06120a22,transparent 50%,#06120a33);pointer-events:none}
.scene-stage::after,.scene-dock::after{content:'';position:absolute;inset:5px;border-top:1px solid #82d86555;border-bottom:1px solid #82d86533;clip-path:polygon(0 0,22% 0,22% 2%,78% 2%,78% 0,100% 0,100% 100%,78% 100%,78% 98%,22% 98%,22% 100%,0 100%);pointer-events:none}
.scene-stage{height:400px}.stage-heading{position:relative;z-index:4;display:grid;gap:3px;padding:12px 15px;pointer-events:none}.stage-heading strong{font-size:18px;letter-spacing:.03em}.stage-heading small{color:#a2c5ae;font-size:12px;max-width:70%}
.scene-world{position:absolute;inset:0}.scene-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.scene-connections path{fill:none;stroke:#9cef5a;stroke-width:1.3;filter:drop-shadow(0 0 3px #7ed74c)}.scene-connections .connection-pulse{stroke:#ddff9d;stroke-width:2;stroke-dasharray:3 180;opacity:0}
.demo-lights-on .connection-pulse{opacity:.9;animation:demo-packet 5s linear infinite}
.orientation-ring{position:absolute;left:50%;top:230px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;width:132px;height:68px;border:2px solid #91d04e;border-radius:50%;background:#05200b55;box-shadow:0 0 16px #8bf54855,inset 0 0 18px #81e84d33;pointer-events:none}
.orientation-ring::after{content:'';position:absolute;inset:-8px -12px;border:1px solid #7fbd3a66;border-radius:50%}.orientation-ring strong{font-size:26px;line-height:1}.orientation-ring small{font-size:10px;letter-spacing:.08em;color:#bbeba5}
.scene-node{--x:50%;--y:0px;position:absolute;left:var(--x);top:var(--y);transform:translateX(-50%);z-index:2;display:grid;justify-items:center;width:175px}
.scene-node:first-of-type{z-index:3}.device-open{display:block;position:relative;width:100%;padding:0;color:var(--ink);border:0;background:none;cursor:pointer;text-align:center}
.hardware-visual{--status-glow:#a4ff63;position:relative;display:grid;place-items:center}.hardware-visual img{display:block;width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 10px 10px #0008)}
.tone-warning{--status-glow:#f0c84b}.tone-danger{--status-glow:#ff6548}.tone-neutral{--status-glow:#a0b0a5}
.hardware-visual.tone-warning img{filter:hue-rotate(-47deg) saturate(.85) drop-shadow(0 6px 10px #0007)}.hardware-visual.tone-danger img{filter:hue-rotate(-85deg) saturate(.88) drop-shadow(0 6px 10px #0007)}.hardware-visual.tone-neutral img{filter:grayscale(1) brightness(.75)}
.hardware-light{position:absolute;left:44%;top:43%;width:6px;height:6px;border-radius:50%;color:var(--status-glow);background:currentColor;box-shadow:0 0 12px 4px currentColor;opacity:.4;pointer-events:none}
.demo-lights-on .hardware-light{animation:demo-led 3.6s ease-in-out infinite}.hardware-visual.tone-neutral .hardware-light{display:none}.scene-node:nth-of-type(2n) .hardware-light{animation-delay:-1.7s}
.node-label{position:absolute;display:grid;gap:4px;left:86%;top:42px;min-width:144px;max-width:185px;text-align:left;background:#03120ce8;border:1px solid #43743c;padding:7px 9px;border-radius:4px}.node-label>strong{font-size:12px;overflow-wrap:anywhere}.scene-node:nth-of-type(3) .node-label,.scene-node:nth-of-type(5) .node-label{left:auto;right:86%}
.scene-chip{display:inline-block;width:fit-content;padding:2px 5px;font-size:12px;font-weight:600;line-height:1.35;color:var(--status-glow,#bceba8);border:1px solid currentColor;border-radius:3px;background:#030b07;overflow-wrap:anywhere}
.preview-select{margin-top:-4px;padding:3px 8px;border:1px solid #3f733b;border-radius:3px;color:var(--muted);background:#07170e;cursor:pointer;font-size:12px}.preview-select[aria-pressed=true]{color:#081a0b;background:#a4ff63}
.fleet-scope{position:absolute;bottom:8px;left:12px;color:var(--muted);font-size:12px}.scene-node.selected .device-open:focus-visible{outline:2px solid #a4ff63}
.client-stage .scene-node{top:40px;width:330px}.client-stage .hardware-visual img{height:300px}.client-stage .node-label{left:-40px;top:185px}.client-stage .orientation-ring{top:337px;width:155px;height:55px}.client-stage .scene-connections{opacity:.35}
.scene-status{display:grid;align-content:start;gap:12px;min-width:0}.spatial-ready .device-overview{display:grid;grid-template-columns:1fr;margin:0;gap:12px}.spatial-ready .health-card{display:grid;grid-template-columns:84px 1fr;padding:13px;gap:10px;border-radius:8px;min-width:0}.spatial-ready .health-card h2{font-size:15px}.spatial-ready .health-card>div>p:last-child{font-size:12px}.spatial-ready .health-card>.primary-button{grid-column:1/-1;font-size:13px;padding:8px}.health-score{width:80px;height:80px}.health-score::before{width:65px;height:65px;background:#07150c}.health-score strong{font-size:25px}.health-score small{color:var(--muted)}
.spatial-ready .mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spatial-ready .mini-metrics article{min-width:0;padding:9px;gap:6px;border-radius:5px}.mini-metrics strong{font-size:12px}.mini-metrics small{font-size:12px}.metric-icon{width:22px;height:22px;flex-shrink:0;font-size:13px}
.spatial-ready .panel,.spatial-ready .health-card,.spatial-ready .mini-metrics article,.spatial-ready .issue-card,.spatial-ready .admin-metrics article,.spatial-ready .admin-actions button,.quick-action-grid button{color:var(--ink);background:linear-gradient(135deg,#0b2115ed,#040d08f5);border:1px solid #235534;box-shadow:inset 0 1px #83d75a0a,0 3px 12px #0005}
.spatial-ready .panel{padding:14px;border-radius:7px}.panel-heading{margin-bottom:12px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:12px}.event-list strong{font-size:12px}.event-list small{font-size:12px;color:var(--muted)}.event-list li{border-color:var(--line)}.live-badge{background:#12301a;color:#b6ed91}.spatial-ready .admin-event-panel{max-height:230px;overflow:auto}.spatial-ready .admin-event-panel .panel-heading{margin-bottom:6px}.event-list{margin:0}.spatial-ready .admin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.spatial-ready .admin-metrics article{padding:10px;min-height:74px;border-radius:6px}.admin-metrics strong{font-size:23px;color:var(--ink)}.admin-metrics small,.admin-metrics span{font-size:12px;color:var(--muted)}
.scene-dock{height:320px;border-radius:14px 5px 14px 5px;border-top:2px solid #74b862}.scene-dock .stage-heading strong{font-size:18px}.scene-dock .stage-heading small{font-size:12px}.dock-machine{position:absolute;left:17%;right:10%;top:8px;bottom:28px;padding:0;border:0;background:none;cursor:pointer}.dock-machine .hardware-visual,.dock-machine .hardware-visual img{height:100%;width:100%}.dock-machine .hardware-light{top:35%}.dock-anchor{position:absolute;z-index:4;min-width:100px;min-height:38px;padding:9px 12px;color:#b3ec95;text-align:left;border:1px solid #43773c;border-radius:4px;background:#03110be8;cursor:pointer;font-size:13px}.dock-anchor::after{content:'';position:absolute;top:50%;left:100%;width:35px;height:1px;background:#96e96a;box-shadow:0 0 5px #8cfc62}.dock-anchor.top-left{left:12px;top:106px}.dock-anchor.bottom-left{left:12px;bottom:70px}.dock-anchor.top-right{right:12px;top:106px}.dock-anchor.bottom-right{right:12px;bottom:70px}.dock-anchor.top-right::after,.dock-anchor.bottom-right::after{left:auto;right:100%}.dock-footer{position:absolute;bottom:8px;left:12px;right:12px;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:12px;color:var(--muted);z-index:5}
.spatial-ready .issue-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:0;align-content:start}.spatial-ready .issue-card{padding:10px 12px;position:relative;border-radius:5px;display:grid;grid-template-columns:1fr auto;gap:5px 8px}.spatial-ready .issue-card>header{grid-column:1/-1;margin:0;justify-content:space-between}.issue-card h3{margin:0;font-size:13px;line-height:1.3}.issue-card .issue-symbol{display:none}.issue-card .state-chip{font-size:12px;padding:1px 6px}.issue-details{grid-column:1/-1;color:var(--muted);font-size:12px;order:4}.issue-details summary{cursor:pointer}.issue-details p{font-size:12px}.issue-details dl{margin:6px 0}.spatial-ready .card-action{margin:0;padding:2px 0;border:0;font-size:12px;min-height:24px;color:#c8faac}.state-chip.good,.metric-icon.good{color:#a4ff63;background:#15321a}.state-chip.warning,.metric-icon.warning{color:#f0c84b;background:#352b0f}.state-chip.danger,.metric-icon.danger{color:#ff9076;background:#3c1711}.state-chip{background:#1b2a20;color:#a2c5ae}.issue-card.resolved{border-color:#488237}.legacy-issue-heading{display:none}
.spatial-ready .admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.spatial-ready .admin-actions button{min-height:95px;padding:10px;border-radius:5px;gap:5px}.admin-actions strong{font-size:13px}.admin-actions small{font-size:12px;color:var(--muted)}.admin-actions .action-icon{width:26px;height:26px;background:#142b18;color:#a4ff63;font-size:17px}
.spatial-ready .admin-grid{display:block;margin-top:12px}.spatial-ready .user-lower-grid{margin-top:12px;gap:12px}.quick-action-grid button{border-radius:5px}.quick-action-grid small{color:var(--muted)}.quick-action-grid button>span{color:#a4ff63;background:#142b18}.table-scroll{border-color:var(--line)}table{font-size:13px}th,td{border-color:var(--line)}th{background:#091e14;color:var(--muted)}td{background:#07140d;color:var(--ink)}td small{color:var(--muted)}.row-action{color:#a4ff63;background:#15351d;font-size:12px}.text-button{color:#a4ff63}
.primary-button{background:linear-gradient(#b1fa82,#62c94b);color:#071609;border:1px solid #83cd62;border-radius:5px;box-shadow:0 0 14px #7ee44218}.primary-button:hover{background:#b4fa8d}.secondary-button,.dialog-close{color:var(--ink);background:#112b1b;border-color:var(--line);border-radius:5px}.demo-dialog{color:var(--ink);background:#06130e;border:1px solid #509640;border-radius:10px}.dialog-shell>footer{background:#091e14;border-color:var(--line)}.dialog-shell>header{border-color:var(--line)}.dialog-form-grid label{color:var(--muted)}.dialog-form-grid input,.dialog-form-grid select{color:var(--ink);background:#030907;border-color:var(--line)}.dialog-summary li{background:#0d2215;color:var(--ink)}.dialog-note{color:var(--muted);background:#10291a}.dialog-warning{color:#f0d899;background:#30260f;border-color:#706031}.operation-dock,.toast{background:#091e14;border:1px solid #6fab53;color:var(--ink)}.operation-copy small{color:var(--muted)}.progress-track span{background:linear-gradient(90deg,#2ce878,#a4ff63)}
.scene-stage.is-focused{height:600px}.spatial-focused .spatial-bottom{display:none}.scene-breadcrumb{display:flex;align-items:center;gap:6px;position:relative;z-index:8;padding:9px 12px;font-size:12px;color:var(--muted)}.scene-breadcrumb button{background:#091e14;color:#c7eead;border:1px solid #386632;border-radius:4px;padding:5px 8px;cursor:pointer;font-size:12px}.scene-back{margin-left:auto}.is-focused>.stage-heading{padding-top:0}.is-focused>.stage-heading strong{font-size:24px}.focused-hardware{position:absolute;left:1%;width:65%;top:110px;bottom:65px}.focused-hardware img{width:100%;height:100%;object-fit:contain}.focused-hardware .hardware-light{top:42%}.component-nav{position:absolute;left:12px;right:12px;bottom:14px;display:flex;gap:6px;flex-wrap:wrap;z-index:6}.component-nav button{font-size:13px;color:var(--muted);background:#07190fd9;border:1px solid #31602e;padding:7px 9px;border-radius:4px;cursor:pointer}.component-nav button[aria-current]{color:#071309;background:#a4ff63}.component-inspector{position:absolute;right:16px;top:120px;width:32%;padding:15px;background:#04100dec;border:1px solid #497a3e;border-radius:6px;z-index:5}.component-inspector h2{font-size:20px;margin:0 0 12px}.component-inspector dl{font-size:13px;line-height:1.45}.component-inspector dl>div{padding:8px 0;border-bottom:1px solid #20462c}.component-inspector dt{font-size:12px;color:var(--muted)}.component-inspector dd{margin:3px 0 0;overflow-wrap:anywhere}.component-inspector .primary-button{font-size:13px;padding:8px;max-width:100%}
::view-transition-group(meypc-demo-device){animation-duration:550ms;animation-timing-function:cubic-bezier(.22,.72,.2,1)}
::view-transition-old(meypc-demo-device){animation:demo-hardware-out 550ms ease both}::view-transition-new(meypc-demo-device){animation:demo-hardware-in 550ms ease both}
::view-transition-old(root),::view-transition-new(root){animation-duration:350ms}
.demo-paused *,.demo-paused *::before,.demo-paused *::after{animation-play-state:paused!important}
body:not(.demo-lights-on) .hardware-light{opacity:.25;animation:none!important}body:not(.demo-lights-on) .connection-pulse{display:none}
@keyframes demo-packet{to{stroke-dashoffset:-366}}
@keyframes demo-led{0%,100%{opacity:.3;box-shadow:0 0 6px 1px currentColor}45%{opacity:.9;box-shadow:0 0 13px 4px currentColor}51%{opacity:.55}}
@keyframes demo-hardware-in{from{opacity:.4;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes demo-hardware-out{to{opacity:0;transform:scale(1.2)}}
@media(min-width:1700px){.scene-stage{height:440px}.scene-dock{height:350px}.scene-world .scene-node{--y-scale:1.1}.admin-stage .scene-node{top:calc(var(--y)*1.09)}.hardware-visual img{height:170px}.client-stage .hardware-visual img{height:340px}.client-stage .scene-node{width:390px}.client-stage .orientation-ring{top:380px}}
@media(max-width:1450px) and (min-width:1051px){.spatial-layout{grid-template-columns:minmax(0,3fr) 260px}.node-label{min-width:115px;max-width:140px;left:75%;padding:5px}.scene-node{width:135px}.hardware-visual img{height:135px}.scene-node:nth-of-type(3) .node-label,.scene-node:nth-of-type(5) .node-label{right:75%}.node-label>strong{font-size:12px}.spatial-bottom{grid-template-columns:minmax(0,1.6fr) 360px}}
@media(max-width:1050px){.demo-topbar{grid-template-columns:145px 1fr auto}.scene-controls{grid-column:2;grid-row:2}.view-switch{grid-column:2;grid-row:1}.reset-button{grid-column:3;grid-row:1}.spatial-ready #demo-content{margin-left:12px}.client-sidebar,.spatial-ready .admin-sidebar{display:none}.spatial-layout{grid-template-columns:minmax(0,1fr) 260px}.spatial-bottom{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.node-label{position:static;padding:3px 4px;min-width:0;text-align:center;justify-items:center;font-size:12px}.scene-node{width:130px}.hardware-visual img{height:125px}.client-stage .scene-node{width:300px}.client-stage .node-label{position:absolute;left:-20px;top:180px;width:150px}.client-stage .hardware-visual img{height:290px}.spatial-ready .admin-actions button{padding:8px}.dock-anchor{min-width:80px;padding:8px}.component-inspector{width:36%}.focused-hardware{width:60%}}
@media(max-width:750px){.demo-topbar{grid-template-columns:1fr auto;gap:8px;padding:8px 12px}.view-switch{grid-column:1/-1;grid-row:2;justify-self:stretch}.scene-controls{grid-column:1;grid-row:3;flex-wrap:wrap}.reset-button{grid-column:2;grid-row:3;font-size:12px}.reset-button span:last-child{display:inline}.demo-brand small{font-size:10px}.view-switch-button{font-size:12px;min-height:35px}.session-notice{justify-content:flex-start;font-size:12px}.session-notice span:last-child{padding-left:0}.spatial-ready #demo-content{margin:12px}.spatial-layout,.spatial-bottom{grid-template-columns:1fr}.spatial-ready .user-hero,.spatial-ready .admin-hero{flex-direction:row;align-items:center}.spatial-ready .user-hero h1,.spatial-ready .admin-hero h1{font-size:23px}.spatial-ready .stick-visual{display:none}.stage-heading small{max-width:100%}.scene-status{grid-template-columns:1fr}.spatial-ready .device-overview{grid-template-columns:1fr}.spatial-ready .mini-metrics{grid-template-columns:1fr 1fr}.scene-stage{height:450px}.scene-node{width:112px}.admin-stage .scene-node{left:clamp(61px,var(--x),calc(100% - 61px))}.admin-stage .scene-node:first-of-type{top:40px}.admin-stage .scene-node:nth-of-type(2),.admin-stage .scene-node:nth-of-type(3){top:140px}.admin-stage .scene-node:nth-of-type(4),.admin-stage .scene-node:nth-of-type(5){top:290px}.hardware-visual img{height:104px}.node-label>strong{font-size:12px}.scene-chip{font-size:12px}.orientation-ring{top:265px;width:100px;height:47px}.orientation-ring strong{font-size:20px}.orientation-ring small{font-size:9px}.client-stage{height:395px}.client-stage .scene-node{width:275px;top:45px}.client-stage .hardware-visual img{height:270px}.client-stage .node-label{left:-5px;top:170px;width:148px}.client-stage .orientation-ring{top:345px}.spatial-bottom{margin-top:12px}.scene-dock{height:310px}.dock-anchor{min-width:83px;font-size:12px}.dock-machine{left:8%;right:2%}.dock-footer{gap:6px;flex-wrap:wrap}.spatial-ready .admin-actions{grid-template-columns:1fr 1fr}.spatial-ready .admin-actions button{min-height:100px}.spatial-ready .admin-metrics{grid-template-columns:1fr 1fr}.spatial-ready .admin-grid{display:block}.user-lower-grid{grid-template-columns:1fr!important}.scene-stage.is-focused{height:820px}.scene-breadcrumb{flex-wrap:wrap}.scene-back{margin-left:0}.focused-hardware{left:0;right:0;width:100%;top:100px;height:330px;bottom:auto}.component-inspector{left:12px;right:12px;top:435px;width:auto;max-height:290px;overflow:auto;padding:12px}.component-inspector dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.component-inspector dl>div{padding:3px}.component-inspector h2{font-size:18px}.component-nav{bottom:12px}.component-nav button{padding:7px;font-size:12px}.scene-breadcrumb span{overflow-wrap:anywhere;max-width:100%}.scene-dock .stage-heading strong{font-size:16px}}
.spatial-ready .issue-card{min-height:0;align-content:start}
.spatial-ready .admin-metrics article{padding:8px;min-height:74px;line-height:1.2}
.spatial-ready .admin-metrics strong{margin:2px 0;font-size:23px;line-height:1.1}
.spatial-ready .admin-actions strong{margin:3px 0;line-height:1.2}.spatial-ready .admin-actions small{line-height:1.3}
.scene-stage{scroll-margin-top:105px}.scene-stage:focus{outline:none}.scene-stage:focus-visible{outline:2px solid #a4ff63;outline-offset:3px}
.hardware-visual,.hardware-visual img{min-width:0;min-height:0}
.focused-hardware,.dock-machine .hardware-visual{display:block}
.focused-hardware>img,.dock-machine .hardware-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(min-width:751px){.admin-stage .scene-node:first-of-type .node-label{top:8px}}
@media(max-width:750px){.scene-stage{scroll-margin-top:160px}.reset-button span:last-child{display:none}.scene-controls{flex-wrap:nowrap}.admin-stage{height:740px}.admin-stage .scene-node:first-of-type{top:80px}.admin-stage .scene-node:nth-of-type(2),.admin-stage .scene-node:nth-of-type(3){top:300px}.admin-stage .scene-node:nth-of-type(4),.admin-stage .scene-node:nth-of-type(5){top:500px}}
.spatial-ready .card-action{background:#102b18;color:#ccfcae;padding:5px 8px;border-radius:4px;align-self:start;width:auto;min-height:30px}
.spatial-ready .card-action:hover{background:#1c3b22}.issue-card dl div{background:#0b2115}
.hardware-visual.tone-danger img{filter:hue-rotate(-120deg) saturate(1.65) drop-shadow(0 6px 10px #0007)}
.demo-lights-on .connection-pulse{animation-duration:5s!important;animation-iteration-count:infinite!important}
.demo-lights-on .hardware-light{animation-duration:3.6s!important;animation-iteration-count:infinite!important}
@media(prefers-reduced-motion:reduce){body:not(.demo-motion-on)::view-transition-group(*),body:not(.demo-motion-on)::view-transition-old(*),body:not(.demo-motion-on)::view-transition-new(*){animation-duration:.01ms!important}}