/* Snapshot of AR2 console style from clorofill/myrmex a19a504780d699960524504fb2cc46ccecb22d30; only private starfield URL disabled. Public synthetic demo only. */
:root{
  color-scheme:dark;
  --bg:#101820;--surface:#1d2831;--surface2:#293640;--line:#46545e;--line2:#5a6872;
  --text:#f6f3ed;--muted:#b5beb9;--muted-bright:#c7cfcb;--copper:#c9876d;--green:#8fba95;--amber:#dab86f;
  --red:#d18882;--blue:#90b1c2;--violet:#b7a4be;--radius:12px;--mono:"IBM Plex Mono","Cascadia Mono",Consolas,monospace;
}
*{box-sizing:border-box}
html{background:#0b1218}
body{
  margin:0;min-width:320px;color:var(--text);font-family:Inter,system-ui,sans-serif;
  background-color:var(--bg);
  background-image:
    radial-gradient(ellipse 72% 58% at 8% 12%,rgba(103,145,168,.34) 0%,rgba(75,112,133,.22) 34%,rgba(48,78,96,.10) 56%,transparent 76%),
    radial-gradient(ellipse 58% 48% at 94% 16%,rgba(201,135,109,.20) 0%,rgba(168,103,82,.11) 38%,rgba(120,76,64,.05) 58%,transparent 78%),
    radial-gradient(ellipse 74% 52% at 48% 96%,rgba(73,107,126,.24) 0%,rgba(54,83,100,.13) 42%,transparent 74%),
    linear-gradient(180deg,#17242e 0%,#131e27 42%,#0f171f 100%);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.92;
  background-image:url("starfield.svg?v=20261020-1");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
body::after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  width:680px;
  height:680px;
  right:-390px;
  top:74px;
  border:1px solid rgba(201,135,109,.10);
  border-radius:50%;
  box-shadow:
    0 0 0 120px rgba(144,177,195,.025),
    0 0 0 240px rgba(201,135,109,.018);
}
button{font:inherit}
.shell{position:relative;z-index:1;width:min(1500px,calc(100% - 28px));margin:auto;padding:26px 0 32px}
.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:4px 2px 22px;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;color:inherit}.brand h1{margin:5px 0 4px;font-size:34px;line-height:1.02;letter-spacing:-.02em}.brand .eyebrow{font-size:11px}.tagline{margin:0;color:var(--muted);font-size:15px}
.eyebrow{margin:0 0 5px;color:var(--copper);font:600 10px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase}
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.prototype-label,.node-pill{padding:8px 10px;border:1px solid var(--line);border-radius:999px;font:600 9px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#c8d0cc}
.node-pill i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green)}.node-pill.reference i{background:var(--muted)}
.primary-nav{display:flex;gap:5px;overflow-x:auto;padding:13px 0 14px;border-bottom:1px solid var(--line)}
.nav-tab{flex:0 0 auto;border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:9px;cursor:pointer;font:600 11px/1 var(--mono);letter-spacing:.065em;text-transform:uppercase}
.nav-tab:hover,.nav-tab.active{background:var(--surface2);color:var(--text)}
.system-banner{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0;background:var(--surface)}
.system-banner>div{padding:13px 15px;border-left:1px solid var(--line)}.system-banner>div:first-child{border-left:0}
.system-banner small,.metric small,.state-stack small,.health-grid small,.vision-summary small,.mode-card small,.actuator-flow small,.interlock-grid small,.command-context small{display:block;color:var(--muted-bright);font:600 10px/1.25 var(--mono);letter-spacing:.075em;text-transform:uppercase}
.system-banner strong{display:block;margin-top:5px;font:600 11px/1.3 var(--mono)}
.dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%}.dot.good{background:var(--green)}.dot.warn{background:var(--amber)}.dot.neutral{background:#7c8782}
.view{display:none}.view.active{display:block}
.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.environment-card{grid-column:span 8}.safety-card{grid-column:span 4}.position-card{grid-column:span 4}.camera-card{grid-column:span 8}.node-card{grid-column:span 7}.event-card{grid-column:span 5}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 14px}.panel-head h2,.section-intro h2{margin:0;font-size:18px}.freshness,.status{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid currentColor;border-radius:999px;font:600 9px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.freshness.live{color:var(--green)}.freshness.delayed{color:var(--amber)}.freshness.stale{color:var(--red)}.freshness.neutral{color:#aab2ae}
.metric-grid{display:grid}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric{padding:20px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric:first-child{border-left:0}.metric strong{display:block;margin:9px 0 7px;font:600 28px/1 var(--mono)}.metric strong span{margin-left:4px;color:var(--muted-bright);font-size:12px}.metric em{font-size:12px;line-height:1.4;color:var(--muted-bright);font-style:normal}
.source-strip{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px 20px;border-top:1px solid var(--line);color:var(--muted-bright);font:500 10px/1.4 var(--mono);text-transform:uppercase}
.state-stack{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.state-stack>div{min-height:92px;padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.state-stack strong{display:block;margin:6px 0;font:600 16px/1.2 var(--mono)}.state-stack span{font-size:11px;color:var(--muted)}.good-text{color:var(--green)}
.location-summary{display:flex;align-items:center;gap:22px;padding:8px 20px 16px}.fix-badge{display:grid;place-items:center;width:82px;height:82px;border:1px solid var(--amber);border-radius:50%;color:var(--amber)}.fix-badge strong{font:700 24px/1 var(--mono)}.fix-badge span{font:600 8px/1 var(--mono);letter-spacing:.07em}.location-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;flex:1}.location-summary dt{color:var(--muted);font-size:10px}.location-summary dd{margin:3px 0 0;font:600 13px/1.2 var(--mono)}.note{margin:0;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.camera-preview{position:relative;min-height:290px;border-top:1px solid var(--line);background:linear-gradient(180deg,#68706d 0 34%,#2f3734 34% 40%,#171d1b 40% 100%);overflow:hidden;filter:saturate(.4)}
.camera-preview:before{content:"";position:absolute;inset:44% -5% -15%;background:repeating-radial-gradient(ellipse at 50% 100%,#252b29 0 15px,#111614 18px 32px);transform:rotate(-2deg)}
.camera-preview.large{min-height:500px}.reticle{position:absolute;z-index:2;left:50%;top:50%;width:100px;height:100px;border:1px solid var(--amber);border-radius:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;background:var(--amber);opacity:.6}.reticle:before{left:50%;top:-24px;bottom:-24px;width:1px}.reticle:after{top:50%;left:-24px;right:-24px;height:1px}.camera-label,.camera-time{position:absolute;z-index:3;bottom:14px;font:600 9px/1 var(--mono);letter-spacing:.08em}.camera-label{left:16px}.camera-time{right:16px}
.vision-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.vision-summary span{padding:14px 18px;border-left:1px solid var(--line)}.vision-summary span:first-child{border-left:0}.vision-summary strong{display:block;margin-top:5px;font:600 12px/1.3 var(--mono)}
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.health-grid article{padding:16px 18px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.health-grid article:nth-child(3n+1){border-left:0}.health-grid strong{display:block;margin-top:7px;font:600 13px/1.2 var(--mono)}
.event-list{border-top:1px solid var(--line)}.event{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:start}.event time{color:var(--muted);font:500 10px/1.4 var(--mono)}.event strong{font-size:12px}.event p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.event>span{font:600 8px/1 var(--mono);letter-spacing:.07em}.event.advisory>span{color:var(--amber)}.event.info>span{color:var(--blue)}.quiet-button{border:0;background:transparent;color:var(--copper);cursor:pointer;font:600 9px/1 var(--mono);text-transform:uppercase}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:28px 4px 18px}.section-intro>p,.section-intro>div>p{max-width:72ch;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.node-list{display:grid;gap:12px}.node-detail-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.node-title{display:flex;justify-content:space-between;gap:20px}.node-title strong{font:600 15px/1.2 var(--mono)}.node-title p{margin:6px 0 0;color:var(--muted);font-size:12px}.node-device-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.node-device-grid span{padding:14px;border:1px solid var(--line);border-radius:8px;font:600 11px/1.3 var(--mono)}.node-device-grid small{display:block;margin-top:6px;color:var(--muted);font:500 9px/1.3 var(--mono)}.node-device-grid .future{border-style:dashed;color:#b9b9b4}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}td{font-size:12px}td strong{display:block}td small{display:block;margin-top:4px;color:var(--muted)}.good-status{color:var(--green)}.warn-status{color:var(--amber)}.neutral-status{color:#aab2ae}
.vision-grid,.location-grid,.history-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.vision-side .empty-state{padding:40px 22px;border-top:1px solid var(--line)}.empty-state p{color:var(--muted);font-size:12px;line-height:1.55}.map-placeholder{display:grid;place-items:center;min-height:430px;padding:30px;background:linear-gradient(rgba(192,124,99,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(192,124,99,.03) 1px,transparent 1px),var(--surface);background-size:32px 32px;text-align:center}.map-placeholder span{color:var(--copper);font:600 9px/1 var(--mono);letter-spacing:.1em}.map-placeholder strong{font-size:20px}.map-placeholder p{color:var(--muted)}.detail-list{margin:0;border-top:1px solid var(--line)}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{margin:0;font:600 11px/1.3 var(--mono)}
.actuator-intro{align-items:center}.mode-card{min-width:300px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.mode-card strong{display:block;margin:6px 0;color:var(--amber);font:700 13px/1.3 var(--mono)}.mode-card span{color:var(--muted);font-size:10px}
.safety-banner{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;margin-bottom:12px;border:1px solid #6f5c36;border-radius:var(--radius);background:#211f19}.safety-banner strong{color:#e0c37b;font-size:12px}.safety-banner span{color:#c7b98f;font-size:11px}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.mode-option{padding:18px;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.mode-option:hover{border-color:var(--line2)}.mode-option.selected{border-color:var(--copper);box-shadow:inset 0 3px 0 var(--copper)}.mode-option span{color:var(--copper);font:600 9px/1 var(--mono);letter-spacing:.08em}.mode-option strong{display:block;margin:9px 0;font-size:13px}.mode-option p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.actuator-panel{margin-top:12px}.actuator-flow{display:grid;grid-template-columns:repeat(5,1fr auto);align-items:stretch;border-top:1px solid var(--line)}.actuator-flow article{padding:18px;min-width:0}.actuator-flow article strong{display:block;margin:8px 0 5px;font:600 14px/1.3 var(--mono)}.actuator-flow article span{color:var(--muted);font-size:10px}.actuator-flow .recommendation strong{color:var(--amber)}.actuator-flow .pending strong{color:var(--copper)}.flow-arrow{display:grid;place-items:center;color:var(--muted)}
.interlock-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.interlock-grid>div{padding:13px 16px;border-left:1px solid var(--line)}.interlock-grid>div:nth-child(3n+1){border-left:0}.interlock-grid strong{float:right;font:600 10px/1 var(--mono)}
.control-actions{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:18px}.command-context{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;max-width:680px}.command-context strong,.command-context span{font-size:10px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row button{padding:10px 14px;border-radius:8px;border:1px solid var(--line);font:600 10px/1 var(--mono);text-transform:uppercase}.primary-action{background:var(--copper);color:#111;border-color:var(--copper)!important}.secondary-action{background:transparent;color:var(--text)}.danger-action{background:transparent;color:var(--red);border-color:var(--red)!important}.button-row button:disabled{opacity:.38;cursor:not-allowed}
.prototype-warning{margin:0;padding:12px 18px;border-top:1px solid var(--line);color:#d0b9a8;font-size:10px;line-height:1.45}
.event-list.full{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.trend-placeholder{min-height:330px}.fake-chart{display:flex;align-items:end;gap:3%;height:230px;padding:20px;border-top:1px solid var(--line)}.fake-chart i{flex:1;background:linear-gradient(var(--copper),transparent);opacity:.45;border-top:1px solid var(--copper)}.fake-chart i:nth-child(1){height:28%}.fake-chart i:nth-child(2){height:33%}.fake-chart i:nth-child(3){height:42%}.fake-chart i:nth-child(4){height:38%}.fake-chart i:nth-child(5){height:55%}.fake-chart i:nth-child(6){height:62%}.fake-chart i:nth-child(7){height:59%}.fake-chart i:nth-child(8){height:71%}.record-types{display:flex;flex-wrap:wrap;gap:8px;padding:22px;border-top:1px solid var(--line)}.record-types span{padding:9px 10px;border:1px solid var(--line);border-radius:999px;font:600 9px/1 var(--mono)}
.footer{display:flex;justify-content:space-between;gap:20px;padding:20px 3px;color:#77817d;font-size:10px}
@media(max-width:1100px){.system-banner{grid-template-columns:repeat(3,1fr)}.system-banner>div:nth-child(4){border-left:0;border-top:1px solid var(--line)}.environment-card,.camera-card{grid-column:span 12}.safety-card,.position-card{grid-column:span 6}.node-card,.event-card{grid-column:span 12}.node-device-grid{grid-template-columns:repeat(3,1fr)}.actuator-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);padding:2px}.mode-grid{grid-template-columns:1fr}.interlock-grid{grid-template-columns:repeat(2,1fr)}.interlock-grid>div:nth-child(3n+1){border-left:1px solid var(--line)}.interlock-grid>div:nth-child(2n+1){border-left:0}}
@media(max-width:760px){.shell{width:min(100% - 16px,720px);padding-top:10px}.site-header{flex-direction:column}.header-actions{justify-content:flex-start}.system-banner{grid-template-columns:1fr 1fr}.system-banner>div{border-top:1px solid var(--line)}.system-banner>div:nth-child(odd){border-left:0}.environment-card,.safety-card,.position-card,.camera-card,.node-card,.event-card{grid-column:span 12}.metric-grid.four{grid-template-columns:1fr 1fr}.metric:nth-child(3){border-left:0}.health-grid{grid-template-columns:1fr 1fr}.health-grid article:nth-child(3n+1){border-left:1px solid var(--line)}.health-grid article:nth-child(odd){border-left:0}.vision-grid,.location-grid,.history-grid{grid-template-columns:1fr}.camera-preview.large{min-height:340px}.node-device-grid{grid-template-columns:1fr 1fr}.section-intro{align-items:flex-start;flex-direction:column}.mode-card{min-width:0;width:100%}.safety-banner{flex-direction:column}.interlock-grid{grid-template-columns:1fr}.interlock-grid>div{border-left:0!important;border-top:1px solid var(--line)}.control-actions{align-items:flex-start;flex-direction:column}.button-row{width:100%}.button-row button{flex:1}.footer{flex-direction:column}.event{grid-template-columns:60px 1fr}.event>span{grid-column:2}}
@media(max-width:500px){.metric-grid.four,.state-stack,.health-grid,.node-device-grid{grid-template-columns:1fr}.metric,.metric:nth-child(3),.state-stack>div,.health-grid article{border-left:0}.location-summary{align-items:flex-start;flex-direction:column}.location-summary dl{width:100%}.vision-summary{grid-template-columns:1fr}.vision-summary span{border-left:0;border-top:1px solid var(--line)}}


/* AR2 three-surface information architecture: Overview · Scout · Dashboard */
.system-banner{grid-template-columns:repeat(4,1fr)}
.page-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:28px 4px 18px}
.page-intro h2{margin:0;font-size:24px}
.page-intro p:not(.eyebrow){max-width:72ch;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.primary-action,.secondary-action,.danger-action{padding:11px 15px;border-radius:8px;font:600 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.primary-action{border:1px solid var(--copper);background:var(--copper);color:#111}
.secondary-action{border:1px solid var(--line2);background:var(--surface2);color:var(--text)}
.danger-action{border:1px solid var(--red);background:transparent;color:var(--red)}
.primary-action:hover,.secondary-action:hover,.danger-action:hover{filter:brightness(1.08)}
.start-scout-cta{min-width:140px}

.overview-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.overview-environment{grid-column:span 8}
.readiness-card{grid-column:span 4}
.compact-card{grid-column:span 6}
.readiness-list{border-top:1px solid var(--line)}
.readiness-list>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:4px;padding:13px 18px;border-bottom:1px solid var(--line)}
.readiness-list strong{font:600 12px/1.2 var(--mono)}
.readiness-list small{grid-column:2;color:var(--muted);font-size:10px;margin-top:3px}
.readiness-action{display:block;width:100%;padding:15px 18px;text-align:left;border-top:0}
.panel-copy{margin:0;padding:4px 20px 20px;color:var(--muted);font-size:12px;line-height:1.55}

.scout-config-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px}
.scout-setup,.scout-principles{min-height:100%}
.preset-row{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 18px}
.preset-button{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:600 9px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.preset-button:hover,.preset-button.selected{border-color:var(--copper);color:var(--text);background:rgba(201,135,109,.10)}
.sensor-choice-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.sensor-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:94px;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}
.sensor-choice:nth-child(even){border-right:0}
.sensor-choice:hover{background:rgba(255,255,255,.018)}
.sensor-choice input{width:18px;height:18px;accent-color:var(--copper)}
.choice-main strong{display:block;font:600 13px/1.25 var(--mono)}
.choice-main small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}
.source-badge{padding:5px 7px;border:1px solid currentColor;border-radius:999px;font:600 8px/1 var(--mono);letter-spacing:.06em;white-space:nowrap}
.live-source{color:var(--green)}
.sim-source{color:#aab2ae}
.scope-note{display:flex;gap:10px 18px;align-items:flex-start;padding:14px 18px;border-bottom:1px solid var(--line);background:#171f24}
.scope-note strong{font-size:11px;white-space:nowrap}
.scope-note span{color:var(--muted);font-size:10px;line-height:1.45}
.scout-start-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px}
.scout-start-row small{display:block;color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.07em}
.scout-start-row strong{display:block;margin-top:5px;font:600 12px/1.3 var(--mono)}
.principle-list{border-top:1px solid var(--line)}
.principle-list>div{padding:17px 20px;border-bottom:1px solid var(--line)}
.principle-list strong{display:block;font-size:12px}
.principle-list span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}

.hidden{display:none!important}
.scout-active-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:6px 4px 14px}
.scout-active-head h2{margin:0;font-size:24px}
.scout-timer{text-align:right}
.scout-timer small{display:block;color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.07em}
.scout-timer strong{display:block;margin-top:5px;font:600 22px/1 var(--mono)}
.scout-status-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#131c23;margin-bottom:12px}
.scout-status-strip span{padding:12px 14px;border-left:1px solid var(--line);font:600 9px/1.3 var(--mono);letter-spacing:.04em}
.scout-status-strip span:first-child{border-left:0}
.scout-focus-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.scout-sensor-card{grid-column:span 12;border:1px solid var(--line);border-radius:var(--radius);background:#172129;overflow:hidden}
.focus-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px}
.focus-card-head h3{margin:0;font-size:17px}
.focus-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.focus-metrics.three{grid-template-columns:repeat(3,1fr)}
.focus-metrics>div{padding:22px 20px;border-left:1px solid var(--line)}
.focus-metrics>div:first-child{border-left:0}
.focus-metrics small{display:block;color:var(--muted-bright);font:600 9px/1 var(--mono);letter-spacing:.07em}
.focus-metrics strong{display:block;margin-top:9px;font:600 27px/1 var(--mono)}
.focus-metrics strong span{margin-left:4px;color:var(--muted);font-size:11px}
.focus-source{padding:11px 20px;border-top:1px solid var(--line);color:var(--muted);font:500 9px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.scout-camera{min-height:360px}
.scout-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 2px}
.scout-marker-state{margin-right:auto;display:flex;align-items:center;gap:8px}
.scout-marker-state small{color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.06em}
.scout-marker-state strong{font:700 13px/1 var(--mono)}
.scout-note-box{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.scout-note-box label{display:flex;justify-content:space-between;color:var(--muted-bright);font:600 9px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.scout-note-box label span{color:var(--muted);font-weight:500}
.scout-note-box textarea{width:100%;margin-top:10px;padding:11px 12px;resize:vertical;border:1px solid var(--line);border-radius:8px;background:#111920;color:var(--text);font:12px/1.45 var(--mono)}
.scout-complete-card{padding:26px;max-width:900px}
.scout-complete-card h2{margin:4px 0 20px;font-size:24px}
.scout-complete-card>p:last-of-type{color:var(--muted);font-size:12px;line-height:1.55}
.completion-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.completion-grid>div{padding:16px;border-left:1px solid var(--line)}
.completion-grid>div:first-child{border-left:0}
.completion-grid small{display:block;color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.06em}
.completion-grid strong{display:block;margin-top:7px;font:600 12px/1.35 var(--mono)}
.completion-actions{display:flex;gap:8px;margin-top:20px}

.dashboard-nav{display:flex;gap:5px;overflow-x:auto;padding:0 0 13px;border-bottom:1px solid var(--line)}
.dashboard-tab{flex:0 0 auto;padding:8px 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:600 9px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.dashboard-tab:hover,.dashboard-tab.active{border-color:var(--line2);background:var(--surface2);color:var(--text)}
.dashboard-section{display:none}
.dashboard-section.active{display:block}
.dashboard-section .section-intro{padding-top:22px}
.empty-state{padding:40px 22px;border-top:1px solid var(--line)}
.empty-state p{color:var(--muted);font-size:12px;line-height:1.55}

@media(max-width:1100px){
  .system-banner{grid-template-columns:repeat(2,1fr)}
  .system-banner>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .overview-environment,.readiness-card{grid-column:span 12}
  .scout-config-grid{grid-template-columns:1fr}
  .scout-status-strip{grid-template-columns:repeat(2,1fr)}
  .scout-status-strip span:nth-child(3){border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:760px){
  .page-intro{align-items:flex-start;flex-direction:column}
  .start-scout-cta{width:100%}
  .compact-card{grid-column:span 12}
  .sensor-choice-grid{grid-template-columns:1fr}
  .sensor-choice{border-right:0}
  .scope-note{flex-direction:column}
  .scout-status-strip{grid-template-columns:1fr}
  .scout-status-strip span{border-left:0;border-top:1px solid var(--line)}
  .scout-status-strip span:first-child{border-top:0}
  .focus-metrics,.focus-metrics.three{grid-template-columns:1fr 1fr}
  .focus-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .focus-metrics>div:nth-child(4){border-top:1px solid var(--line)}
  .scout-actions{align-items:stretch;flex-direction:column}
  .scout-marker-state{margin-right:0}
  .completion-grid{grid-template-columns:1fr 1fr}
  .completion-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .completion-grid>div:nth-child(4){border-top:1px solid var(--line)}
}
@media(max-width:500px){
  .focus-metrics,.focus-metrics.three,.completion-grid{grid-template-columns:1fr}
  .focus-metrics>div,.focus-metrics>div:nth-child(3),.completion-grid>div,.completion-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .focus-metrics>div:first-child,.completion-grid>div:first-child{border-top:0}
  .completion-actions{flex-direction:column}
}

.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled{opacity:.4;cursor:not-allowed;filter:none}
.dashboard-section .mode-option{cursor:default}
.dashboard-section .mode-option:hover{border-color:var(--line)}


/* Overview launch strips mirror the Myrmex/Soma interaction rhythm without changing AR2 semantics. */
.overview-launch-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.launch-strip{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  width:100%;
  padding:16px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.launch-strip:hover{border-color:var(--copper);background:var(--surface2)}
.launch-strip span{color:var(--copper);font:700 9px/1 var(--mono);letter-spacing:.11em}
.launch-strip strong{font-size:14px}
.launch-strip b{color:var(--copper);font-size:20px;font-weight:400}
@media(max-width:760px){.overview-launch-actions{grid-template-columns:1fr}}


/* AR2 telemetry quality and operator-inspectable raw history */
.panel-status-group{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.quality-pill{display:inline-flex;align-items:center;padding:6px 8px;border:1px solid currentColor;border-radius:999px;font:600 9px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.quality-pill.good{color:var(--green)}
.quality-pill.suspect{color:var(--amber)}
.quality-pill.invalid{color:var(--red)}
.quality-pill.neutral{color:#aab2ae}
.attention-active{border-color:var(--amber)}
.attention-active .panel-head h2{color:var(--amber)}
.bad-status{color:var(--red)}
.telemetry-history-wrap{margin-bottom:10px}
.telemetry-history-table{min-width:1120px}
.telemetry-history-table td{font-family:var(--mono);font-size:10px}
.telemetry-history-table tr.telemetry-suspect{background:rgba(218,184,111,.07)}
.telemetry-history-table tr.telemetry-invalid{background:rgba(209,136,130,.08)}
.telemetry-history-table .telemetry-number{font-variant-numeric:tabular-nums}
.telemetry-history-table .telemetry-time{white-space:nowrap}
.telemetry-history-table .telemetry-diagnostic{min-width:280px;font-family:Inter,system-ui,sans-serif;line-height:1.4;color:var(--muted-bright)}
.telemetry-history-empty{color:var(--muted)}
.telemetry-history-summary{margin:0;padding:6px 2px 22px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:760px){.panel-status-group{justify-content:flex-start}.panel-head{align-items:flex-start;flex-direction:column}}


/* AR2 physical telemetry trend charts */
.telemetry-history-intro{align-items:center}
.trend-range{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.trend-range button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:600 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.trend-range button:hover,.trend-range button.active{border-color:var(--copper);background:rgba(201,135,109,.10);color:var(--text)}
.trend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}
.trend-card{min-width:0}
.trend-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px 4px}
.trend-card-head h3{margin:0;font-size:14px}
.trend-card-head>strong{font:600 14px/1 var(--mono);white-space:nowrap}
.trend-chart{display:block;width:100%;height:auto;min-height:210px;overflow:visible}
.trend-gridline{stroke:var(--line);stroke-width:1}
.trend-axis-label{fill:var(--muted);font:500 9px var(--mono)}
.trend-line{fill:none;stroke:var(--copper);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.trend-good-point{fill:var(--copper)}
.trend-flagged-point{fill:var(--amber);stroke:#111;stroke-width:1.5}
.trend-empty{fill:var(--muted);font:500 11px var(--mono)}
.trend-window-summary{margin:0 0 16px;padding:0 2px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:900px){.trend-grid{grid-template-columns:1fr}}
@media(max-width:760px){.telemetry-history-intro{align-items:flex-start}.trend-range{justify-content:flex-start}.trend-card-head{flex-direction:column}.trend-card-head>strong{white-space:normal}}

.trend-retention-summary{margin:-8px 0 18px;padding:0 2px;color:var(--muted-bright);font-size:10px;line-height:1.5}


/* DD157 · reusable Core outside-weather context beside physical BME688 telemetry */
.weather-context-card{margin:14px 0 4px}
.weather-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px 14px}
.weather-context-head h2{margin:0;font-size:18px}
.weather-context-head p:not(.eyebrow){max-width:78ch;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.weather-context-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.weather-settings-link{padding:7px 9px;border:1px solid var(--line2);border-radius:999px;color:var(--text);text-decoration:none;font:600 9px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.weather-settings-link:hover{border-color:var(--copper);background:rgba(201,135,109,.10)}
.weather-context-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}
.weather-context-grid article{min-width:0;padding:15px 16px;border-left:1px solid var(--line)}
.weather-context-grid article:first-child{border-left:0}
.weather-context-grid small{display:block;color:var(--muted-bright);font:600 9px/1.25 var(--mono);letter-spacing:.07em}
.weather-context-grid strong{display:block;margin:8px 0 6px;font:600 20px/1 var(--mono);font-variant-numeric:tabular-nums}
.weather-context-grid strong span{margin-left:4px;color:var(--muted-bright);font-size:10px}
.weather-context-grid em{display:block;min-height:28px;color:var(--muted);font-size:10px;line-height:1.4;font-style:normal}
.weather-source-strip{padding-top:11px;padding-bottom:11px}
.weather-comparison-note{margin:0;padding:10px 20px 13px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:1100px){
  .weather-context-grid{grid-template-columns:repeat(3,1fr)}
  .weather-context-grid article:nth-child(4){border-left:0;border-top:1px solid var(--line)}
  .weather-context-grid article:nth-child(5),.weather-context-grid article:nth-child(6){border-top:1px solid var(--line)}
}
@media(max-width:760px){
  .weather-context-head{flex-direction:column}
  .weather-context-actions{justify-content:flex-start}
  .weather-context-grid{grid-template-columns:1fr 1fr}
  .weather-context-grid article:nth-child(odd){border-left:0}
  .weather-context-grid article:nth-child(n+3){border-top:1px solid var(--line)}
}
@media(max-width:500px){
  .weather-context-grid{grid-template-columns:1fr}
  .weather-context-grid article{border-left:0!important;border-top:1px solid var(--line)}
  .weather-context-grid article:first-child{border-top:0}
}


/* DD158 · physical Modulino Movement state */
.overview-movement{grid-column:span 4}
.overview-grid>.compact-card{grid-column:span 4}
.metric-grid.three{grid-template-columns:repeat(3,1fr)}
.movement-card .metric strong{font-size:22px}
.movement-card #movement-state{font-size:17px;line-height:1.2}
@media(max-width:1100px){
  .overview-movement{grid-column:span 12}
  .overview-grid>.compact-card{grid-column:span 6}
}
@media(max-width:760px){
  .overview-grid>.compact-card{grid-column:span 12}
  .metric-grid.three{grid-template-columns:1fr}
  .metric-grid.three .metric{border-left:0;border-top:1px solid var(--line)}
  .metric-grid.three .metric:first-child{border-top:0}
}


/* DD168 · progressive, raw AS7341 spectrum; no synthetic measurements */
.spectral-panel{margin-top:14px;overflow:hidden}
.spectral-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;padding:16px 20px}
.spectral-panel>summary::-webkit-details-marker{display:none}
.spectral-panel>summary>span:first-child{display:flex;flex-direction:column;gap:6px}
.spectral-panel>summary strong{font-size:16px}
.spectral-panel>summary:focus-visible{outline:2px solid var(--copper);outline-offset:-3px}
.spectral-panel[open]>summary{border-bottom:1px solid var(--line)}
.spectral-detail-body{padding:16px 20px}
.spectral-detail-body>.panel-copy{margin:0 0 18px;max-width:85ch}
.spectral-bars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;min-height:190px;align-items:end}
.spectral-empty{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);font-size:12px}
.spectral-bar{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.spectral-bar .spectral-count{color:var(--muted-bright);font:500 11px var(--mono);font-variant-numeric:tabular-nums}
.spectral-track{display:flex;align-items:end;width:min(90%,46px);height:125px;background:var(--panel2,#202830);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.spectral-fill{width:100%;height:0%;background:var(--copper);border-radius:3px 3px 0 0}
.spectral-band{color:var(--muted-bright);font:600 10px var(--mono)}
.spectral-extras{display:flex;gap:10px 18px;flex-wrap:wrap;margin:16px 0;padding-top:13px;border-top:1px solid var(--line);font:11px var(--mono);color:var(--muted-bright)}
.spectral-extras strong{color:var(--text)}
.spectral-disclaimer{color:var(--muted);font-size:11px;line-height:1.6}
.spectral-disclaimer em{font-style:normal;color:var(--muted-bright)}
.spectral-provenance{border-top:1px solid var(--line);padding-top:12px;color:var(--muted-bright);font:10px var(--mono)}
@media(max-width:760px){.spectral-panel>summary{align-items:flex-start;flex-direction:column}.spectral-bars{gap:4px}.spectral-bar .spectral-count{font-size:9px}.spectral-band{font-size:9px}}