/* Proposal 3: a dark, horizontal network observatory. */
body.dpi-edition{--paper:#10151e;--white:#1a2230;--ink:#e3eaf5;--muted:#94a3b9;--line:#303c4f;--green:#759aff;background:var(--paper);color:var(--ink);font-family:"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
.dpi-edition .rail{position:sticky;inset:0 0 auto;width:100%;height:76px;padding:0 40px;flex-direction:row;align-items:center;gap:50px;background:#151d29;border-bottom:1px solid var(--line)}
.dpi-edition .brand{font-size:23px;padding:0}.dpi-edition .brand span{display:inline}.dpi-edition .rail nav{display:flex;margin:0;gap:6px;height:100%;align-items:center}.dpi-edition .rail nav a{flex-direction:row;gap:10px;padding:12px 20px;font-size:13px;border-radius:6px;color:#97a8bf}.dpi-edition .rail nav .selected{background:#263750;color:#dce8ff}.dpi-edition .rail nav a:hover{background:#202d40}.dpi-edition .rail-settings{margin:0 0 0 auto;padding:0;color:#aabbd0;gap:15px}.dpi-edition .rail-bottom{border:0;margin:0;padding:0}.dpi-edition .avatar{border-color:#455873}.dpi-edition .rail-bottom>span:last-child{display:none}.dpi-edition main{margin:0 auto;max-width:1680px;padding:0 40px}.dpi-edition .topbar{height:57px;border:0}.dpi-edition .prototype{border-color:#38475b}.dpi-edition .headline{padding:20px 0 30px}.dpi-edition .headline h1{font-size:32px;font-weight:550;letter-spacing:-1px}.dpi-edition .health{background:#173c35;color:#8ed9bd}.dpi-edition .headline p{color:#9aabc0}.dpi-edition .button{background:#6386de;color:#fff;border-radius:5px}.dpi-edition .button.outline{background:#1a2637;border-color:#3d506a;color:#c5d4ee}.dpi-edition .text-button{color:#96b5ff}.dpi-edition .dpi-toolbar{border-top:1px solid var(--line);padding-top:20px}.dpi-edition .dpi-toolbar h2{font-size:15px;color:#b7c7dc}.dpi-edition .dpi-badge{background:#153c33;color:#7edcbb}.dpi-edition .dpi-badge.off{background:#3d3540;color:#c8b5c9}.dpi-edition .dpi-ranges{background:#182231;border-color:#344157;border-radius:5px}.dpi-edition .dpi-ranges button{color:#99acc6}.dpi-edition .dpi-ranges .active{background:#3a527c;color:#fff;box-shadow:none}
.dpi-edition .dpi-traffic{grid-template-columns:280px 1fr;border:0;border-top:1px solid #3c4b64;border-bottom:1px solid #3c4b64;border-radius:0;background:#192332;padding:28px 30px;gap:45px;margin-bottom:0}.dpi-edition .dpi-total{border-color:#3b4a61}.dpi-edition .dpi-total>strong{color:#f0f5ff;font-size:64px;font-weight:450;letter-spacing:-3px;font-variant-numeric:tabular-nums}.dpi-edition .dpi-total>strong small{font-size:16px;color:#91a6c3}.dpi-edition .dpi-directions{color:#91b8ff;font-size:13px}.dpi-edition .dpi-chart svg{height:155px;fill:#527ebd}.dpi-edition .dpi-chart rect:nth-of-type(3n){fill:#69cab7}.dpi-edition .dpi-gridline{stroke:#35445a}.dpi-edition .dpi-chart-labels{color:#95a7c0}.dpi-edition .dpi-trend h3{color:#e4ecf9}.dpi-edition .dpi-rank-grid{gap:0;border-bottom:1px solid #3c4b64}.dpi-edition .dpi-rank-card{border:0;border-radius:0;padding:28px 30px;background:#151e2c}.dpi-edition .dpi-rank-card+ .dpi-rank-card{border-left:1px solid #35445a}.dpi-edition .dpi-rank-card h3{font-size:17px;letter-spacing:.1px}.dpi-edition .dpi-rank{padding:13px 0;gap:15px}.dpi-edition .dpi-rank:hover{background:#1d2b40}.dpi-edition .dpi-order{font-size:13px;color:#7488a5}.dpi-edition .dpi-app-icon{width:30px;height:30px;border-radius:5px;background:transparent;color:var(--app-color);border:1px solid var(--app-color);font-weight:700}.dpi-edition .dpi-rank-main b{font-size:13px}.dpi-edition .dpi-rank-main em{font-size:12px;font-variant-numeric:tabular-nums}.dpi-edition .dpi-meter{height:5px;border-radius:0;background:#263247}.dpi-edition .dpi-meter i{height:5px;border-radius:0}.dpi-edition .dpi-share{color:#9daec6}.dpi-edition .dpi-rank-card footer{border-color:#344359;color:#8ea3be}.dpi-edition .dpi-empty{background:#192332;border-color:#35445a;border-radius:6px}
.dpi-edition .overview-layout{margin-top:35px;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.dpi-edition .network-space{background:#161f2d;border-color:#344359;border-radius:6px}.dpi-edition .network-space>header{padding:20px 24px}.dpi-edition .network-canvas{background:radial-gradient(#354054 .7px,transparent .7px);background-size:17px 17px}.dpi-edition .internet-pill{background:#223047;border-color:#405672;color:#cad8ed}.dpi-edition .trunk,.dpi-edition .branch span,.dpi-edition .branch:before{background:#608c9c}.dpi-edition .branch{border-color:#608c9c}.dpi-edition .gateway{background:#24334a;border-color:#4b6484;color:#e6efff;box-shadow:none;border-radius:6px}.dpi-edition .gateway img{border-radius:5px}.dpi-edition .node-online{color:#7ed9b4}.dpi-edition .room{background:#1d2b3e;border-color:#3d516d;color:#e1eafa;border-radius:5px}.dpi-edition .room:hover{background:#273a52;border-color:#7393b9}.dpi-edition .room>svg{color:#82b6dc}.dpi-edition .room-link{border-color:#3a4c65}.dpi-edition .room-link em{color:#95c7d3}.dpi-edition .network-footer{border-color:#344359}.dpi-edition .network-footer a{color:#91b4f7}.dpi-edition .wifi-panel{background:#293b55;border:1px solid #425c7d;border-radius:6px}.dpi-edition .bands span{background:#364d6b;color:#bdd2ed}.dpi-edition .wifi-bottom{color:#b5c8e0}.dpi-edition .security-note{background:#372f25;color:#e2bd80;border-radius:5px}.dpi-edition .security-note small{color:#b8a17d}.dpi-edition .client{background:#182332;border-color:#354359;color:#dbe6f5;border-radius:5px}.dpi-edition .client-symbol{color:#8eabc6}.dpi-edition .device-search input,.dpi-edition .studio-list-tools input{background:#182332;border-color:#3d506a;color:#dbe6f5}.dpi-edition .filters button.active{background:#334b70;color:white}.dpi-edition .studio-card{background:#182332;border-color:#344359;border-radius:6px}.dpi-edition .studio-device-row:hover{background:#25364d}.dpi-edition .status-pill{background:#193d35;color:#86ceae}.dpi-edition .studio-field input,.dpi-edition .studio-field select{background:#202e42;border-color:#415672;color:#dfe9fa}.dpi-edition dialog{background:#192434;color:#dfe9fa;border-color:#526887}.dpi-edition dialog::backdrop{background:#030a17b0}.dpi-edition .dpi-detail-summary{background:#243651}.dpi-edition .studio-floor{background-color:#253249}.dpi-edition .floor-node{background:#243750;color:#c5ddf6;border-color:#6c8bb1}.dpi-edition .danger{background:#452b31;color:#ffc3b9;border-color:#86505b}.dpi-edition .status-pill.warning{background:#443624;color:#efc68e}.dpi-edition .room-offline{background:#3b3024;border-color:#967a4d}.dpi-edition .room-offline .room-link em{color:#e8b775}.dpi-edition .dpi-rank-grid .text-button{font-size:12px}.dpi-edition .page-footer{border-top:1px solid #2d3b51;margin-top:30px}.dpi-edition .studio-node-img{background:white;border-radius:6px}
@media(min-width:1250px){.dpi-edition .dpi-dashboard{display:grid;grid-template-columns:1fr}.dpi-edition .dpi-rank-card{padding:26px 30px}}
@media(max-width:1050px){.dpi-edition .rail{padding:0 24px;gap:24px}.dpi-edition .rail nav a{padding:12px}.dpi-edition main{padding:0 24px}.dpi-edition .rail-bottom{display:none}.dpi-edition .dpi-traffic{grid-template-columns:220px 1fr;gap:25px}.dpi-edition .dpi-total>strong{font-size:50px}.dpi-edition .overview-layout{grid-template-columns:1fr}.dpi-edition .side-panel{display:grid;grid-template-columns:1fr 1fr}.dpi-edition .security-note{grid-column:1/-1}.dpi-edition .dpi-rank-grid{grid-template-columns:1fr 1fr}.dpi-edition .dpi-directions{display:flex;margin:16px 0 19px}.dpi-edition .dpi-total{border-right:1px solid #3b4a61;border-bottom:0;padding:0 20px 0 0}}
@media(max-width:700px){.dpi-edition .rail{height:auto;min-height:65px;padding:0 16px;gap:16px;flex-wrap:wrap}.dpi-edition .brand{font-size:20px}.dpi-edition .rail nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #2c3d54}.dpi-edition .rail nav a{padding:12px 8px;font-size:11px;flex:1;justify-content:center;border-radius:0}.dpi-edition .rail nav svg{width:16px;height:16px}.dpi-edition .rail nav .mobile-network{display:none}.dpi-edition .rail-settings{display:flex;height:54px;font-size:11px}.dpi-edition main{padding:0 16px 20px}.dpi-edition .topbar{height:50px}.dpi-edition .headline{padding:15px 0 25px}.dpi-edition .headline h1{font-size:26px}.dpi-edition .dpi-toolbar{flex-direction:column;align-items:stretch}.dpi-edition .dpi-traffic{grid-template-columns:1fr;padding:22px 20px;gap:22px}.dpi-edition .dpi-total{border-right:0;border-bottom:1px solid #35445a;padding:0 0 20px}.dpi-edition .dpi-total>strong{font-size:54px}.dpi-edition .dpi-rank-grid{grid-template-columns:1fr}.dpi-edition .dpi-rank-card{padding:22px 18px}.dpi-edition .dpi-rank-card+.dpi-rank-card{border-left:0;border-top:1px solid #35445a}.dpi-edition .dpi-chart svg{height:125px}.dpi-edition .dpi-share{width:35px}.dpi-edition .dpi-rank{gap:10px}.dpi-edition .rail nav .selected{box-shadow:inset 0 -2px #83a9fa;background:transparent}.dpi-edition .rail nav a:hover{background:#24334b}.dpi-edition .dpi-total .dpi-directions{gap:22px}.dpi-edition .overview-layout{margin-top:25px}.dpi-edition .studio-page{padding-top:16px}}

.dpi-edition .brand{display:block}.dpi-edition .dpi-dialog header button,.dpi-edition dialog header button{color:#afc1db}.dpi-edition .dpi-dialog footer button{color:#d6e4fa}

.dpi-edition .rail{height:auto;min-height:76px;gap:24px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px}.dpi-edition .rail nav{flex:1;flex-wrap:wrap;gap:3px}.dpi-edition .rail nav a{padding:10px 12px;font-size:12px;white-space:nowrap}.dpi-edition .rail-bottom{display:none}@media(max-width:1100px){.dpi-edition .rail nav{flex-basis:100%;order:2}.dpi-edition .rail{gap:12px}.dpi-edition .rail nav a{padding:9px 12px}}@media(max-width:700px){.dpi-edition .rail nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.dpi-edition .rail nav a{flex:0 0 auto;padding:12px}.dpi-edition .rail{padding-bottom:0}.dpi-edition .brand{padding:0 4px}}