/* NAS telemetry: isolated from the portal card layout. */
.telemetry{position:relative;isolation:isolate;overflow:hidden;margin:22px 0 53px;padding:25px 27px 17px;border:1px solid #ffffff29;border-radius:25px;background:linear-gradient(120deg,#152233,#111a2b 62%,#19263b);color:#f0f5ff;box-shadow:0 13px 35px #1b2e4617,0 1px 0 #ffffff1c inset}
.telemetry-glow{position:absolute;inset:-120px -60px auto auto;width:500px;height:290px;background:radial-gradient(ellipse,#4469a62b,transparent 68%);z-index:-1;pointer-events:none}
.telemetry-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.telemetry-brand{display:flex;align-items:center;gap:12px}.telemetry-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#8cbdff10;border:1px solid #adcaff25;color:#b7d1f4;box-shadow:0 0 20px #68adff0a}.telemetry-logo svg{width:24px;height:24px}.telemetry-eyebrow{font-size:8px;letter-spacing:2px;color:#9eb2cc}.telemetry h2{font-size:18px;font-weight:550;letter-spacing:.2px;margin:0;line-height:1.5}.telemetry-controls{display:flex;gap:16px;align-items:center}.connection-badge{display:flex;gap:7px;align-items:center;border:1px solid #ffffff17;border-radius:30px;padding:5px 11px;background:#ffffff06;font-size:10px;color:#b1bdce;white-space:nowrap}.connection-badge i{width:5px;height:5px;display:block;background:#98a5b7;border-radius:50%}.telemetry[data-state="online"] .connection-badge{color:#aae0cb;border-color:#8edcb12b;background:#8edcb108}.telemetry[data-state="online"] .connection-badge i{background:#8ce3bd;box-shadow:0 0 9px #6be4ae80}.telemetry #refresh{border:1px solid #ffffff17;border-radius:50%;width:30px;height:30px;color:#a8bad3;background:#ffffff05;font-size:22px;line-height:1;display:grid;place-items:center}.telemetry #refresh:hover{color:white;background:#ffffff10}.telemetry #refresh:disabled{cursor:wait;opacity:.5}
.telemetry-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.telemetry-card{padding:17px 19px 14px;border-radius:17px;background:linear-gradient(120deg,#ffffff09,#ffffff03);border:1px solid #afcfff14;min-width:0;transition:border-color .3s,background .3s}.telemetry-card:hover{border-color:#afcfff38;background:#ffffff07}.telemetry-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#b2c0d4}.metric-chip{font-size:9px;color:#97c4ff;background:#7cafff10;padding:2px 7px;border-radius:5px;white-space:nowrap}.telemetry-ram .metric-chip{color:#94d9c1;background:#70d8b50d}.telemetry-disk .metric-chip{color:#c4b9ef;background:#bca9fc10}.telemetry-number{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 7px;gap:6px}.telemetry-number strong{font-weight:400;letter-spacing:-1.5px;font-size:38px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.telemetry-number small{font-size:12px;color:#91a4bf;letter-spacing:0;margin-left:5px}.metric-code{font-size:7px;letter-spacing:1.5px;color:#697f9e}.cpu-chart{height:39px;margin-top:1px}.cpu-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#bbd5ff12;stroke-width:1}.telemetry-track{height:8px;background:#ffffff07;border:1px solid #ffffff09;border-radius:6px;margin:26px 0 18px;position:relative;overflow:hidden}.telemetry-track i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#3e967d,#9de1c5);box-shadow:0 0 15px #8edbb83d;transition:width .8s}.telemetry-disk .telemetry-track i{background:linear-gradient(90deg,#7777ac,#c4b9f2);box-shadow:0 0 12px #b6a4ed40}.telemetry-track span{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - 2px),#142034b0 calc(5% - 2px),#142034b0 5%);pointer-events:none}.telemetry-detail{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#99abc2;gap:9px;margin-top:7px;white-space:nowrap}.telemetry-detail span:last-child{color:#6f839f}.telemetry-footer{display:flex;gap:12px;justify-content:space-between;margin-top:15px;color:#8093af;font-size:9px}.telemetry-footer>span:first-child{display:flex;align-items:center;gap:6px}.telemetry-pulse{width:4px;height:4px;border-radius:50%;background:#7c8da8}.telemetry[data-state="online"] .telemetry-pulse{background:#84ccb1;animation:telemetry-pulse 3s ease-in-out infinite}.telemetry[data-state="offline"] .connection-badge,.telemetry[data-state="stale"] .connection-badge{color:#e6c298;border-color:#e9bb7d33}.telemetry[data-state="offline"] .telemetry-grid,.telemetry[data-state="stale"] .telemetry-grid{opacity:.5}.telemetry[data-state="offline"] .connection-badge i,.telemetry[data-state="stale"] .connection-badge i{background:#d4a268}
@keyframes telemetry-pulse{50%{box-shadow:0 0 0 3px #84ccb115}}
@media(max-width:1000px){.telemetry{padding:23px 23px 17px}.telemetry-grid{gap:12px}.telemetry-card{padding:15px 15px 13px}.telemetry-number strong{font-size:34px}.metric-code{display:none}.telemetry-detail{font-size:9px}}
@media(max-width:600px){.telemetry{padding:21px 17px 15px;border-radius:23px;margin:19px 0 38px}.telemetry-heading{margin-bottom:17px}.telemetry-logo{width:35px;height:35px;border-radius:11px}.telemetry-logo svg{width:21px;height:21px}.telemetry h2{font-size:17px}.telemetry-eyebrow{font-size:7px;letter-spacing:1.6px}.telemetry-controls{gap:8px}.connection-badge{font-size:9px;padding:4px 8px}.telemetry-grid{grid-template-columns:1fr 1fr;gap:11px}.telemetry-cpu{grid-column:1/-1}.telemetry-cpu .metric-code{display:block}.telemetry-cpu .telemetry-number{margin-top:8px}.telemetry-cpu .cpu-chart{height:35px;margin-top:-2px}.telemetry-number strong{font-size:30px}.telemetry-card{padding:15px 14px 12px;border-radius:15px}.telemetry-label{font-size:10px}.metric-chip{font-size:9px;padding:2px 5px}.telemetry-track{margin:22px 0 15px;height:7px}.telemetry-detail{font-size:9px;gap:5px;flex-wrap:wrap;white-space:normal}.telemetry-number small{font-size:10px;margin-left:4px}.telemetry-footer{font-size:8px;gap:6px;flex-wrap:wrap;margin-top:13px}}
@media(max-width:350px){.telemetry{padding:18px 13px 14px}.telemetry-brand{gap:8px}.telemetry-controls{gap:5px}.connection-badge{padding:4px 6px}.telemetry-number strong{font-size:27px}.telemetry-card{padding:14px 12px 11px}.telemetry-label{gap:4px}.metric-chip{font-size:8px}}
@media(prefers-reduced-motion:reduce){.telemetry *, .telemetry *:before{animation:none!important;transition:none!important}}

/* Extended live telemetry; [hidden] must win before backend deployment. */
.telemetry-extra[hidden]{display:none}.telemetry-extra{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:13px}.telemetry-mini{min-width:0;border-top:1px solid #b7cff21a;padding:17px 18px 2px}.mini-symbol{color:#7f9cbe;font-size:17px;line-height:1}.mini-number{display:flex;align-items:baseline;gap:5px;margin:7px 0 5px}.mini-number strong{font-size:27px;font-weight:400;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.mini-number small{font-size:11px;color:#8da3bf}.mini-note{font-size:9px;color:#7e93af}.uptime-number strong{font-size:23px;letter-spacing:0}.network-rates{display:flex;gap:22px;margin:7px 0 7px}.network-rates>div{min-width:0}.rate-direction{font-size:9px;color:#86b5e8;display:block;margin-bottom:3px}.network-rates>div:nth-child(2) .rate-direction{color:#94c8b5}.network-rates strong{font-size:21px;font-weight:400;letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums}.network-rates small{font-size:9px;color:#8da3bf;letter-spacing:0;margin-left:4px}.telemetry[data-state="offline"] .telemetry-extra,.telemetry[data-state="stale"] .telemetry-extra{opacity:.5}
@media(max-width:1000px){.telemetry-extra{gap:12px}.telemetry-mini{padding:15px 14px 2px}.network-rates{gap:15px}.network-rates strong{font-size:19px}.uptime-number strong{font-size:21px}}
@media(max-width:600px){.telemetry-extra{grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.telemetry-mini{padding:15px 13px 2px}.telemetry-network{grid-column:1/-1;padding-bottom:3px}.mini-number strong{font-size:25px}.uptime-number strong{font-size:21px}.network-rates{gap:0;justify-content:space-between;margin-top:9px}.network-rates>div{width:50%}.network-rates strong{font-size:24px}.network-rates small{font-size:10px}.mini-note{font-size:8px}}
@media(max-width:350px){.telemetry-mini{padding:14px 10px 2px}.uptime-number strong{font-size:18px}.network-rates strong{font-size:22px}}

.surge-panel[hidden]{display:none}.surge-panel{border:1px solid #9ac5ff20;border-radius:16px;background:linear-gradient(115deg,#4a83e20c,#67d7cc06);padding:18px 19px;margin-top:20px}.surge-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.surge-heading>div{display:flex;gap:12px;align-items:baseline}.surge-heading strong{font-size:18px;font-weight:550;letter-spacing:-.3px}.surge-heading>div>span{font-size:8px;letter-spacing:1.3px;color:#85a1c2}.surge-state{color:#94b7d5;font-size:9px;border:1px solid #b2d8ff22;border-radius:20px;padding:3px 8px;white-space:nowrap}.surge-panel[data-state="online"] .surge-state{color:#9cdeca}.surge-panel[data-state="offline"] .surge-state{color:#d7b18b}.surge-rates{display:flex;align-items:center;gap:36px;margin:16px 0}.surge-rates>div>span{font-size:9px;color:#91adc9;display:block;margin-bottom:3px}.surge-rates strong{font-size:25px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.5px;white-space:nowrap}.surge-rates small{font-size:10px;margin-left:5px;color:#7f99b9;letter-spacing:0}.surge-mode{margin-left:auto;color:#9bb2ce;font-size:10px;text-align:right}.surge-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.surge-group{padding:10px 12px;border:1px solid #a7ceff12;background:#ffffff03;border-radius:10px;min-width:0}.surge-group>span{display:block;font-size:8px;color:#7892b3;margin-bottom:4px}.surge-group>strong{display:block;font-size:10px;color:#c3d5e9;font-weight:400;overflow-wrap:anywhere}.telemetry[data-state="offline"] .surge-panel,.telemetry[data-state="stale"] .surge-panel{opacity:.5}
@media(max-width:600px){.surge-panel{padding:16px 14px;border-radius:15px}.surge-heading>div{gap:8px}.surge-heading>div>span{font-size:7px;letter-spacing:.6px}.surge-rates{gap:22px;flex-wrap:wrap;margin:14px 0}.surge-rates strong{font-size:24px}.surge-mode{width:100%;margin-left:0;text-align:left;font-size:9px}.surge-groups{grid-template-columns:1fr}.surge-group{display:flex;align-items:center;gap:10px;padding:9px 11px}.surge-group>span{margin:0;min-width:40px}.surge-group>strong{font-size:10px}}