.na-panel{margin:24px 0;color:var(--text,#302e29)}.na-panel .section-heading{align-items:flex-start;gap:20px}.na-panel .section-heading h2{margin:5px 0 7px}.na-panel .section-heading p{font-size:13px;margin:0;line-height:1.6}.na-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#8a7465}.na-overview{display:grid;grid-template-columns:repeat(3,minmax(65px,1fr)) minmax(140px,1.5fr);gap:1px;overflow:hidden;border:1px solid #e8e2da;border-radius:12px;margin:22px 0;background:#e8e2da}.na-overview>div{background:#f9f7f3;padding:15px 18px}.na-overview span{display:block;color:#837b72;font-size:12px}.na-overview strong{display:block;font-size:25px;font-weight:500;margin-top:5px}.na-overview .na-hub-ip{font-size:17px;letter-spacing:.02em;padding-top:7px}.na-devices{display:grid;gap:13px}.na-device{border:1px solid #e7e0d7;border-radius:13px;background:#fffdf9;padding:19px 21px}.na-device-head{display:flex;justify-content:space-between;gap:16px}.na-device-head h3{font-size:15px;margin:0 0 5px;font-weight:600}.na-device-head p{font-size:12px;color:#8a8177;margin:0;line-height:1.6}.na-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;align-content:start}.na-mode,.na-presence{font-size:11px;white-space:nowrap;border-radius:20px;padding:5px 9px;background:#f0eeea;color:#827b73;display:inline-flex;align-items:center;gap:5px}.na-mode i{height:5px;width:5px;background:currentColor;border-radius:50%}.na-direct{color:#4d7459;background:#edf3ed}.na-relayed{color:#9a6c3e;background:#f7efdf}.na-presence.is-online{color:#5a7562;background:transparent}.na-panel .na-facts{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 28px;margin:19px 0 0}.na-panel .na-facts>div{min-width:0;width:100%}.na-facts dt{font-size:11px;color:#8a8177;margin-bottom:4px}.na-facts dd{font-size:12px;margin:0;overflow-wrap:anywhere;color:#514b44;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.6}.na-actions{border-top:1px solid #eee8e0;margin-top:17px;padding-top:13px;display:flex;gap:12px;align-items:center;justify-content:flex-end}.na-actions>span{margin-right:auto;color:#8b8176;font-size:11px;line-height:1.6}.na-actions button{font-size:12px;white-space:nowrap;padding:7px 10px}.na-note,.na-location-note{font-size:12px;color:#8b8177;line-height:1.7;margin:13px 0 0}.na-location-note{border-left:2px solid #d7c3af;padding-left:12px;margin:20px 0 0}.na-job{background:#f8f2e9;border-radius:7px;padding:8px 10px;margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:#8a6d4d}.na-job code{font-size:10px}.na-alert{background:#edf3ed;color:#4d7459;padding:11px 14px;border-radius:8px;font-size:13px}.na-alert.is-error{background:#faefeb;color:#a45e47}.na-empty{padding:25px;text-align:center;color:#92877c;font-size:13px}.na-peer-details{border-top:1px solid #e8e0d6;margin-top:22px;padding-top:17px}.na-peer-details summary{font-size:13px;cursor:pointer;color:#6d6257}.na-peer-table{overflow:auto;margin-top:15px}.na-peer-table table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}.na-peer-table th{text-align:left;font-weight:500;color:#8a8177;padding:10px 8px;border-bottom:1px solid #e6ddd2}.na-peer-table td{padding:13px 8px;border-bottom:1px solid #f0eae2;vertical-align:middle}.na-peer-table td strong{display:block;font-weight:500}.na-peer-table td small{display:block;color:#94877a;margin-top:5px;font-size:11px}.na-peer-table td code{font-size:11px;word-break:break-all}.na-panel button:focus-visible,.na-peer-details summary:focus-visible{outline:2px solid #b5947b;outline-offset:3px}@media(max-width:640px){.na-device{padding:16px}.na-device-head{display:block}.na-badges{justify-content:flex-start;margin-top:10px}.na-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.na-overview>div:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.na-overview>div:last-child strong{margin:0;padding:0}.na-overview>div{padding:12px}.na-facts{gap:12px 16px}.na-panel .section-heading>button{font-size:12px;white-space:nowrap;padding:7px 10px}.na-actions{flex-wrap:wrap}.na-actions>span{flex-basis:100%}}

.na-display-control{margin:22px 0;padding:13px 16px;border:1px solid #e6ded3;border-radius:11px;background:#f9f6f0}.na-display-toggle{display:flex;align-items:center;gap:12px;margin:0!important;cursor:pointer}.na-display-toggle input{flex:none;width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:#a76c50}.na-display-toggle span{display:grid;gap:4px}.na-display-toggle strong{font-size:13px;font-weight:500;color:#645548}.na-display-toggle small{font-size:11px;color:#938373;font-weight:400}.na-display-control[hidden],.na-panel[hidden]{display:none!important}.na-display-toggle input:focus-visible{outline:2px solid #b5947b;outline-offset:3px}@media(max-width:640px){.na-display-control{margin:16px 0;padding:12px 14px}.na-display-toggle{gap:10px}}