.network-context{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding:.85rem 1rem;border:1px solid #294354;border-radius:.65rem;background:#0c1c29;color:#b9d0df;font-size:.85rem;margin-bottom:1rem}.network-context strong{color:#68e5df;margin-left:.4rem}.network-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.network-tabs[hidden],.network-panel[hidden]{display:none!important}.network-tabs button{padding:.65rem 1rem;border:1px solid #395262;border-radius:.5rem;color:#c8dce8;background:#0c1c29;font:inherit;font-size:.9rem;cursor:pointer}.network-tabs button[aria-selected=true]{background:#153f49;border-color:#68e5df;color:#a8fff1}.network-tabs button:focus-visible,.scan-table th button:focus-visible{outline:2px solid #68e5df;outline-offset:3px}.network-panel{padding:1.2rem;border:1px solid #294354;border-radius:.75rem;background:#091722}.network-panel>h2{font-size:1.35rem;margin:0 0 .5rem}.network-panel>p{font-size:.9rem;color:#b9cbd8}.network-panel .audit-form{margin:1rem 0;padding:1rem}.network-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0;padding:1rem;background:#0c1c29;border:1px solid #294354;border-radius:.6rem}.network-form>label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.network-form .form-note{display:block}.form-actions,.form-note{grid-column:1/-1}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.form-note{font-size:.8rem;color:#b9cbd8;margin:.1rem 0}.network-panel input:not([type=checkbox]),.network-panel select{width:100%;min-width:0;padding:.65rem;background:#07121c;color:#e4f0f7;border:1px solid #395262;border-radius:.4rem;font:inherit}.network-panel input[type=checkbox]{width:auto}#port-form,#ping-form{display:grid;grid-template-columns:minmax(140px,.5fr) minmax(180px,1fr);align-items:center;gap:.65rem 1rem}#port-form>button,#ping-form>[data-client-ip]{grid-column:2;justify-self:start}#port-form>p,#port-form>label:has(input[type=checkbox]),#ping-form>label:has(input[type=checkbox]),#ping-form>div{grid-column:1/-1}#port-form>label,#ping-form>label{font-size:.9rem}#ping-module{margin:0}.scan-table{overflow-x:auto;margin-top:1rem;max-height:440px}.scan-table table{width:100%;border-collapse:collapse;font-size:.85rem}.scan-table th,.scan-table td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid #294354}.scan-table th{position:sticky;top:0;background:#102332;z-index:1}.scan-table th button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;text-align:left;padding:.2rem}.scan-table th[aria-sort=ascending] button::after{content:' ↑'}.scan-table th[aria-sort=descending] button::after{content:' ↓'}.scan-table caption{text-align:left;color:#a9c0cf;padding:.5rem}.network-terminal{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:420px;min-height:100px;background:#040c13;color:#a8f4df;border:1px solid #294354;border-radius:.5rem;padding:1rem;font:.85rem/1.6 Consolas,monospace}.network-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.network-metrics article{display:grid;gap:.4rem;padding:1rem;background:#102332;border:1px solid #294354;border-radius:.5rem}.network-metrics strong{font-size:1.8rem;color:#68e5df}.network-metrics small{color:#b9cbd8}.discovery-actions{display:flex;gap:.4rem}.discovery-actions .button{padding:.3rem .6rem;font-size:.8rem}#scan-status,#ping-status{min-height:1.5em}#scan-results{margin:1rem 0}.audit-limitations{margin-top:1rem}.audit-limitations summary{cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}@media(max-width:650px){.network-panel{padding:.8rem}.network-form,#port-form,#ping-form{grid-template-columns:1fr}#port-form>button,#ping-form>[data-client-ip]{grid-column:1}.network-metrics{grid-template-columns:1fr}.network-metrics article{grid-template-columns:1fr 1fr;align-items:center}.network-metrics small{grid-column:1/-1}.network-tabs button{flex:1 1 30%;padding:.6rem .4rem;font-size:.8rem}.scan-table th,.scan-table td{padding:.55rem}.network-context{font-size:.8rem}}

.standalone-main{padding-top:90px}.standalone-main>.section{padding-top:24px;padding-bottom:40px}.web-audit .section-heading{margin-bottom:20px}.web-audit .section-heading h1{font-size:clamp(1.9rem,3vw,3rem)}@media(max-width:650px){.standalone-main{padding-top:125px}.topbar{height:auto;min-height:90px;grid-template-columns:1fr;padding:.75rem 1rem;gap:.5rem}.topbar .brand{font-size:.85rem}.topbar .navigation{justify-self:start;flex-wrap:wrap;gap:.8rem}.standalone-main>.section{padding-top:12px}}

.network-panel{position:relative}.network-panel>h2{padding-right:2.8rem}.network-help>summary{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;list-style:none;border:1px solid #68e5df;border-radius:50%;color:#a8fff1;font-weight:700;cursor:pointer;background:#102d3a}.network-help>summary::-webkit-details-marker{display:none}.network-help>summary:focus-visible{outline:2px solid #fff;outline-offset:3px}.network-help[open]>summary{background:#215664}.network-help>div{padding:.9rem 1rem;margin:.8rem 0;border:1px solid #395262;border-radius:.5rem;background:#102332;font-size:.88rem;color:#d2e5ef}.network-help p{margin:.4rem 0 0}.device-details{min-width:220px;max-width:360px;font-size:.8rem;line-height:1.6;white-space:normal}.discovery-actions{flex-wrap:wrap;min-width:160px}.speed-dashboard{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(240px,1.15fr);gap:1.5rem;align-items:center;border:1px solid #294354;border-radius:.8rem;background:radial-gradient(ellipse at 25% 40%,#113341 0%,#07121c 65%);padding:1.5rem}.speed-dial{position:relative;max-width:360px;width:100%;margin:auto}.speed-dial svg{display:block;width:100%;overflow:visible}.speed-dial path{fill:none;stroke-width:12;stroke-linecap:round}.speed-arc-bg{stroke:#203c4d}#speed-arc{stroke:#68e5df;transition:stroke-dashoffset .25s ease}.speed-dial text{fill:#9ab6c7;font:10px monospace}.speed-dial-value{position:absolute;inset:40% 0 8%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.speed-dial-value>span{font-size:.7rem;color:#b5cfdf;letter-spacing:.14em}.speed-dial-value strong{font-size:clamp(2rem,5vw,3.2rem);color:#e7fffa;font-variant-numeric:tabular-nums}.speed-dial-value small{color:#68e5df}.speed-steps{display:flex;list-style:none;gap:.6rem;flex-wrap:wrap;padding:0;font-size:.8rem;color:#89a3b6}.speed-steps li[aria-current=step]{color:#68e5df;font-weight:700}.speed-live label,.speed-live>small{font-size:.75rem;color:#9ab6c7}.speed-live progress{display:block;width:100%;height:.55rem;margin:.5rem 0;accent-color:#68e5df}.speed-live #speed-status{font-size:.85rem;min-height:2.6em}.speed-history{display:block;width:100%;height:85px;border-bottom:1px solid #294354}.speed-history polyline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}#speed-download-line{stroke:#68e5df}#speed-upload-line{stroke:#bd9bff}.speed-results{grid-template-columns:repeat(4,minmax(0,1fr))}.speed-start{min-width:140px;letter-spacing:.1em}#speed-upload{color:#bd9bff}@media(max-width:800px){.speed-dashboard{grid-template-columns:1fr;padding:1rem}.speed-dial{max-width:290px}.speed-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){#speed-arc{transition:none}}

.network-form>label.form-note{display:flex;flex-direction:row;align-items:center;gap:.55rem}.network-form>label.form-note input[type=checkbox]{flex:0 0 auto;margin:0}

.speed-dial svg{height:auto;aspect-ratio:8/5}.speed-dial text{stroke:none}.topbar{background:rgba(3,12,19,.97);border-bottom:1px solid #294354}