@import url("network-kpi-v1.css");
@import url("network-kpi-tech-theme.css");
:root{--tech-dmr:#55c8f2;--tech-dstar:#c084fc;--tech-svx:#47dc91;--tech-aprs:#ef4444}.network-kpi__card[data-tech=dmr]{--tech:var(--tech-dmr)}.network-kpi__card[data-tech=dstar]{--tech:var(--tech-dstar)}.network-kpi__card[data-tech=svx]{--tech:var(--tech-svx)}.network-kpi__card[data-tech=aprs]{--tech:var(--tech-aprs)}.network-kpi__card[data-tech]{border-top:2px solid var(--tech)}.network-kpi__card[data-tech] .network-kpi__name>b{color:color-mix(in srgb,var(--tech) 58%,white)}.network-kpi__card[data-tech] .nk-info{border-color:color-mix(in srgb,var(--tech) 70%,#173f49)}.network-kpi__card[data-tech] .nk-trace{stroke:var(--tech);fill:none;filter:drop-shadow(0 0 5px var(--tech))}.network-kpi__card[data-tech] .nk-scope circle{stroke:none;fill:var(--tech);filter:drop-shadow(0 0 5px var(--tech))}.network-kpi__card[data-tech] .nk-scope{border-color:color-mix(in srgb,var(--tech) 32%,#123e49)}
.network-kpi{background:radial-gradient(circle at 85% -20%,#0b617055,transparent 38%),linear-gradient(145deg,#062832,#031821);box-shadow:0 28px 80px #001018aa}.network-kpi__head{align-items:center}.nk-eyebrow{color:#45f0cf;font:800 .65rem ui-monospace,monospace;letter-spacing:.16em}.nk-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.nk-tools>button,.network-kpi__foot button{border:1px solid #287989;border-radius:999px;background:#092e38;color:#e7fbff;padding:8px 13px;font:800 .68rem ui-monospace,monospace;letter-spacing:.06em;cursor:pointer}.nk-tools>button i{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border-radius:50%;background:#45f0cf;color:#03242c;font-family:Georgia,serif}.network-kpi__foot button{border:0;padding:0;background:transparent;color:#45f0cf}.network-kpi__card{transition:.25s ease}.network-kpi__card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #001018aa}.nk-info{position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #397381;border-radius:50%;background:#092e38;color:#c3e9ef;font:italic 900 .9rem Georgia,serif;cursor:pointer}.nk-info:hover{background:#45f0cf;color:#03242c;box-shadow:0 0 20px #45f0cf66}.nk-scope{position:relative;height:47px;margin:11px 0 2px;padding:3px 7px;border:1px solid #123e49;border-radius:10px;overflow:hidden;background:linear-gradient(#06202aee,#041a23ee)}.nk-scope span{position:absolute;z-index:1;top:5px;left:8px;color:#57818c;font:700 .52rem ui-monospace,monospace;letter-spacing:.12em}.nk-scope svg{width:100%;height:100%;overflow:visible}.nk-grid{fill:none;stroke:#17404a;stroke-width:.35}.nk-trace{fill:none;stroke:var(--state,#90a4aa);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--state,#90a4aa));stroke-dasharray:85 15;animation:nk-scan 2.2s linear infinite}.nk-scope circle{fill:var(--state,#90a4aa);filter:drop-shadow(0 0 4px var(--state,#90a4aa))}.network-kpi__card[data-state=offline] .nk-trace{animation-duration:4s}.network-kpi__card[data-state=unknown] .nk-trace{opacity:.42;animation-duration:5s}@keyframes nk-scan{to{stroke-dashoffset:-100}}.nk-lock{overflow:hidden}.nk-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:16px}.nk-shade{position:absolute;inset:0;border:0;background:#001116e9;backdrop-filter:blur(12px)}.nk-panel{position:relative;width:min(1120px,97vw);max-height:94vh;overflow:auto;border:1px solid #267e90;border-radius:24px;background:radial-gradient(circle at 95% 0,#0b647033,transparent 28%),#041d27;color:#eafaff;box-shadow:0 35px 110px #000c,0 0 60px #45f0cf18}.nk-panel header{position:sticky;z-index:4;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #174d59;background:#062730f2;backdrop-filter:blur(15px)}.nk-panel header small,.nk-method small,.nk-meaning small{color:#45f0cf;font:800 .65rem ui-monospace,monospace;letter-spacing:.14em}.nk-panel header h2{margin:3px 0 0;font-size:clamp(1.25rem,3vw,2rem)}.nk-panel header button{width:40px;height:40px;border:1px solid #397582;border-radius:50%;background:#0a323d;color:white;font-size:1.7rem;cursor:pointer}.nk-panel main{padding:24px}.nk-method{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;padding:18px;border:1px solid #18515e;border-radius:17px;background:#06242e}.nk-method h3,.nk-meaning h3{margin:3px 0 5px}.nk-method p,.nk-meaning p{margin:0;color:#9abdc6;line-height:1.55;font-size:.85rem}.nk-chip{display:grid;place-items:center;height:52px;border:1px solid #33bba9;border-radius:13px;color:#45f0cf;background:#092f38;font:900 .7rem ui-monospace,monospace}.nk-diagram{display:block;width:100%;margin:12px 0}.nk-diagram rect{fill:#061a23;stroke:#247284;stroke-width:1.5}.nk-diagram text{fill:#e8fbff;text-anchor:middle;font:800 11px ui-monospace,monospace}.nk-diagram .link path{stroke:#3ed6c1;stroke-width:2;stroke-dasharray:6 5;fill:none}.nk-diagram .link circle{fill:#45f0cf;filter:url(#glow)}.nk-diagram .link text{fill:#75a7b2;font-size:9px}.nk-meaning{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding:18px;border:1px solid #174c59;border-radius:17px;background:#051a23}.nk-formula{display:grid;place-items:center;padding:12px;border-radius:13px;background:#092c36;color:#82aab4;font:700 .72rem ui-monospace,monospace;text-align:center}.nk-formula b{color:#ecfdff}.nk-formula i,.nk-formula em{color:#45f0cf;font-style:normal}.nk-legend,.nk-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.nk-legend>div,.nk-flow>div{padding:13px;border:1px solid #174652;border-radius:13px;background:#061b24}.nk-legend i{display:block;width:10px;height:10px;margin-bottom:8px;border-radius:50%;background:#90a4aa}.nk-legend .online i{background:#45f0cf}.nk-legend .degraded i{background:#ffc45d}.nk-legend .offline i{background:#ff647c}.nk-legend b,.nk-flow b{display:block;font-size:.74rem;text-transform:uppercase}.nk-legend span,.nk-flow span{display:block;margin-top:4px;color:#84a7b1;font-size:.67rem;line-height:1.35}.nk-flow>div{position:relative}.nk-flow i{display:grid;place-items:center;width:23px;height:23px;margin-bottom:8px;border-radius:50%;background:#104a55;color:#45f0cf;font:900 .7rem ui-monospace,monospace}.nk-note{margin:16px 0 0;padding:11px 14px;border-left:3px solid #43a8ff;background:#082734;color:#91b4be;font-size:.72rem}@media(max-width:720px){.nk-tools{align-items:flex-start;margin-top:10px}.nk-panel main{padding:13px}.nk-meaning{grid-template-columns:1fr}.nk-legend,.nk-flow{grid-template-columns:1fr 1fr}.nk-diagram{min-width:760px}.nk-panel main{overflow-x:auto}}@media(max-width:430px){.nk-legend,.nk-flow{grid-template-columns:1fr}}