/* Apple study: soft surfaces, restrained blue, generous spacing; adapted for live monitoring. */
:root{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#e8ebef;--blue:#0071e3;--green:#147a4d;--red:#bc4651;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77b8f8;outline-offset:3px}button,select{color:var(--text)}.skip{position:fixed;top:-80px;background:var(--blue);color:white;padding:12px;z-index:10}.skip:focus{top:4px}.sidebar{width:208px;position:fixed;inset:0 auto 0 0;background:rgba(255,255,255,.85);border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-size:24px;font-weight:650;letter-spacing:-.8px}.brand-cn{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:400;margin-top:-2px}.workspace{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:11px 9px;border-radius:11px;margin:35px 0 30px;font-size:11px;line-height:1.6}.workspace-mark{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:7px;background:#eef4fc;color:var(--blue);font-weight:600}.nav-label{font-size:10px;letter-spacing:2px;color:#818792;margin:0 12px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-size:12px;margin:5px 0;color:var(--muted)}.nav-item>span:first-child{font-size:18px;line-height:1}.nav-item.active{background:#eaf3ff;color:#0066cc;font-weight:600}.nav-item:hover{background:#f0f3f8}.nav-count,.arrow{margin-left:auto;font-size:10px!important}.nav-count{border:1px solid #c9e0fb;padding:0 5px;border-radius:4px}.side-bottom{margin-top:auto;font-size:9px;color:#737b85;padding:10px}.side-bottom p{font-size:9px;color:#7c838c;margin:10px 0 0}.small-dot{display:inline-block;width:6px;height:6px;background:#26966b;border-radius:50%;margin-right:6px;vertical-align:middle}.page{margin-left:208px}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#fafbfd}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb>span{margin:0 14px;color:#b1b8c0}.breadcrumb strong{font-weight:500;color:#434b56}.top-actions{display:flex;align-items:center;gap:18px}.connection{font-size:10px;color:var(--muted);white-space:nowrap}.connection.live{color:var(--green)}.connection.live:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}.connection.failed{color:var(--red)}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:white;font-size:21px;display:grid;place-items:center}.icon-button:hover{background:#edf5ff}.admin-button{border:1px solid var(--line);padding:7px 12px;border-radius:9px;background:white;font-size:11px}.admin-button span{margin-left:8px;color:#8b949e}main{max-width:1600px;padding:41px 42px 20px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#6e8094;font-weight:600;margin:0 0 14px}.eyebrow>span{display:inline-block;width:15px;height:2px;background:var(--blue);vertical-align:middle;margin-right:8px}h1{font-size:32px;letter-spacing:-1.3px;font-weight:600;line-height:1.3;margin:0 0 13px}.intro p{font-size:12px;color:var(--muted);margin:0}.date-block{text-align:right;color:#737d89;font-size:10px;display:flex;flex-direction:column;gap:5px}.date-block strong{font-size:21px;letter-spacing:1px;color:#3f4b59;font-weight:400;font-variant-numeric:tabular-nums}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:37px}.summary-card{background:white;border:1px solid #edf0f4;border-radius:var(--radius);padding:19px 22px;box-shadow:0 3px 12px #20304402}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#65707e;font-size:11px}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:17px}.blue{background:#eef5fe;color:#2878cd}.purple{background:#f3f0fc;color:#8875bb}.amber{background:#fdf5e9;color:#b38645}.metric-number{font-size:32px;line-height:1.4;font-weight:550;letter-spacing:-1px;margin:10px 0 8px;font-variant-numeric:tabular-nums}.denominator{font-size:13px;color:#8a929e;font-weight:400;letter-spacing:0}.metric-number small{font-size:17px;margin-left:2px}.summary-note{font-size:10px;color:#78818e;min-height:15px}.traffic-numbers{display:flex;flex-direction:column;gap:1px;margin:11px 0 8px;line-height:1.4}.traffic-numbers span{font-size:16px}.traffic-numbers strong{font-weight:550;font-variant-numeric:tabular-nums}.traffic-numbers i{font-size:13px;font-style:normal;color:#538ec5;margin-right:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:18px;letter-spacing:-.4px;margin:0;font-weight:600}.count-pill{font-size:10px;color:#738091;background:#e8edf4;padding:2px 7px;border-radius:6px;vertical-align:middle;margin-left:7px;font-weight:500}.section-heading p{font-size:11px;color:#7b8591;margin:5px 0 0}.updated{font-size:10px;color:#7b8591}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.segments{display:flex;background:#e9edf3;border:1px solid #e5eaf0;border-radius:10px;padding:3px;flex-shrink:0}.segments button{border:0;background:transparent;padding:7px 11px;border-radius:7px;font-size:11px;color:#667180;white-space:nowrap}.segments button[aria-pressed=true]{background:white;color:#2e4055;box-shadow:0 1px 4px #263c5d12}.segments button span{font-size:10px;opacity:.8;margin-left:5px}.tools{display:flex;gap:8px;min-width:0}.search{display:flex;gap:8px;align-items:center;padding:7px 10px;background:white;border:1px solid var(--line);border-radius:9px;min-width:150px}.search>span{font-size:20px;color:#6c7888;line-height:1}.search input{width:160px;min-width:0;border:0;outline:0!important;background:transparent;font-size:11px;color:var(--text)}.search:focus-within{outline:2px solid #77b8f8}.search kbd{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 4px;color:#8693a2}select{max-width:150px;background:white;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.node-card{min-width:0;background:white;border:1px solid #e7edf3;border-radius:var(--radius);padding:21px 22px 15px;transition:border-color .18s,box-shadow .18s}.node-card:hover{border-color:#b8d7f4;box-shadow:0 7px 24px #29568009}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.node-icon{width:36px;height:36px;display:grid;place-items:center;background:#f3f6fa;border-radius:11px;color:#68829c;font-size:20px;flex-shrink:0}.node-title{min-width:0;flex:1}.node-title h3{font-size:12px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-title p{font-size:9px;color:#89939f;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:9px;white-space:nowrap;color:var(--green);background:#edf8f2;padding:3px 7px;border-radius:6px}.badge.offline{color:var(--red);background:#fcf0f1}.badge.stale{color:#9b691d;background:#fff4de}.resource{margin:10px 0}.resource-row{display:flex;justify-content:space-between;font-size:10px;color:#7e8793;margin-bottom:5px}.resource-row strong{font-weight:500;color:#465569;font-variant-numeric:tabular-nums}.track{height:4px;background:#edf1f6;border-radius:10px;overflow:hidden}.track>span{display:block;height:100%;border-radius:10px;background:#6cacf0;transition:width .3s}.resource.memory .track>span{background:#a2a0d7}.resource.disk .track>span{background:#9cacbe}.track>span.high{background:#d58d58}.card-network{display:grid;grid-template-columns:1fr 1fr;margin-top:17px;padding-top:13px;border-top:1px solid #f0f2f6;gap:12px}.card-network span{display:block;color:#8993a0;font-size:9px}.card-network strong{font-size:11px;font-weight:500;color:#455568;font-variant-numeric:tabular-nums}.card-network i{font-style:normal;color:#6a98c9;margin-right:4px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f6;margin-top:13px;padding-top:10px;font-size:9px;color:#8a95a1;gap:5px}.detail-button{border:0;padding:4px 0 4px 10px;color:#4779ab;background:none;font-size:10px;white-space:nowrap}.detail-button:hover{color:var(--blue)}.node-card.is-offline .node-icon{background:#f4f4f6;color:#9299a2}.node-card.is-offline .resource-row strong,.node-card.is-offline .card-network strong{color:#9098a2}.empty{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #d4deea;border-radius:20px;color:#7a8795}.empty button{display:block;margin:16px auto 0;border:1px solid #bfd8f1;border-radius:8px;background:white;padding:7px 15px;color:var(--blue)}.error-banner{padding:14px 18px;margin-bottom:20px;border:1px solid #efcaab;border-radius:12px;background:#fff8ef;color:#916135;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8994a2;margin-top:32px;padding:22px 0 5px;border-top:1px solid var(--line)}.footer-divider{margin:0 12px;color:#c1c8d0}dialog{border:1px solid var(--line);border-radius:24px;padding:28px;width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 30px 100px #18385829;color:var(--text)}dialog::backdrop{background:#20374e45;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading :is(h1,h2){overflow-wrap:anywhere}.dialog-heading .eyebrow{margin-bottom:7px}.detail-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#f6f8fb;border-radius:14px;padding:18px;font-size:11px}.detail-info span{color:var(--muted);display:block;font-size:10px;margin-bottom:3px}.detail-info strong{font-weight:500;overflow-wrap:anywhere}.chart-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.chart-heading h3{font-size:13px;font-weight:500}.history{min-height:200px;display:grid;align-content:center;color:var(--muted);font-size:12px}.history svg{width:100%;height:auto;display:block}.chart-note{font-size:10px;color:var(--muted)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:7px}
@media(min-width:1600px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.sidebar{width:180px;padding:28px 14px}.page{margin-left:180px}.topbar{padding:0 26px}main{padding:30px 26px 20px}.toolbar{align-items:stretch;flex-direction:column}.tools .search{flex:1}.search input{width:100%}.cards{gap:13px}.node-card{padding:18px 16px 13px}.summary-card{padding:17px}.summary{gap:12px}.metric-number{font-size:28px}h1{font-size:29px}}
@media(max-width:960px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:160px}.page{margin-left:160px}.brand{font-size:22px;padding:0}.workspace{font-size:10px}.side-bottom{font-size:8px;padding:0}.date-block{display:none}}
@media(max-width:640px){.sidebar{display:none}.page{margin-left:0}.topbar{height:64px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 8px}.top-actions{gap:9px}.connection{font-size:9px}.admin-button{display:none}main{padding:28px 18px 16px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:26px;letter-spacing:-1px}.intro p{font-size:11px;line-height:1.8;max-width:290px}.intro{margin-bottom:24px}.summary{gap:10px;margin-bottom:28px}.summary-card{padding:15px;border-radius:17px}.metric-number{font-size:29px;margin:8px 0}.metric-label{font-size:10px}.summary-note{font-size:9px}.metric-icon{width:24px;height:24px;font-size:15px}.traffic-numbers span{font-size:15px}.cards{grid-template-columns:1fr;gap:14px}.node-card{padding:20px}.node-title h3{font-size:14px}.node-title p,.resource-row{font-size:11px}.badge{font-size:10px}.track{height:5px}.card-network strong{font-size:13px}.card-bottom,.detail-button{font-size:11px}.toolbar{gap:12px}.tools{flex-wrap:wrap}.tools .search{flex:1 1 100%}.tools select{max-width:none;flex:1}.updated{font-size:9px}.section-heading h2{font-size:17px}footer{flex-direction:column;gap:9px;margin-top:24px}.detail-info{grid-template-columns:1fr 1fr}dialog{padding:20px}.denominator{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Data labels keep readable contrast and touch targets at every viewport. */
.workspace,.breadcrumb,.admin-button,.nav-item{font-size:12px}
.summary-note,.updated,.section-heading p,.node-title p,.resource-row,.card-network span,.card-bottom,.detail-button,.search input,select,.segments button,.chart-note{font-size:11px}
.summary-note,.updated,.section-heading p,.node-title p,.resource-row,.card-network span,.card-bottom,.side-bottom,footer,.date-block,.chart-note{color:#667180}
.node-title h3{font-size:13px}.metric-label{font-size:12px}.card-network strong{font-size:12px}
.node-card.is-offline .resource-row strong,.node-card.is-offline .card-network strong{color:#6e7681}
.detail-button{min-height:32px}.badge{font-size:10px}.search input::placeholder{color:#727c88}
@media(max-width:640px){.segments button,.icon-button,select{min-height:40px}.search{min-height:42px}.detail-button{min-height:40px}.node-title h3{font-size:14px}.node-title p,.resource-row,.card-network span,.card-bottom,.detail-button{font-size:12px}.summary-note{font-size:10px}.breadcrumb{font-size:10px}}

.denominator,.nav-label{color:#667180}.count-pill{color:#566579}.eyebrow{color:#596b80}

/* Aero 1.1 — larger type, real-time observatory, and full node insights. */
body{font-size:15px}h1{font-size:34px;letter-spacing:-1px}h2{font-size:21px}.intro p{font-size:14px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1.8px}
.workspace,.nav-item,.breadcrumb,.admin-button,.connection{font-size:13px}.workspace{font-size:11px}.top-actions{gap:13px}.topbar{height:76px}
.summary{gap:16px;margin-bottom:22px}.summary-card{position:relative;padding:20px 22px 10px;overflow:hidden;border-radius:22px;animation:card-enter .5s ease both}.summary-card:nth-child(2){animation-delay:60ms}.summary-card:nth-child(3){animation-delay:120ms}.summary-card:nth-child(4){animation-delay:180ms}
.metric-label{font-size:13px;font-weight:500}.metric-number{font-size:35px;margin:10px 0 3px;letter-spacing:-1px}.denominator{font-size:14px}.summary-note{font-size:11px;line-height:1.6}.traffic-numbers{margin:7px 0 3px}.traffic-numbers span{font-size:18px}.mini-chart{height:51px;margin:6px -10px 0}.mini-chart svg{height:100%;width:100%}.mini-chart .chart-empty{font-size:10px;padding:15px 0;color:#718094;text-align:left}.region-activity{height:51px;display:flex;align-items:center;gap:8px;color:#5d7692;font-size:11px}.orbit-dot{width:8px;height:8px;background:#0071e3;border-radius:50%;box-shadow:0 0 0 5px #0071e30b;animation:dot-breathe 2.8s ease-in-out infinite}
.observatory{display:grid;grid-template-columns:1.13fr 1fr;gap:20px;margin:0 0 34px}.globe-panel,.live-panel{border:1px solid #e5ecf4;border-radius:24px;background:#fff;overflow:hidden;padding:24px;min-width:0}.globe-panel{background:radial-gradient(ellipse at 42% 60%,#edf5ff 0%,#fff 68%)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading .eyebrow{font-size:9px;margin-bottom:7px}.panel-heading h2{font-size:20px;letter-spacing:-.5px}.soft-button{border:1px solid #dce5ef;background:#f9fbfe;border-radius:9px;padding:7px 10px;font-size:12px;white-space:nowrap;min-height:36px;color:#476382}.soft-button:hover{background:#eaf3ff;border-color:#c3dbf4}.globe-content{display:flex;align-items:center;gap:10px}.globe-stage{position:relative;min-width:0;flex:1;height:270px}.globe-stage canvas{width:100%;height:250px;touch-action:pan-y;cursor:grab;outline-offset:-5px}.globe-stage canvas:active{cursor:grabbing}.globe-hint{display:block;text-align:center;font-size:10px;color:#667b94;margin-top:-2px}.region-list{display:flex;flex-direction:column;gap:5px;flex:0 0 120px;max-height:250px;overflow:auto}.region-list button{display:flex;align-items:center;gap:7px;padding:9px 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:#48617e;font-size:12px;text-align:left;min-height:36px}.region-list button:hover,.region-list button[aria-pressed=true]{background:#eff6ff;border-color:#dceafb}.region-list strong{font-size:12px;margin-left:auto;font-weight:600}.region-list small{color:#6c7b8d;font-size:10px;font-weight:400}.region-led{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#a9989e}.region-led.lit{background:#0071e3;box-shadow:0 0 0 3px #0071e30c}.map-note{margin:4px 0 0;font-size:10px;color:#647990;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.map-note .small-dot{background:#0071e3;margin:0}.map-offline{width:6px;height:6px;background:#a9989e;border-radius:50%;margin-left:5px}.map-note>span:last-child{margin-left:auto;font-size:9px}.live-reading{display:flex;gap:36px;padding:26px 0 10px}.live-reading>div{display:flex;flex-direction:column;gap:6px}.live-reading span{font-size:12px;color:#66778a}.live-reading strong{font-size:23px;font-weight:550;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.legend{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.blue-line{background:#0071e3}.violet-line{background:#8b79cf}.plot{position:relative;min-width:0;outline-offset:5px}.plot svg{width:100%;display:block;overflow:visible}.live-plot{min-height:154px}.chart-empty{padding:45px 10px;font-size:13px;text-align:center;color:#61758e}.chart-line{animation:line-arrive .5s ease-out}.chart-labels{font-size:11px;gap:10px;margin:3px 0 0;color:#61758e}.chart-tooltip{position:absolute;top:8px;z-index:3;pointer-events:none;background:#fffefc;box-shadow:0 6px 25px #29456520;border:1px solid #dde6f0;border-radius:10px;padding:10px 12px;min-width:150px;color:#435a73;font-size:11px;white-space:nowrap}.chart-tooltip b{display:block;font-weight:500;color:#74869a;font-size:10px;margin-bottom:5px}.chart-tooltip span{display:flex;gap:7px;align-items:center;margin:4px 0}.chart-tooltip i{width:6px;height:6px;border-radius:50%}.chart-tooltip strong{margin-left:auto;font-weight:600}.trend-foot{border-top:1px solid #edf1f7;margin-top:18px;padding-top:13px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#62778f}.nodes-section{scroll-margin-top:20px}.section-heading p,.updated{font-size:12px}.toolbar{flex-wrap:wrap}.segments button,.search input,select{font-size:12px;min-height:30px}.search input{min-height:24px}.search input{width:180px}.tools{flex-wrap:wrap}.node-card{padding:23px 22px 16px}.node-title h3{font-size:15px}.node-title p{font-size:12px;line-height:1.6;margin-top:4px}.node-icon{width:40px;height:40px}.badge{font-size:11px;padding:4px 8px}.resource{margin:14px 0}.resource-row{font-size:12px;margin-bottom:7px}.track{height:5px}.card-head{margin-bottom:21px}.card-network span{font-size:11px}.card-network strong{font-size:14px;line-height:1.9}.card-bottom,.detail-button{font-size:12px}.detail-button{min-height:34px}.card-bottom{margin-top:15px}.count-pill{font-size:12px}footer{font-size:11px}.date-block{font-size:12px}.date-block strong{font-size:23px}
/* Details stay open and continue receiving data without resetting the active pane. */
dialog{width:min(1060px,calc(100vw - 48px));max-height:90dvh;border-radius:26px;padding:0;overflow:auto;box-shadow:0 35px 140px #1d436330;scrollbar-gutter:stable}dialog[open]{animation:card-enter .22s ease}.dialog-heading{padding:25px 28px 18px;margin:0;background:#fff;position:sticky;top:0;z-index:4;border-bottom:1px solid #edf1f7}.dialog-heading :is(h1,h2){font-size:24px;letter-spacing:-.5px}.dialog-heading .eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1.2px}.dialog-heading .badge{letter-spacing:0}.detail-subtitle{font-size:12px;color:#61758e;margin:6px 0 0}.dialog-heading .icon-button{width:38px;height:38px;font-size:25px;flex-shrink:0}.detail-tabs{display:flex;gap:7px;padding:16px 28px 0}.detail-tabs button{padding:10px 18px;border:0;border-radius:10px;background:transparent;color:#64758a;font-size:14px}.detail-tabs button[aria-selected=true]{background:#eaf3ff;color:#0066cc;font-weight:550}.detail-tabs button:hover{background:#f1f5fa}[role=tabpanel]{padding:22px 28px 26px}[hidden]{display:none!important}.detail-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.detail-live article{border:1px solid #e7edf4;border-radius:15px;background:#f8fafd;padding:16px}.detail-live article>span{font-size:12px;color:#657990}.detail-live strong{display:block;font-size:23px;font-weight:550;margin:9px 0 3px;font-variant-numeric:tabular-nums}.detail-live small{font-size:11px;color:#61758e}.detail-live .track{margin-top:12px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-columns h3,.detail-extra h3,.chart-heading h3{font-size:15px;font-weight:550;margin:0 0 12px}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:minmax(115px,.8fr) 1.5fr;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f6;font-size:12px;line-height:1.6}.spec-list dt{color:#65758a}.spec-list dd{margin:0;text-align:right;color:#304359;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.detail-extra{margin-top:25px}.detail-extra:empty{display:none}.detail-extra .spec-list>div{grid-template-columns:130px 1fr}.detail-extra dd{white-space:pre-wrap}.detail-footer{padding:14px 28px;background:#f8fafd;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#687e97;border-top:1px solid #e9eef6}.chart-heading{margin-top:0;gap:15px;align-items:flex-start}.chart-heading h3{margin-bottom:5px}.chart-note{font-size:12px;line-height:1.7;margin:5px 0 15px}.history-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.history-tools select{max-width:165px}.history{min-height:280px;display:block;padding-top:15px}.history svg{min-height:240px}.history-stats{display:flex;gap:16px;margin:20px 0 0}.history-stats>div{padding:14px 20px;border:1px solid #e6edf5;border-radius:13px;flex:1;background:#f8fafd}.history-stats span{display:block;font-size:12px;color:#61758e}.history-stats strong{display:block;font-size:22px;margin:6px 0;font-weight:550}.history-stats small{font-size:11px;color:#657990}.ping-card{padding:20px;border:1px solid #e5edf5;border-radius:18px;margin:16px 0;background:#fff}.ping-head{display:flex;justify-content:space-between;align-items:center}.ping-head h3{font-size:15px;margin:0}.ping-head>span{font-size:11px;color:#61758e}.ping-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 6px}.ping-metrics span{display:block;font-size:11px;color:#687e97}.ping-metrics strong{display:block;font-size:18px;font-weight:550;margin:5px 0}.ping-metrics .loss{color:#b95c36}.ping-card .plot{min-height:130px}
@keyframes card-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-arrive{from{opacity:.3}to{opacity:1}}
@keyframes dot-breathe{50%{box-shadow:0 0 0 8px #0071e300}}
@media(max-width:1200px){.observatory{grid-template-columns:1fr 1fr;gap:16px}.globe-panel,.live-panel{padding:20px}.globe-content{gap:0}.region-list{flex-basis:105px}.globe-stage{height:255px}.globe-stage canvas{height:235px}.panel-heading h2{font-size:18px}.panel-heading .eyebrow{font-size:8px}.panel-heading{align-items:flex-start}.live-reading{gap:25px}.live-reading strong{font-size:21px}.map-note>span:last-child{margin-left:0}.trend-foot{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{align-items:stretch}.summary-card{padding:18px 16px 8px}.metric-number{font-size:32px}}
@media(max-width:960px){.observatory{grid-template-columns:1fr}.globe-content{gap:18px}.region-list{flex-basis:160px}.globe-stage{height:285px}.globe-stage canvas{height:265px}.live-plot svg{max-height:220px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-live{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:1fr}.dialog-heading{padding:22px}.detail-tabs{padding:16px 22px 0}[role=tabpanel]{padding:20px 22px}.chart-heading{flex-wrap:wrap}.history-tools{justify-content:flex-start}.detail-footer{flex-wrap:wrap}}
@media(max-width:640px){h1{font-size:28px;line-height:1.4}.intro p{font-size:13px;max-width:340px}.intro{margin-bottom:23px}.eyebrow{font-size:9px}.topbar{height:64px}.breadcrumb{font-size:11px}.connection{font-size:10px}.summary-card{padding:17px 15px 6px}.summary{gap:10px}.metric-number{font-size:31px}.metric-label{font-size:12px}.summary-note{font-size:11px}.traffic-numbers span{font-size:17px}.mini-chart{height:42px}.region-activity{font-size:10px;height:42px}.observatory{gap:15px;margin-bottom:30px}.globe-panel,.live-panel{padding:19px 16px}.panel-heading .eyebrow{font-size:8px}.panel-heading h2{font-size:18px}.soft-button{font-size:11px}.globe-content{gap:0}.globe-stage{height:255px}.globe-stage canvas{height:233px}.region-list{flex-basis:105px}.region-list button{font-size:11px;padding:8px 4px;gap:5px;min-height:40px}.region-list strong{font-size:11px}.map-note{font-size:10px;line-height:1.6}.globe-hint{font-size:9px}.live-reading{padding-top:22px;gap:36px}.live-reading strong{font-size:23px}.live-panel .panel-heading select{max-width:120px}.cards{grid-template-columns:1fr}.node-title h3{font-size:15px}.node-title p,.resource-row{font-size:13px}.card-network strong{font-size:15px}.detail-button{min-height:42px}dialog{width:calc(100vw - 18px);max-height:94dvh;border-radius:20px}.dialog-heading{padding:18px 16px 14px}.dialog-heading :is(h1,h2){font-size:21px}.detail-subtitle{font-size:11px;max-width:260px}.detail-tabs{padding:12px 12px 0;gap:2px}.detail-tabs button{font-size:13px;padding:10px 13px;min-height:42px}[role=tabpanel]{padding:18px 16px}.detail-live{gap:9px}.detail-live article{padding:12px}.detail-live strong{font-size:21px}.spec-list>div{font-size:12px;grid-template-columns:110px 1fr}.detail-footer{padding:13px 16px;font-size:10px}.history-tools{width:100%;gap:6px}.history-tools select{flex:1;max-width:150px}.history{min-height:180px}.history svg{min-height:160px}.history-stats{gap:10px}.history-stats>div{padding:13px}.history-stats strong{font-size:19px}.chart-note{font-size:11px}.ping-card{padding:14px}.ping-metrics{gap:8px}.ping-metrics strong{font-size:15px}.ping-card .plot{min-height:100px}.chart-labels{font-size:10px}.chart-tooltip{font-size:10px;min-width:125px;padding:8px}.panel-heading select{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Site-first header, readable controls, and automatic appearance. */
.page{margin-left:0}.topbar{height:auto;min-height:84px;padding:18px max(28px,calc((100vw - 1440px)/2));gap:24px}.site-brand{display:flex;gap:13px;align-items:center;min-width:0;font-size:21px;font-weight:600;letter-spacing:-.4px}.site-brand img{border-radius:12px;object-fit:cover;flex-shrink:0}.site-brand span{overflow-wrap:anywhere}.top-actions{flex-shrink:0}.top-actions select{min-width:108px}main{max-width:1440px;padding:36px 28px 24px}.intro{margin-bottom:28px}.intro h1{font-size:32px}.intro p{font-size:16px}.summary-note,.updated,.section-heading p,.node-title p,.resource-row,.card-network span,.card-bottom,.chart-note,.detail-footer{font-size:14px}.metric-label{font-size:15px}.node-title h3{font-size:17px}.card-network strong{font-size:16px}.badge{font-size:13px}.count-pill{font-size:13px}.segments button,.search input,select,.soft-button,.detail-button,.admin-button{font-size:15px}.segments button{padding:10px 17px;min-height:44px}.segments button span{font-size:13px}.icon-button{width:44px;height:44px}.search{min-height:46px;padding:8px 12px}.search input{width:230px}.soft-button,select,.admin-button{min-height:44px;padding:10px 13px}.detail-button{min-height:44px;padding:8px 10px}.region-list{flex-basis:150px}.region-list button{font-size:14px;min-height:44px}.region-list strong{font-size:14px}.region-list small{font-size:12px}.panel-heading .eyebrow{font-size:10px}.trend-foot,.map-note,.globe-hint,.chart-labels,.region-activity{font-size:12px}.map-note>span:last-child{font-size:12px}.detail-tabs button{font-size:16px;min-height:44px}.spec-list>div{font-size:14px}.detail-live article>span,.detail-live small{font-size:13px}.detail-subtitle{font-size:14px}footer{font-size:14px;line-height:1.8;color:#55677d;padding:24px 0 8px}.connection{font-size:13px}.mini-chart{margin-top:10px}.summary-card{min-height:200px}.summary-note{font-size:13px}.toolbar{gap:16px}.tools{flex:1;justify-content:flex-end}.search{flex:1;max-width:390px}.search input{width:100%}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
:root[data-appearance=dark]{color-scheme:dark;--bg:#101722;--surface:#192331;--text:#e5edf6;--muted:#acbacb;--line:#2e3d50;--blue:#74b7ff;--green:#73dab0;--red:#ff9ba7;background:var(--bg);color:var(--text)}
[data-appearance=dark] .topbar{background:#121c29;border-color:var(--line)}
[data-appearance=dark] :is(.summary-card,.node-card,.live-panel,dialog,.dialog-heading){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:none}
[data-appearance=dark] .globe-panel{background:radial-gradient(ellipse at 42% 60%,#172d45,#192331 70%);border-color:var(--line)}
[data-appearance=dark] :is(.search,select,.icon-button,.admin-button,.soft-button){background:#202d3e;color:#e2ebf6;border-color:#40526a}
[data-appearance=dark] :is(.intro p,.date-block,.metric-label,.summary-note,.denominator,.updated,.section-heading p,.node-title p,.resource-row,.card-network span,.card-bottom,.detail-subtitle,.spec-list dt,.detail-footer,.chart-note,.chart-labels,.trend-foot,.map-note,.globe-hint,.region-activity,footer,.connection,.eyebrow,.live-reading span,.history-stats span,.history-stats small,.ping-head>span,.ping-metrics span,.detail-live article>span,.detail-live small){color:#adbed2}
[data-appearance=dark] :is(.metric-number,.traffic-numbers strong,.live-reading strong,.date-block strong,.resource-row strong,.card-network strong,.spec-list dd,.node-card.is-offline .resource-row strong,.node-card.is-offline .card-network strong){color:#e5edf6}
[data-appearance=dark] .search input{color:#e5edf6}[data-appearance=dark] .search input::placeholder{color:#adbed2}
[data-appearance=dark] .segments{background:#142031;border-color:#30435b}[data-appearance=dark] .segments button{color:#bdcde0}[data-appearance=dark] .segments button[aria-pressed=true]{background:#30465f;color:#f1f7ff;box-shadow:none}
[data-appearance=dark] :is(.node-icon,.node-card.is-offline .node-icon,.count-pill){background:#26364b;color:#aec9e8}[data-appearance=dark] .track{background:#2b3b50}
[data-appearance=dark] :is(.card-network,.card-bottom,.spec-list>div,.trend-foot,footer,.dialog-heading){border-color:#304056}
[data-appearance=dark] .badge{background:#1c4036;color:#8be1bb}[data-appearance=dark] .badge.offline{background:#472c36;color:#ffb4bd}[data-appearance=dark] .badge.stale{background:#433a26;color:#f4cd87}
[data-appearance=dark] :is(.detail-button,.connection.live){color:#8fc4ff}[data-appearance=dark] .connection.failed{color:#ffacb6}
[data-appearance=dark] .blue{background:#233c56;color:#9dccff}[data-appearance=dark] .purple{background:#37324e;color:#c6b5ff}[data-appearance=dark] .amber{background:#423b2b;color:#e5c083}
[data-appearance=dark] :is(.region-list button,.region-list small){color:#b6cae0}[data-appearance=dark] .region-list button:hover,[data-appearance=dark] .region-list button[aria-pressed=true]{background:#264260;border-color:#41678d}
[data-appearance=dark] :is(.detail-live article,.history-stats>div,.detail-footer,.ping-card){background:#15202e;border-color:#304158}
[data-appearance=dark] .detail-tabs button{color:#b8c8dd}[data-appearance=dark] .detail-tabs button[aria-selected=true]{background:#294665;color:#b0d5ff}
[data-appearance=dark] .chart-tooltip{background:#243346;border-color:#465c78;color:#e5edf6;box-shadow:0 8px 25px #0005}[data-appearance=dark] .chart-tooltip b{color:#b8cbe0}
[data-appearance=dark] .chart-grid{stroke:#3a4b61}[data-appearance=dark] .chart-axis{fill:#b3c5dc}[data-appearance=dark] .chart-empty{color:#adbed2}
[data-appearance=dark] .error-banner{background:#3c3024;border-color:#806047;color:#f3cd9c}[data-appearance=dark] .empty{border-color:#425773;color:#c1d0e2}[data-appearance=dark] .ping-metrics .loss{color:#ffc18a}
[data-appearance=dark] .node-card:hover{border-color:#618ab6}[data-appearance=dark] :is(.soft-button,.icon-button,.admin-button):hover{background:#304862}
@media(max-width:1100px){.toolbar{flex-direction:column;align-items:stretch}.tools{justify-content:stretch}.search{max-width:none}.observatory{grid-template-columns:1fr 1fr}.globe-content{flex-direction:column}.globe-stage{width:100%;height:240px}.globe-stage canvas{height:218px}.region-list{flex-basis:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-height:none}.region-list button{font-size:12px;gap:4px}.region-list strong{font-size:12px}.map-note{margin-top:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.live-panel{display:flex;flex-direction:column}.live-plot{margin:auto 0}}
@media(max-width:700px){.topbar{padding:16px 18px;flex-wrap:wrap;gap:14px}.site-brand{font-size:18px;width:100%}.site-brand img{width:40px;height:40px}.top-actions{width:100%;justify-content:space-between;gap:8px}.top-actions select{min-width:100px}.admin-button{display:flex;align-items:center;font-size:13px}.top-actions .connection{font-size:12px}main{padding:28px 18px}.intro h1{font-size:28px}.intro p{font-size:15px}.observatory{grid-template-columns:1fr}.summary-note{font-size:12px}.metric-label{font-size:14px}.summary-card{padding:16px 14px 8px;min-height:200px}.metric-number{font-size:32px}.cards{grid-template-columns:1fr}.segments button{padding:9px 13px;font-size:14px}.tools{gap:10px}.tools .search{flex-basis:100%}.tools select{max-width:none;flex:1}.search input{font-size:16px}.region-list button{font-size:13px;gap:6px}.region-list strong{font-size:13px}.region-list{grid-template-columns:repeat(2,minmax(0,1fr))}.globe-stage{height:265px}.globe-stage canvas{height:243px}.panel-heading{flex-wrap:wrap}.section-heading{gap:12px;flex-wrap:wrap}.section-heading p,.updated{font-size:13px}.detail-tabs button{font-size:14px;padding:10px 12px}.detail-subtitle{font-size:12px}.spec-list>div{font-size:13px}.history-tools{flex-wrap:wrap}.history-tools select{font-size:14px;max-width:none}.detail-footer{font-size:12px}.map-note,.trend-foot,.chart-note,.chart-labels{font-size:12px}footer{font-size:14px;gap:10px}.history-stats small,.ping-metrics span{font-size:12px}}

.node-card{position:relative;display:block;text-decoration:none;cursor:pointer;color:var(--text)}.node-card:focus-visible{outline:3px solid #79b9ff;outline-offset:4px}.card-enter-arrow{font-size:19px;color:#607f9f}.card-peek{position:absolute;z-index:3;left:12px;right:12px;bottom:58px;background:rgba(255,255,255,.97);border:1px solid #ccdeef;border-radius:14px;padding:15px;box-shadow:0 10px 35px #25435f20;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none;font-size:12px;line-height:1.6}.card-peek>strong{display:block;margin-bottom:7px;color:#355b83;font-size:14px}.card-peek>span{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:#63768c}.card-peek b{font-weight:500;text-align:right;color:#243f5e;max-width:70%;overflow-wrap:anywhere}.card-peek small{display:block;margin-top:8px;padding-top:7px;border-top:1px solid #e5edf6;color:#526f8d}.node-card:focus-visible .card-peek{opacity:1;visibility:visible;transform:none}
@media(hover:hover){.node-card:hover{z-index:2}.node-card:hover .card-peek{opacity:1;visibility:visible;transform:none}}
[data-appearance=dark] .card-peek{background:rgba(30,46,66,.98);border-color:#4b7098;box-shadow:0 12px 35px #0005}[data-appearance=dark] .card-peek :is(strong,b){color:#d6e9ff}[data-appearance=dark] .card-peek :is(span,small){color:#b3c9e0}[data-appearance=dark] .card-peek small{border-color:#405873}
[data-page=instance] #main{display:none}[data-page=overview] #route-loading{display:none}#route-loading,#route-error{max-width:1384px;margin:36px auto;padding:24px}

#detail{max-width:1384px;margin:28px auto 48px;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;min-height:600px}#detail .dialog-heading{position:static;gap:20px;padding:28px 32px}#detail .dialog-heading :is(h1,h2){font-size:29px}#detail .detail-tabs{padding:18px 32px 0}#detail [role=tabpanel]{padding:26px 32px 32px}#detail .detail-columns{grid-template-columns:1fr 1fr}.back-overview{display:inline-flex;align-items:center;white-space:nowrap}#detail .history{min-height:320px}#detail .history svg{min-height:260px}#detail .detail-footer{padding:18px 32px}[data-appearance=dark] #detail{background:var(--surface)}
@media(max-width:1440px){#detail{margin:26px 28px 40px}}
@media(max-width:700px){#detail{margin:18px 12px 28px;border-radius:17px}#detail .dialog-heading{padding:20px 18px;align-items:flex-start;flex-direction:column;gap:14px}#detail .dialog-heading :is(h1,h2){font-size:24px}#detail .detail-tabs{padding:12px 12px 0}#detail [role=tabpanel]{padding:20px 16px}#detail .detail-columns{grid-template-columns:1fr}#detail .detail-footer{padding:15px 16px}#detail .history{min-height:200px}#detail .history svg{min-height:180px}.card-peek{font-size:12px}}

/* Touch and tablet layouts share the same complete data, without hover-only navigation. */
.inspect-hint{font-size:12px;color:#667e98;line-height:1.7;margin:9px 0 0}.traffic-ranking{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ranking-heading h3{font-size:15px;margin:0}.traffic-ranking>p{font-size:12px;line-height:1.7;color:#667e98;margin:8px 0 12px}.ranking-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ranking-lists h4{font-size:13px;margin:0 0 8px;color:#496c94}.ranking-lists ol{padding:0;margin:0;list-style:none;counter-reset:rank}.ranking-lists li{counter-increment:rank;display:flex;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;min-width:0}.ranking-lists li:before{content:counter(rank);color:#70849d;width:14px;flex-shrink:0;font-variant-numeric:tabular-nums}.ranking-lists li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.ranking-lists li strong{font-size:12px;white-space:nowrap;font-weight:550}.traffic-ranking>#ranking-all{margin-top:14px}.plot{touch-action:pan-y}.live-panel{overflow:visible}.observatory{align-items:start}.summary-note{overflow-wrap:anywhere}#detail-error{margin:20px 30px 0}.back-overview{min-height:44px}.region-list{overscroll-behavior:contain}.history-tools{min-width:0}.chart-tooltip{max-width:calc(100% - 12px)}
[data-appearance=dark] :is(.inspect-hint,.traffic-ranking>p){color:#b3c5dc}[data-appearance=dark] .ranking-lists h4{color:#a7cbf6}
@media(min-width:701px) and (max-width:1100px){.topbar{gap:18px;padding:18px 24px}.site-brand{font-size:19px;max-width:50%}.top-actions{gap:9px}.top-actions .connection{font-size:12px}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card{padding:17px 13px 7px;min-height:200px}.metric-label{font-size:13px}.metric-number{font-size:30px}.summary-note{font-size:12px}.denominator{font-size:12px}.region-activity{font-size:11px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.observatory{grid-template-columns:1fr}.globe-content{flex-direction:row;gap:18px}.globe-stage{flex:1;height:310px}.globe-stage canvas{height:287px}.region-list{display:flex;flex-basis:185px}.region-list button{font-size:14px}.live-panel .live-reading{padding-top:20px}.live-plot svg{max-height:250px}.ranking-lists li,.ranking-lists li strong{font-size:14px}.toolbar{gap:16px}.tools select{max-width:180px}#detail .detail-live{grid-template-columns:repeat(4,minmax(0,1fr))}#detail .detail-columns{grid-template-columns:1fr 1fr}.spec-list>div{grid-template-columns:100px 1fr}.detail-live strong{font-size:21px}.history-tools{justify-content:flex-start}}
@media(min-width:1101px) and (max-width:1366px){.ranking-lists{gap:12px}.ranking-lists li strong{font-size:11px}.globe-stage{height:300px}.globe-stage canvas{height:277px}.region-list{flex-basis:140px}}
@media(max-width:700px){.top-actions{flex-wrap:wrap}.top-actions select{font-size:14px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.chart-heading{display:block}.history-tools{margin-top:14px}.history-tools select{flex:1;min-width:0;max-width:100%;font-size:14px}.detail-tabs{overflow-x:auto;white-space:nowrap}.detail-tabs button{flex:1}.detail-live strong{font-size:20px}.detail-live article>span{font-size:12px}.spec-list>div{grid-template-columns:minmax(85px,.75fr) minmax(0,1.25fr)}.detail-live{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-lists{grid-template-columns:1fr;gap:18px}.ranking-lists li{font-size:13px;padding:10px 0}.ranking-lists li strong{font-size:13px}.ranking-heading{align-items:flex-start}.ranking-heading h3{font-size:14px}.traffic-ranking>p,.inspect-hint{font-size:12px}.live-plot{min-height:180px}.live-plot svg{min-height:160px}.plot .chart-tooltip{font-size:11px;min-width:135px}.ping-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ping-metrics strong{font-size:14px;overflow-wrap:anywhere}#detail-error{margin:16px 16px 0}.back-overview{font-size:14px}.card-enter-arrow{font-size:22px}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.topbar{padding-left:12px;padding-right:12px}.top-actions{gap:6px}.top-actions .connection{font-size:11px}.top-actions select{min-width:90px;width:94px;font-size:12px}.admin-button{font-size:12px;padding:9px}.summary-card{padding:14px 11px 6px}.metric-number{font-size:28px}.segments button{font-size:13px;padding:9px 10px}.segments button span{margin-left:3px}.detail-tabs button{padding:10px 8px;font-size:13px}}
.dialog-heading .eyebrow>.badge{display:inline-flex;width:auto;height:auto;margin:0;padding:4px 8px;background:#edf8f2;color:#147a4d;letter-spacing:0}.dialog-heading .eyebrow>.badge.offline{background:#fcf0f1;color:#bc4651}.dialog-heading .eyebrow>.badge.stale{background:#fff4de;color:#9b691d}[data-appearance=dark] .dialog-heading .eyebrow>.badge{background:#1c4036;color:#8be1bb}[data-appearance=dark] .dialog-heading .eyebrow>.badge.offline{background:#472c36;color:#ffb4bd}[data-appearance=dark] .dialog-heading .eyebrow>.badge.stale{background:#433a26;color:#f4cd87}
@media(max-width:1100px){.ranking-lists li>span{white-space:normal;overflow-wrap:anywhere}}

.health-card{--health:#77889f;--health-bg:#edf1f6}.health-card[data-health=healthy]{--health:#15764e;--health-bg:#e7f7ef}.health-card[data-health=degraded],.health-card[data-health=stale]{--health:#956014;--health-bg:#fff2dc;border-color:#ecd3a8}.health-card[data-health=offline]{--health:#b83b50;--health-bg:#fdeaf0;border-color:#e7b5be}.health-card[data-health=disconnected]{--health:#5d7089;--health-bg:#e8edf4;border-color:#bfcddd}.health-label{color:var(--health);background:var(--health-bg);font-size:12px;font-weight:550;padding:4px 8px;border-radius:7px;white-space:nowrap}.health-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--health);flex-shrink:0}.health-note{display:flex;align-items:center;gap:7px;color:var(--health)}.heartbeat-row{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--health)}.heartbeat-row svg{width:64px;height:23px;flex-shrink:0;transform-origin:center}.heartbeat-row>span{font-size:11px;font-variant-numeric:tabular-nums}.health-card .mini-chart{height:28px;margin-top:2px}.health-card .metric-number>span:first-child{color:var(--health)}
[data-appearance=dark] .health-card{--health:#adbed2;--health-bg:#29394e}[data-appearance=dark] .health-card[data-health=healthy]{--health:#83dfb6;--health-bg:#1d4035}[data-appearance=dark] .health-card:is([data-health=degraded],[data-health=stale]){--health:#f1c77e;--health-bg:#433722;border-color:#6e5835}[data-appearance=dark] .health-card[data-health=offline]{--health:#ffa8b5;--health-bg:#472935;border-color:#764150}[data-appearance=dark] .health-card[data-health=disconnected]{--health:#b9c9de;--health-bg:#2b3e56;border-color:#526b87}[data-appearance=dark] .health-note{color:var(--health)}
@media(max-width:960px){.health-label{font-size:11px;padding:4px 6px}.health-card .metric-label{gap:5px;flex-wrap:wrap}.heartbeat-row{gap:5px}.heartbeat-row svg{width:42px}.heartbeat-row>span{font-size:10px}.health-note{font-size:12px}}

/* Detached overlays keep the dashboard's geometry unchanged while inspecting. */
#traffic-ranking,.floating-peek{position:fixed;z-index:60;margin:0;padding:18px;border:1px solid #cbdcec;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 12px 44px #233f6226;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(14px);color:var(--text)}
#traffic-ranking{width:min(470px,calc(100vw - 24px));border-top:1px solid #cbdcec}.floating-peek{width:min(410px,calc(100vw - 24px))}.ranking-heading h3{font-size:14px}.ranking-heading .soft-button{font-size:12px;min-height:30px;padding:4px 9px}.traffic-ranking>p{font-size:12px;margin:8px 0 12px}.ranking-lists{gap:14px}.ranking-lists li{font-size:12px;padding:6px 0}.ranking-lists li strong{font-size:11px}.ranking-lists li>span{white-space:normal;overflow-wrap:anywhere}.traffic-ranking>#ranking-all{min-height:34px;font-size:12px;padding:6px 10px;margin-top:12px}.peek-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.peek-heading>strong{font-size:16px;overflow-wrap:anywhere}.floating-peek>p{font-size:12px;color:#61778f;margin:5px 0 11px}.floating-peek .spec-list>div{font-size:12px;grid-template-columns:125px 1fr;padding:7px 0;line-height:1.6}.floating-peek .spec-list dd{text-align:right}.floating-peek>small{display:block;font-size:11px;color:#61778f;margin-top:12px}
[data-appearance=dark] :is(#traffic-ranking,.floating-peek){background:rgba(28,43,61,.98);border-color:#4a6380;box-shadow:0 12px 44px #0006}[data-appearance=dark] .floating-peek>p,[data-appearance=dark] .floating-peek>small{color:#aec4dc}
@media(max-width:700px){#traffic-ranking,.floating-peek{padding:15px;max-height:min(70dvh,560px)}#traffic-ranking .ranking-lists{grid-template-columns:1fr;gap:13px}#traffic-ranking .ranking-lists li{padding:7px 0;font-size:12px}#traffic-ranking .ranking-lists li strong{font-size:12px}.floating-peek .spec-list>div{grid-template-columns:110px 1fr}.ranking-heading .soft-button,.traffic-ranking>#ranking-all{min-height:40px}}

.appearance-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:#edf2f8}.appearance-switch button{width:42px;height:40px;display:grid;place-items:center;padding:0;border:0;background:transparent;border-radius:9px;color:#63748a}.appearance-switch button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.appearance-switch button:hover{background:#e1eaf6;color:#315e8f}.appearance-switch button[aria-pressed=true]{background:#fff;color:#0066cc;box-shadow:0 1px 5px #26446c16}[data-appearance=dark] .appearance-switch{background:#142131;border-color:#34485f}[data-appearance=dark] .appearance-switch button{color:#b0c3da}[data-appearance=dark] .appearance-switch button[aria-pressed=true]{background:#314963;color:#a4ceff}[data-appearance=dark] .appearance-switch button:hover{background:#263d56}
[data-usage]{--usage:#7b8da3}[data-usage=ok]{--usage:#16865b}[data-usage=warn]{--usage:#b57317}[data-usage=critical]{--usage:#c94455}.resource[data-usage] .track>span,.detail-live [data-usage] .track>span{background:var(--usage)}.resource[data-usage] .resource-row strong,.summary-card[data-usage] .metric-number,.detail-live [data-usage] .utilization{color:var(--usage)}.utilization{font-size:12px;font-weight:550;margin-top:8px}.usage-legend{display:flex;flex-wrap:wrap;gap:17px;font-size:12px;margin:0 0 14px}.usage-ok{color:#16865b}.usage-warn{color:#9b6012}.usage-critical{color:#bd3d50}[data-appearance=dark] [data-usage=ok]{--usage:#7bd6af}[data-appearance=dark] [data-usage=warn]{--usage:#f0bd68}[data-appearance=dark] [data-usage=critical]{--usage:#ff9ba7}[data-appearance=dark] .usage-ok{color:#7bd6af}[data-appearance=dark] .usage-warn{color:#f0bd68}[data-appearance=dark] .usage-critical{color:#ff9ba7}
#detail .detail-section{padding:28px 32px 34px}#detail .detail-section+.detail-section{border-top:1px solid var(--line)}.detail-section-title{font-size:23px;margin:0 0 22px;letter-spacing:-.4px}.badge.loading{color:#6b7e95;background:#edf1f6}#detail .history{min-height:270px}.floating-peek{pointer-events:auto}
@media(max-width:700px){.appearance-switch button{width:38px;height:40px}.top-actions .connection{font-size:11px}.top-actions{gap:6px}#detail .detail-section{padding:23px 16px 28px}.detail-section-title{font-size:21px;margin-bottom:18px}.usage-legend{font-size:11px;gap:10px}#detail .history{min-height:200px}}
@media(max-width:420px){.top-actions .connection{order:4;flex-basis:100%;text-align:right}.appearance-switch button{width:40px;height:40px}.top-actions{justify-content:space-between}}

#traffic-ranking[data-pinned=false]{pointer-events:none}#traffic-ranking[data-pinned=true]{pointer-events:auto}#traffic-ranking[data-pinned=false] #ranking-close,#traffic-ranking[data-pinned=false] #ranking-all{display:none!important}

.theme-credit{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.theme-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.theme-credit a:hover{color:var(--blue,#007aff)}.detail-footer{flex-wrap:wrap;gap:10px}

/* Keep fleet summaries bounded regardless of region count. */
.health-distribution{display:flex;height:8px;border-radius:8px;overflow:hidden;background:var(--line);margin-top:14px;gap:2px}.health-distribution span{transition:width .3s ease;min-width:0}#health-online{background:#22976b}#health-offline{background:#d35464}#health-stale{background:#bd781d}.health-card:is([data-health=healthy],[data-health=degraded],[data-health=stale]) #online-count{color:#15815e}[data-appearance=dark] .health-card:is([data-health=healthy],[data-health=degraded],[data-health=stale]) #online-count{color:#83dfb6}.health-note{line-height:1.6}.region-activity{margin-top:8px}.region-list button{min-width:0}.region-list button>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-list strong{flex-shrink:0}@media(prefers-reduced-motion:reduce){.health-distribution span{transition:none}}

.coverage-bar{margin-top:24px}#coverage-lit{background:#0071e3}#coverage-unlit{background:#9da9b8}