:root{color-scheme:light;--ink:#172a36;--muted:#71818c;--line:#e4ebee;--paper:#fff;--bg:#f3f6f8;--green:#137b68;--red:#b94242;--amber:#a7691c;--shadow:0 6px 26px #163b4e05;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid #d3e0e4;border-radius:8px;padding:8px 15px;background:#fff;color:var(--ink)}button:hover:not(:disabled){border-color:var(--green);color:var(--green)}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #44aa99;outline-offset:4px}h1,h2,h3,p,dl,dd{margin:0}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:14px}small{font-size:12px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:20;background:#fff;padding:12px}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1400px)/2));gap:28px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:.4px;line-height:1.05}.brand b{color:var(--green);font-weight:500;font-size:13px;letter-spacing:1px}.brand small{display:block;margin-top:7px;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:white;background:var(--green);border-radius:10px;font-size:25px;font-style:italic}.site-header nav{display:flex;gap:35px;color:#667985;font-size:13px}.site-header nav a:hover,.home-link:hover{color:var(--green)}.home-link{font-size:12px;color:#687b85}.home-link span{margin-left:10px}.page{max-width:1464px;margin:auto;padding:30px 32px 16px}.hero{border-radius:18px;background:#142e3b;min-height:242px;padding:34px 38px;display:flex;justify-content:space-between;color:#fff;overflow:hidden;position:relative}.hero:after{content:"08";position:absolute;right:240px;top:-70px;font-size:320px;line-height:1;font-weight:750;letter-spacing:-20px;color:#ffffff04;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#8fa9b5;font-weight:600}.eyebrow span{font-size:10px;letter-spacing:.5px;margin-left:14px;border:1px solid #4e6b7560;border-radius:4px;padding:2px 7px;color:#c1d1d8}.eyebrow.dark{color:#8498a3;font-size:9px;letter-spacing:1.6px;margin-bottom:4px}.robot-title{display:flex;align-items:center;gap:15px;margin-top:7px}.robot-title h1{font-size:52px;font-weight:650;letter-spacing:-1px;line-height:1.25}.real-tag{font-size:10px;padding:2px 9px;border-radius:5px;border:1px solid #59727a80;color:#c1d4da}.robot-id{font-size:12px;font-variant-numeric:tabular-nums;color:#bed0d7;letter-spacing:.6px;margin-top:5px}.robot-id span{padding:0 10px;color:#526e7a}.hero-note{font-size:12px;color:#7e9ba8;margin-top:22px}.hero-state{position:relative;z-index:1;width:235px;align-self:center;border-left:1px solid #4e697940;padding-left:30px}.connection{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:550;color:#93b8ac}.connection:before,.status-dot{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.connection[data-tone=good]{color:#8bdfc6}.connection[data-tone=warn]{color:#f0ca8c}.connection[data-tone=bad]{color:#f0a2a2}.connection[data-tone=muted]{color:#a3b6bf}.hero-state dl{margin-top:15px;font-size:11px;color:#8fa6b1}.hero-state dl>div{display:flex;justify-content:space-between;gap:10px;margin-top:5px}.hero-state dd{color:#c0d1d8;font-variant-numeric:tabular-nums}.heartbeat{height:28px;display:flex;align-items:center;gap:7px;margin-top:10px}.heartbeat i{height:2px;width:15px;background:#2d665f;border-radius:2px}.heartbeat i:nth-child(4){height:13px}.heartbeat i:nth-child(5){height:24px;background:#5aaf94}.heartbeat i:nth-child(6){height:8px}.notice{margin-top:18px;border:1px solid #e9d6b0;background:#fff9ee;border-radius:10px;color:#86602b;padding:11px 16px;font-size:12px}.notice[data-tone=bad]{background:#fff4f4;color:#a64b4b;border-color:#ecd0d0}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:22px 0}.metric{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;box-shadow:var(--shadow);min-height:144px}.metric>p{font-size:11px;color:#6e808d;font-weight:500;white-space:nowrap}.metric>p span{color:#99a7ae;font-size:9px;float:right;letter-spacing:.8px}.metric-value{font-size:28px;letter-spacing:-.7px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.4;margin:8px 0 7px;white-space:nowrap}.metric-value.word{font-size:23px;margin-top:10px}.metric-value .unit{font-size:12px;font-weight:500;color:#8899a1;letter-spacing:0;margin-left:4px}.metric small{color:#91a0a8;font-size:10px;display:block;min-height:16px}.metric[data-tone=muted] .metric-value{color:#96a2aa}.metric[data-tone=bad] .metric-value{color:var(--red)}.metric[data-tone=warn] .metric-value{color:var(--amber)}.battery-track{height:3px;border-radius:3px;overflow:hidden;background:#edf3f3;margin-top:-2px;margin-bottom:9px}.battery-track>div{height:100%;width:0;background:var(--green);transition:width .4s ease}.main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{padding:23px 25px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.hint{color:#91a0a8;font-size:11px}.panel-footnote{font-size:10px;color:#96a4ac;padding:16px 25px 19px;border-top:1px solid #edf1f3}.device-group{border-top:1px solid var(--line)}.device-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 25px;font-size:13px;font-weight:600;background:#fcfdfd}.group-heading{display:flex;gap:10px;align-items:center}.group-index{font-size:10px;color:#98abae;letter-spacing:1px;font-weight:500}.group-meta{display:flex;gap:12px;align-items:center;font-size:10px;color:#97a5ac;font-weight:400}.chevron{font-size:17px;color:#9baab1;transition:transform .18s}.device-group[open]>summary .chevron{transform:rotate(180deg)}.device-row{padding:0 25px 0 45px}.device-row+ .device-row{border-top:1px solid #f0f3f4}.device-row>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:12px}.device-row-name{display:flex;align-items:center;gap:9px}.device-row-name:before{content:"";width:5px;height:5px;border-radius:50%;background:#8bb8ac}.device-row[data-tone=muted] .device-row-name:before{background:#c0cbd0}.device-row[data-tone=bad] .device-row-name:before{background:#d98181}.device-row[data-tone=warn] .device-row-name:before{background:#d5b574}.row-right{display:flex;align-items:center;gap:10px;font-size:10px;color:#90a2aa}.badge{font-size:10px;line-height:1.7;display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;padding:1px 7px;font-weight:500}.badge[data-tone=good]{color:var(--green);background:#eaf5f0}.badge[data-tone=warn]{color:#9e722b;background:#faf2e3}.badge[data-tone=bad]{color:var(--red);background:#fbebeb}.badge[data-tone=muted]{color:#8c9ca5;background:#f0f3f5}.device-fields{background:#f8fafb;border-radius:8px;padding:10px 14px;margin:1px 0 13px}.key-values{font-size:11px}.key-values>div{display:flex;justify-content:space-between;gap:16px;padding:4px 0}.key-values dt{color:#899ba5}.key-values dd{color:#4c636f;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;max-width:68%}.device-row[data-tone=muted] .key-values dd{color:#a1afb6}.side-stack{display:grid;gap:22px}.task-panel .panel-heading{padding-bottom:15px}.task-summary{padding:0 25px 18px}.task-phase{font-size:24px;font-weight:600;letter-spacing:-.4px;margin:5px 0}.task-caption{color:#95a4ad;font-size:11px;margin-bottom:20px}.task-measures{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.task-measures>div{background:#f6f9fa;padding:13px 15px;border-radius:9px}.task-measures small{display:block;color:#8a9ba5;font-size:10px}.task-measures strong{display:block;font-size:21px;font-weight:550;color:#355260;margin-top:3px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.task-measures .unit{font-size:10px;font-weight:400;margin-left:3px;color:#93a4ac}.bill-note{border-top:1px solid var(--line);padding:15px 25px;display:flex;justify-content:space-between;align-items:center;background:#fdfdfc;gap:10px}.bill-note span:first-child{font-size:11px;color:#8c9aa3}.task-id{font-size:10px;color:#9caab2;overflow-wrap:anywhere;margin-top:10px}.task-warning{font-size:11px;color:#9c7735;background:#fcf6eb;padding:8px 11px;border-radius:6px;margin-top:12px}.count{color:#889aa3;background:#f0f4f5;padding:1px 8px;border-radius:5px;font-size:10px}.alerts-panel .panel-heading{padding-bottom:12px}.alert-item{margin:0 25px;padding:12px 0;display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid #eef2f4}.alert-item:last-child{border-bottom:0;padding-bottom:21px}.alert-icon{flex:none;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fcf2df;color:#bc8d3e;font-size:12px}.alert-item[data-tone=bad] .alert-icon{background:#fbe9e9;color:#c56d6d}.alert-item[data-tone=muted] .alert-icon{background:#eff3f5;color:#9babb4}.alert-item strong{font-weight:500;font-size:12px}.alert-item p{font-size:10px;color:#9aa8b0;margin-top:2px}.empty-state{color:#91a2ab;font-size:12px;padding:8px 25px 24px}.empty-state .empty-symbol{display:block;font-size:24px;color:#9ec1b4;margin-bottom:5px}.events-panel{margin-top:22px}.timeline{list-style:none;margin:0;padding:0 25px 10px}.timeline li{display:grid;grid-template-columns:130px 1fr;position:relative;gap:20px;padding:11px 0 14px;border-top:1px solid #edf2f4}.timeline time{font-size:10px;font-variant-numeric:tabular-nums;color:#8fa0aa;padding-top:2px}.timeline strong{font-size:12px;font-weight:500}.timeline p{font-size:11px;color:#8c9da7;margin-top:3px}.history-panel{margin-top:22px}.history-panel>summary{padding:21px 25px;display:flex;align-items:center;justify-content:space-between}.history-panel>summary strong{font-size:15px;font-weight:550}.history-panel>summary small{font-size:11px;margin-left:18px;color:#98a7af}.history-content{padding:0 25px 20px}.table-scroll{overflow-x:auto;margin-top:12px}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}th{font-weight:500;color:#92a2ab;background:#f8fafb}th,td{padding:12px 14px;border-bottom:1px solid #edf2f4}td{color:#667e8a;font-variant-numeric:tabular-nums}.history-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:16px;font-size:11px;color:#8c9fa9}.history-actions button{font-size:11px}.page-footer{display:flex;justify-content:space-between;padding:27px 2px 14px;font-size:10px;color:#9baab3}.page-footer>span:first-child{letter-spacing:.5px;display:flex;align-items:center;gap:7px}.status-dot{width:4px;height:4px;color:#93b0a7}.access-card{min-height:400px;background:white;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.access-card h1{font-size:22px;font-weight:550;margin-top:15px}.access-card p{color:#8a9da8;margin:12px 0 20px;font-size:13px}.access-card a{color:var(--green);margin-top:14px;font-size:12px}.loader{display:block;width:24px;height:24px;border-radius:50%;border:2px solid #e6efec;border-top-color:#72ab98;animation:spin 1s linear infinite}.access-card[data-state=denied] .loader,.access-card[data-state=error] .loader{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero{min-height:254px}.metrics{gap:18px}.metric{padding:20px}.main-grid{grid-template-columns:minmax(0,1.8fr) minmax(350px,1fr)}}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{min-height:126px}.metric-value{font-size:27px}.main-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr)}.hero:after{right:180px}.row-right{gap:5px}.row-age{display:none}}
@media(max-width:780px){.site-header{padding:0 20px;height:68px}.site-header nav{display:none}.page{padding:20px 18px 10px}.hero{padding:25px;min-height:228px;gap:15px}.hero-state{width:190px;padding-left:20px}.robot-title h1{font-size:45px}.hero:after{display:none}.hero-note{max-width:150px;font-size:11px}.metrics{gap:10px;margin:16px 0}.metric{padding:15px}.main-grid{grid-template-columns:1fr;gap:18px}.side-stack{grid-template-columns:1fr 1fr;align-items:start;gap:16px}.panel-heading{padding:20px}.task-summary{padding:0 20px 18px}.bill-note{padding:15px 20px}.task-measures{gap:8px}.task-measures>div{padding:10px}.alert-item{margin:0 20px}.task-id{font-size:9px}.metric>p{font-size:10px}.hero-state dl{font-size:10px}.page-footer{gap:15px}.panel-footnote{padding:15px 20px}}
@media(max-width:520px){.brand{font-size:16px}.brand-mark{width:31px;height:31px;font-size:22px}.brand small{font-size:9px}.home-link{font-size:10px}.page{padding:16px 12px 8px}.hero{padding:24px 22px;border-radius:13px;display:block}.hero-main{position:relative}.robot-title h1{font-size:46px}.robot-id{font-size:11px}.hero-note{display:none}.hero-state{width:auto;border-left:0;border-top:1px solid #4e697940;margin-top:19px;padding:15px 0 0;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:10px}.connection{font-size:12px}.hero-state dl{margin:0}.heartbeat{display:none}.eyebrow{font-size:9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:122px;padding:15px}.metric-value{font-size:26px}.metric-value.word{font-size:22px}.metric small{font-size:9px}.metric>p span{font-size:8px}.side-stack{grid-template-columns:1fr}.main-grid{gap:16px}.panel-heading{padding:20px 18px 17px}.panel-heading .hint{font-size:10px}.device-group>summary{padding:16px 18px}.device-row{padding-left:29px;padding-right:18px}.device-fields{padding:10px}.key-values{font-size:10px}.device-row>summary{font-size:11px}.group-meta{gap:8px;font-size:9px}.row-right{gap:7px}.badge{font-size:9px}.panel-footnote{font-size:9px;padding:14px 18px}.task-summary{padding:0 18px 18px}.task-measures>div{padding:13px}.task-phase{font-size:23px}.events-panel,.history-panel{margin-top:16px}.timeline{padding:0 18px 8px}.timeline li{grid-template-columns:80px 1fr;gap:14px}.timeline time{font-size:9px}.timeline strong{font-size:11px}.timeline p{font-size:10px}.history-panel>summary{padding:19px 18px}.history-panel>summary small{display:block;margin:3px 0 0;font-size:10px}.history-content{padding:0 15px 17px}.page-footer{font-size:9px;flex-direction:column;align-items:center;gap:5px;padding-top:22px}.notice{font-size:11px;padding:10px 12px}.task-id{font-size:10px}.row-age{display:inline}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation:none}.battery-track>div,.chevron{transition:none}}
.metric[data-tone=muted] .battery-track>div{transition:none;background:#becbd1}

.robot-context{font-size:11px;color:#b9cbd5}.robot-context select{color-scheme:light;background:var(--paper);color:var(--ink);border:1px solid #cbd8df;border-radius:6px;padding:7px;max-width:260px}@media(max-width:760px){.site-header{flex-wrap:wrap}.robot-context{order:3;width:100%}.robot-context select{max-width:100%}}

/* Compact light overview, aligned with the device cards below. */
.hero{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-height:188px;padding:24px 30px;gap:24px}
.hero:after{content:none}
.hero-main{min-width:0}
.hero .eyebrow{color:#526975}
.hero .eyebrow span{color:var(--green);border-color:#d7e6df;background:#f1f7f4}
.hero .robot-title{flex-wrap:wrap;gap:8px 12px}
.hero .robot-title h1{font-size:38px;overflow-wrap:anywhere}
.hero .real-tag{color:#526975;border-color:#dce5e9;background:#f7f9fa}
.hero .robot-id{color:#526975;overflow-wrap:anywhere}
.hero .robot-id span{color:#71818c}
.hero .hero-note{color:#61737f;margin-top:12px}
.hero-state{flex-shrink:0;border-color:var(--line);padding-left:26px}
.hero .connection{color:#61737f}
.hero .connection[data-tone=good]{color:var(--green)}
.hero .connection[data-tone=warn]{color:#975f18}
.hero .connection[data-tone=bad]{color:var(--red)}
.hero .connection[data-tone=muted]{color:#61737f}
.hero-state dl{color:#61737f;margin-top:12px}
.hero-state dd{color:#344f5d}
.hero .heartbeat i{background:#b8d4c9}
.hero .heartbeat i:nth-child(5){background:var(--green)}
.robot-context{color:#526975}
@media(max-width:780px){.hero{padding:22px;min-height:172px;gap:18px}.hero .robot-title h1{font-size:32px}.hero-state{padding-left:18px}}
@media(max-width:760px){.site-header{height:auto;min-height:68px;padding-top:14px;padding-bottom:14px;row-gap:12px}}
@media(max-width:520px){.hero{padding:20px 18px;min-height:0}.hero .robot-title h1{font-size:28px}.hero-state{border-top-color:var(--line);margin-top:16px;padding:14px 0 0;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.hero-state dl{margin-top:0}}

.robot-context select:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-color:var(--green)}
.device-section-title{font-size:12px;color:var(--ink);margin-bottom:7px}
.device-history{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.device-section-note{font-size:11px;color:#61737f;margin-bottom:8px;line-height:1.6}
.history-block,.history-operations{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.history-block h4{font-size:11px;margin:0 0 6px;color:#344f5d}
.history-operations>summary{font-size:12px;font-weight:600;color:var(--green);padding:3px 0 8px}
.history-operations[open]>summary{border-bottom:1px solid var(--line);margin-bottom:8px}
.page-tools{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:11px;color:#61737f}
.flow-test-link{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #cbded8;border-radius:8px;background:var(--paper);color:var(--green);font-size:12px;font-weight:600}
.flow-test-link:hover{background:#f1f7f4;border-color:var(--green)}
