/* Dashboard presentation owns its surface, type and interaction tokens. */
body.reference-3d{--dash-bg:#f3f5f6;--dash-panel:#fff;--dash-line:#d8e0e5;--dash-ink:#21313e;--dash-muted:#536572;--dash-accent:#405d73;--dash-soft:#edf2f5;--dash-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--dash-bg)!important;color:var(--dash-ink)!important;font-family:var(--dash-font)!important;-webkit-font-smoothing:antialiased}
body.reference-3d :is(button,input,select,textarea){font-family:var(--dash-font)!important;letter-spacing:0!important}body.reference-3d .ops-runtime{color-scheme:light}body.reference-3d .reference-header{background:#fff!important;border-color:var(--dash-line);height:72px!important;min-height:72px!important;padding-inline:24px!important}body.reference-3d .reference-nav a{font-family:var(--dash-font)!important;color:#506372!important;font-size:12px}body.reference-3d .reference-nav a[aria-current]{color:#243e53!important;border-color:#57768b}body.reference-3d .reference-nav a:hover{background:#f0f4f7!important}
body.reference-3d .ops-runtime .panel,body.reference-3d .demo-narrative{background:#fff!important;border-color:var(--dash-line)!important;border-radius:7px!important}body.reference-3d .ops-runtime :is(.panel-head,.panel-heading,.workflow-head,.workflow-heading,.uc-inspector>header),body.reference-3d .demo-narrative>header{background:#f4f7f9!important;border-color:var(--dash-line)!important;color:#475e70!important;font:500 10px/1.4 var(--dash-font)!important;letter-spacing:.045em!important}body.reference-3d .ops-runtime :is(.panel-head>span,.panel-heading>span,.workflow-heading>span,.uc-inspector>header>span){color:#475e70!important}body.reference-3d .ops-runtime :is(.camera-result,.perception-result,.uc-camera-result){font-family:var(--dash-font)!important;font-size:12px;color:#304a5b!important}body.reference-3d .ops-runtime :is(.camera-result b,.perception-result b,.uc-camera-result b){color:#21674f!important}
body.reference-3d .environment-feed{background:#eaf0f3;color:#2e4556;border-color:#d8e2e8;gap:18px;border-radius:0 0 5px 5px}body.reference-3d .environment-feed b{font:500 11px var(--dash-font)}body.reference-3d .environment-feed small{font:500 8px var(--dash-font);color:#566d7d;letter-spacing:.015em}body.reference-3d .environment-feed details{font:11px var(--dash-font);color:#425c6d}body.reference-3d .environment-feed details p{background:#fff;color:#3d5362;border-color:#bdcdd8;border-radius:5px;box-shadow:0 8px 24px #122e4514}body.reference-3d .environment-feed button,body.reference-3d .environment-feed a{color:#425d72}.reference-3d .compact-context{color:#536977;font:12px var(--dash-font)}.reference-3d .compact-context a{color:#617583;padding-inline:2px}.reference-3d .compact-context a[aria-current]{color:#294a61;border-color:#58768d}.reference-3d .compact-context>button{color:#536b7c}.reference-3d .compact-context #demoMode{border:1px solid #c8d5df;background:#fff;color:#3d5d74;border-radius:5px;font-weight:500;padding:5px 10px}.reference-3d .compact-context>span{font-family:var(--dash-font);color:#627783}
body.reference-3d .demo-intro h1,body.reference-3d .demo-chapter h2{font-family:var(--dash-font);font-weight:500;color:#203543;letter-spacing:-1px}.reference-3d .demo-eyebrow{font:600 9px var(--dash-font);letter-spacing:.1em;color:#5a7487}.reference-3d .demo-intro p{font:13px/1.5 var(--dash-font);color:#5a6d79}.reference-3d .demo-launch button{background:#37566d;border-color:#37566d;border-radius:6px;box-shadow:0 2px 3px #122d4010;font-weight:550;font-size:13px}.reference-3d .demo-launch button:hover:not(:disabled){background:#28465d;box-shadow:0 4px 12px #122d4022;transform:translateY(-1px)}.reference-3d .demo-launch small{font:10px/1.5 var(--dash-font);color:#627784}.reference-3d .demo-chapter p{font:13px/1.6 var(--dash-font);color:#526a7a}.reference-3d .demo-handoff{background:#f0f5f8;border-color:#d8e4ec;border-radius:5px}.reference-3d .demo-handoff b{font:500 11px/1.5 var(--dash-font);color:#36546a}.reference-3d .demo-handoff small,.reference-3d .demo-message small{font:600 9px var(--dash-font);color:#5d7a8e;letter-spacing:.05em}.reference-3d .demo-handoff i{color:#728fa4}.reference-3d .demo-proof>div{border-color:#e0e8ed}.reference-3d .demo-proof span{font:12px var(--dash-font);color:#5a7181}.reference-3d .demo-proof b{font:600 13px var(--dash-font);color:#294b62;font-variant-numeric:tabular-nums}.reference-3d .demo-message{border-color:#dbe4eb}.reference-3d .demo-message p{font:13px/1.55 var(--dash-font);color:#3f5c6d}.reference-3d .demo-inspect{color:#446b86;border-color:#9ab1c2;font-size:11px}.reference-3d .demo-timeline>div{background:#eaf0f4;border-color:#d8e3eb;border-radius:5px}.reference-3d .demo-timeline span{font:500 10px var(--dash-font);color:#617e92}.reference-3d .demo-timeline b{font:500 12px var(--dash-font);color:#5c7688}.reference-3d .demo-timeline .current{background:#deebf3;border-color:#9ab7ce}.reference-3d .demo-timeline .current b{color:#294c67}.reference-3d .demo-timeline .done b{color:#25674d}.reference-3d .demo-timeline i{background:#7298b5}.reference-3d .demo-scene-caption{border-left-color:#a8c9de;background:#162b37ed;border-radius:0 5px 5px 0;box-shadow:0 3px 18px #071d2820}.reference-3d .demo-scene-caption b{font-family:var(--dash-font);font-weight:450;letter-spacing:-.4px}.reference-3d .demo-scene-caption span{font:600 9px var(--dash-font);color:#b6d0de;letter-spacing:.08em}
/* Explicit paired colours prevent inherited dark-theme rules leaking into overlays. */
body.reference-3d .uc-approval-slot .approval,body.reference-3d #demoReview{background:#fff3de!important;color:#553c1a!important;border:1px solid #dec28f!important;border-radius:6px!important;box-shadow:none!important;padding:20px!important}body.reference-3d .approval :is(h3,b,strong){font-family:var(--dash-font)!important;color:#4c3415!important}body.reference-3d .approval h3{font-size:24px!important;line-height:1.2!important;font-weight:550!important;letter-spacing:-.5px}body.reference-3d .approval :is(p,span,small),body.reference-3d #demoReview :is(b,span,small){font-family:var(--dash-font)!important;color:#674b26!important;line-height:1.6!important}body.reference-3d .approval p{font-size:14px!important}body.reference-3d .approval button{background:#fffaf0!important;border:1px solid #bba57e!important;border-radius:5px!important;color:#574021!important;font-size:13px!important;padding:11px 14px!important;min-height:42px}body.reference-3d .approval :is(#approveBtn,#approveCity){background:#37566d!important;border-color:#37566d!important;color:#fff!important}body.reference-3d .approval button:hover:not(:disabled){filter:brightness(.97)!important}body.reference-3d #demoReview b{font-size:12px}.reference-3d #demoReview small{font-size:10px}
body.reference-3d .ops-runtime .uc-popover,body.reference-3d .uc-prediction-slot .prediction,body.reference-3d .ops-runtime .wm-dialog{background:#fff!important;color:#283f50!important;border-color:#cbd9e3!important;box-shadow:none!important;border-radius:6px!important}body.reference-3d :is(.uc-popover,.wm-dialog,.prediction) :is(h2,h3,h4){color:#263f52!important;font-family:var(--dash-font)!important;font-weight:550}body.reference-3d :is(.uc-popover,.wm-dialog,.prediction) :is(p,small,span,code,strong,b,td,th,dt,dd){color:#445f72!important;font-family:var(--dash-font)!important}body.reference-3d :is(.uc-popover,.wm-dialog,.prediction) text{fill:#526c7f!important;font-family:var(--dash-font)!important}body.reference-3d :is(.uc-popover,.wm-dialog) :is(pre,code,.facts,.fs-examples button){background:#f0f5f8!important;border-color:#d7e3eb!important;color:#3c566b!important}body.reference-3d :is(.uc-popup-body,.wm-dialog){font:13px/1.55 var(--dash-font)!important}body.reference-3d .uc-inspector :is(p,small,label,.uc-row span,.uc-state){font-family:var(--dash-font)!important;color:#536c7d!important}body.reference-3d .ops-runtime :is(.uc-values dt,.uc-values dd,.uc-actionability em,.uc-entity-heading>span,.uc-entity-heading b,.uc-history>span,.uc-row b){font-family:var(--dash-font)!important;color:#38556a!important}body.reference-3d .ops-runtime :is(#ucEntity,#ucCase){background:#f1f5f8!important;border-color:#c6d5e0!important;color:#355269!important;border-radius:5px!important}body.reference-3d .ops-runtime :is(.uc-inspector button,.uc-popover button,.wm-dialog button){background:#edf3f7!important;border-color:#c9d9e5!important;color:#385c75!important;border-radius:4px!important;font-size:11px}body.reference-3d .ops-runtime .wm-dialog button[aria-selected=true]{background:#d8e6f0!important;border-color:#88aac4!important;color:#254b69!important}body.reference-3d .uc-popover a{color:#365f7d!important}
body.reference-3d .ops-runtime .fs-command form{border-color:#bccedb!important;background:#fff!important;border-radius:6px!important}body.reference-3d .ops-runtime .fs-command input{color:#324f65!important}body.reference-3d .ops-runtime .fs-command form button{background:#37566d!important;color:#fff!important;border-radius:4px!important}body.reference-3d .ops-runtime :is(.fs-goal-preview,.fs-goal-preview b,.fs-goal-tools button){color:#527086!important}body.reference-3d .ops-runtime .fs-goal-tools{background:var(--dash-bg)}body.reference-3d .ops-runtime :is(.scene-tabs button,.view-buttons button){color:#526c7f!important;border-radius:4px}body.reference-3d .ops-runtime :is(.scene-tabs button.on,.view-buttons button.active){background:#e0ebf2!important;color:#2c536e!important}.reference-3d .scene-actions button,.reference-3d .scene-footer .controls button{background:#203d4c;color:#edf5fa;border-color:#587184;border-radius:5px}.reference-3d .scene-actions .stop,.reference-3d .scene-footer .controls .stop{background:#632e36;color:#ffe9ec;border-color:#94515a}
body.reference-3d .ops-runtime :is(.flow-step,.flow button){background:#eef3f6!important;border-color:#cedce6!important;color:#355268!important;border-radius:4px!important}body.reference-3d .ops-runtime :is(.flow-step small,.flow button small){color:#566f81!important}body.reference-3d .ops-runtime :is(.event,.event-line){background:#eaf1f5!important;color:#506c80!important}body.reference-3d .ops-runtime :is(.footnote,.disclosure){font-family:var(--dash-font)!important;color:#5b7080!important}body.reference-3d .ops-runtime :is(.metrics b,.scene-metrics b){font-family:var(--dash-font)!important;font-size:22px!important;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.5px}body.reference-3d .ops-runtime :is(.metrics span,.scene-metrics span){font:500 9px var(--dash-font)!important;color:#b7cedd!important}
body.reference-3d :is(button,a,select){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important}body.reference-3d :is(button,a,input,select):focus-visible{outline:2px solid #426c91!important;outline-offset:3px!important}.demo-narrative-body .demo-chapter{transition:opacity .18s ease}.demo-narrative-body .demo-chapter.is-changing{animation:dash-enter .3s ease both}@keyframes dash-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){body.reference-3d .reference-header{height:auto!important;padding:16px 20px!important}.reference-3d .reference-nav{margin-top:5px}}
@media(max-width:600px){body.reference-3d .ops-runtime :is(.metrics b,.scene-metrics b){font-size:17px!important}.reference-3d .compact-context{gap:10px;font-size:11px}.reference-3d .compact-context>button[data-signals]{font-size:0}.reference-3d .compact-context>button[data-signals]:after{content:'Sources';font-size:11px}.reference-3d .demo-intro h1{font-size:28px}.reference-3d .demo-launch small{font-size:9px}.reference-3d .demo-narrative>header{font-size:10px!important}.reference-3d .demo-chapter h2{font-size:24px}.reference-3d .demo-timeline b{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.reference-3d :is(button,a,select),.demo-narrative-body .demo-chapter{transition:none!important;animation:none!important}}
body.reference-3d :is(.scene-loading,#loading){background:#152632!important;color:#e4eef6!important}body.reference-3d :is(.scene-loading,#loading) :is(b,strong){color:#edf5fa!important;font:500 17px var(--dash-font)!important}body.reference-3d :is(.scene-loading,#loading) small{color:#b4c9d8!important;font:12px var(--dash-font)!important}body.demo-guided .pi-entity-pins{pointer-events:none}body.demo-guided .pi-entity-pin{pointer-events:none!important}

body.reference-3d .demo-intro h1{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.12!important;margin:6px 0 8px!important}.reference-3d .demo-narrative-body{padding:16px;gap:12px}.reference-3d .demo-chapter h2{font-size:24px;line-height:1.15}.reference-3d .demo-handoff{padding:10px}.reference-3d .demo-message{display:none}.reference-3d.demo-complete .demo-message{display:block}.reference-3d.demo-complete .demo-handoff{display:none}.reference-3d .demo-inspect{margin-top:auto}.reference-3d .demo-proof>div{padding-bottom:7px}
body.reference-3d .ops-runtime :is(#ucActivity,#trafficScore,#crossingScore,#perceptionScore){color:#246a53!important;font:600 11px var(--dash-font)!important}body.reference-3d .ops-runtime :is(.source-select select,.source-select button,#playClips){color:#48677f!important;background:#f0f5f8!important;border-color:#ccdae5!important}body.reference-3d .ops-runtime :is(.flow-step.done .n,.flow button.done .n){color:#2e7358!important}body.reference-3d .ops-runtime :is(.flow-step.active b,.flow button.active b){color:#365974!important}body.reference-3d #wmBody svg :is(rect,circle){fill:#e6eff5!important;stroke:#89a6ba!important}body.reference-3d #wmBody svg text{fill:#35566e!important}
