@charset "UTF-8";
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1115;color:#dce5e9;font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #35d0db;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}#noc-root{--bg:#0b1115;--surface:#111b21;--surface2:#152229;--line:#25343d;--muted:#81949e;--text:#dce5e9;--cyan:#31cad4;--amber:#edb052;--red:#ed6a72;min-height:100vh}#noc-root h1,#noc-root h2,#noc-root h3,#noc-root p{margin:0}#noc-root select,#noc-root input{background:#111b21;border:1px solid #2a3941;border-radius:6px;color:#dce5e9;min-height:38px;padding:8px 12px}#noc-root select{max-width:230px}#noc-root .noc-sidebar{position:fixed;right:0;top:0;bottom:0;width:220px;background:linear-gradient(180deg,#121f26,#10191f);border-left:1px solid var(--line);z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;height:86px;padding:18px 22px;border-bottom:1px solid var(--line)}.brand strong{font-size:25px;letter-spacing:3px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-top:7px}.brand-mark{display:grid;place-items:center;color:var(--cyan);width:44px;height:44px;border:1px solid #287580;background:#103039;border-radius:10px}.noc-sidebar nav{padding:12px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#304750 transparent;flex:1}.nav-group{color:#627b88;font-size:10px;letter-spacing:1px;padding:13px 14px 8px}.nav-item{background:none;border:1px solid transparent;border-radius:6px;display:flex;align-items:center;gap:12px;width:100%;padding:10px 13px;text-align:right;color:#a9b8bf;font-size:13px;margin-bottom:2px}.nav-item svg{color:#8ba0aa;flex-shrink:0}.nav-item:hover{background:#192b33;color:white}.nav-item.active{color:#44d1dc;background:linear-gradient(270deg,#173a44,#142c34);border-color:#245566;box-shadow:inset -2px 0 #31cad4}.nav-item.active svg{color:#31cad4}.nav-count{margin-right:auto;background:#702e38;color:#ff9b9f;padding:0 5px;min-width:21px;text-align:center;border-radius:4px;font-size:10px}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#13222a;border-top:1px solid var(--line);font-size:12px}.sidebar-footer small{display:block;color:var(--muted);font-size:10px}.sidebar-footer .icon-button{margin-right:auto}.avatar{width:33px;height:33px;border-radius:50%;background:#1a4048;color:#4bd6de;display:grid;place-items:center;font-size:16px}.noc-main{margin-right:220px}.noc-topbar{height:86px;display:flex;align-items:center;gap:18px;padding:0 24px;background:#0f181e;border-bottom:1px solid var(--line)}.topbar-title{padding-right:13px;border-right:2px solid var(--cyan);white-space:nowrap}.topbar-title small{color:var(--muted);font-size:10px}.topbar-title h1{font-size:18px;font-weight:600}.global-search{display:flex;align-items:center;background:#111b21;border:1px solid #283941;border-radius:6px;padding:0 12px;color:#78909d;flex:1;min-width:120px;max-width:390px;margin-right:auto}#noc-root .global-search input{background:none;border:0;width:100%;padding-right:8px;outline:none}.toolbar-filters{display:flex;gap:8px}.toolbar-filters select{font-size:12px}.icon-button{border:1px solid #2a3941;border-radius:6px;background:transparent;width:36px;height:36px;display:inline-grid;place-items:center;color:#8ea5b0}.icon-button:hover{color:var(--cyan);border-color:#387384}.lab-context{display:flex;align-items:center;gap:18px;height:34px;background:#151e20;border-bottom:1px solid #34403c;padding:0 25px;color:#8a9e9e;font-size:10px}.lab-context span:first-child{color:#d4ba7d;display:flex;align-items:center;gap:7px}.lab-context i{width:5px;height:5px;border-radius:50%;background:#d4ba7d}.lab-context a{margin-right:auto;color:#9babac}.noc-content{padding:20px 24px 32px;max-width:1900px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;min-height:42px}.page-heading h2{font-size:22px;font-weight:600;line-height:1.5}.breadcrumb{font-size:10px;color:#677e8a}.page-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.panel{background:linear-gradient(125deg,#131f26,#111b21);border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 13px;border-bottom:1px solid #22323b;min-height:65px}.panel-head h2{font-size:14px;font-weight:600}.panel-head p{font-size:10px;color:#748e9b;margin-top:3px!important}.panel-foot{padding:11px 16px;color:#728a95;font-size:10px;border-top:1px solid #23333b}.text-button{border:0;background:none;color:#38bfc9;padding:0;font-size:11px;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;background:#24323a;color:#9aadb6;border:1px solid #33434b;border-radius:4px;font-size:10px;white-space:nowrap}.badge i{height:4px;width:4px;display:inline-block;border-radius:50%;background:currentColor}.badge.cyan{color:#60c5ce;background:#12333b;border-color:#20515c}.badge.red{color:#ee7e86;background:#36242b;border-color:#61343d}.badge.amber{color:#dfb76d;background:#352e21;border-color:#51462e}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:34px 22px;min-height:190px;color:#6d8997}.empty strong{color:#9bafbb;font-size:13px;font-weight:500}.empty p{max-width:320px;font-size:11px;line-height:1.8}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:11px;text-align:right;white-space:nowrap}.table-scroll th{background:rgba(8,15,19,.18);color:#7d96a3;font-size:10px;font-weight:500;padding:11px 14px;border-bottom:1px solid #2b3942}.table-scroll td{border-bottom:1px solid #23323a;padding:12px 14px;color:#c3d0d7}.table-scroll tr:last-child td{border-bottom:0}.table-scroll tr:hover td{background:rgba(47,175,190,.025)}.table-scroll td.table-empty{padding:35px;text-align:center;color:var(--muted)}.mono{font-family:Consolas,monospace;direction:ltr;text-align:right;font-size:11px}.pagination{display:flex;justify-content:flex-end;align-items:center;padding:15px;gap:8px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.pagination span{margin-left:auto}.pagination button{background:#1a2b34;border:1px solid #314551;border-radius:5px;padding:4px 10px}.selectable{cursor:pointer}.count-label{font-size:12px;color:var(--cyan)}.info-strip{background:#16272d;border:1px solid #2b4650;border-radius:6px;padding:14px 17px;display:flex;align-items:center;gap:13px;color:#87b4c0;font-size:12px;margin-bottom:18px}.info-strip p{font-size:11px;color:#7999a5;margin-top:3px!important}.legacy-note{display:flex;align-items:center;gap:8px;color:#97afb8;font-size:11px;padding:10px 14px;background:#122b31;border:1px solid #2a444d;border-radius:6px 6px 0 0}.legacy-note a{margin-right:auto;color:var(--cyan)}.legacy-host iframe{width:100%;height:calc(100vh - 275px);min-height:650px;border:1px solid #263e47;border-top:0;background:#0b1115;border-radius:0 0 6px 6px}.noc-login,.loading-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#152a32 0,#0b1115 65%)}.noc-login form{width:min(400px,90vw);background:#111d24;border:1px solid #2b424d;border-radius:12px;padding:36px;box-shadow:0 30px 100px #0005}.noc-login .brand-mark{margin-bottom:25px}.noc-login h1{font-size:28px}.noc-login p{color:#91a4af;margin:8px 0 24px!important}.noc-login label{display:block;color:#9aaeb9;font-size:12px;margin-top:20px}.noc-login input{width:100%;margin-top:6px;direction:ltr;text-align:right}.noc-login small{display:block;text-align:center;font-size:12px;color:#778b95;margin-top:20px}.primary{background:#2fc7d2;color:#07262e;border:0;border-radius:5px;font-weight:600;padding:11px 18px;margin-top:24px;width:100%}.error{color:#f1878e!important}.eyebrow{font-size:10px;letter-spacing:2px}.menu-toggle,.menu-overlay{display:none}@media(min-width:1650px){.noc-sidebar{width:235px!important}.noc-main{margin-right:235px}.noc-content{padding:24px 30px}.noc-topbar{gap:25px}}@media(max-width:1190px){.topbar-title h1{font-size:15px}.toolbar-filters select{max-width:145px}.global-search{max-width:240px}.noc-topbar{gap:10px;padding:0 17px}.noc-content{padding:18px}.noc-sidebar{width:195px!important}.noc-main{margin-right:195px}.brand{padding:18px 14px}.nav-item{font-size:12px}}@media(max-width:900px){.noc-sidebar{transform:translateX(100%);transition:transform .2s}.noc-sidebar.open{transform:translateX(0);width:235px!important}.noc-main{margin-right:0}.menu-toggle{display:block;background:none;border:0;color:#c9dbe2;font-size:20px}.menu-overlay{display:block;position:fixed;inset:0;z-index:20;background:#0008;border:0}.noc-topbar{height:auto;min-height:80px;flex-wrap:wrap;padding:14px}.topbar-title{flex:1}.global-search{order:5;max-width:none;flex-basis:100%}.toolbar-filters{margin-right:auto}.lab-context{height:auto;min-height:36px;gap:9px;flex-wrap:wrap;padding:7px 14px}.lab-context span:nth-child(2){font-size:9px}.noc-content{padding:16px}.page-heading h2{font-size:20px}.page-meta>span:last-child{display:none}}@media(max-width:540px){.topbar-title h1{font-size:14px}.toolbar-filters{width:100%;order:4}.toolbar-filters select{flex:1;max-width:50%!important}.noc-topbar>.icon-button{margin-right:auto}.legacy-host iframe{min-height:650px}.page-heading{margin-bottom:14px}}

.business-note{padding:12px 16px;border:1px solid #2b383d;border-radius:10px;color:#9fb6bc;background:#182024;margin-bottom:12px;font-size:12px}.business-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 16px}.business-tabs button{padding:10px 14px;border:1px solid #2b383d;border-radius:8px;background:#182024;color:#b8c8cb;cursor:pointer}.business-tabs button.active{background:#173b35;color:#36d6bc;border-color:#36d6bc}

/* Network navigation and address workspace */
.network-parent.current-section{color:var(--cyan,#41dfd0);background:rgba(65,223,208,.06)}
.nav-chevron{margin-inline-start:auto;font-size:20px}
.network-subnav{margin:3px 15px 9px 0;padding-inline-start:8px;border-inline-start:1px solid rgba(145,163,181,.22)}
.network-subnav[hidden]{display:none}
.network-subnav .nav-item{font-size:12px;padding:9px 8px;gap:8px}
.network-address-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid rgba(145,163,181,.22);padding-bottom:10px}
.network-address-tabs button{padding:10px 20px;border:1px solid rgba(145,163,181,.22);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.network-address-tabs button[aria-selected="true"]{color:var(--cyan,#41dfd0);background:rgba(65,223,208,.09);border-color:rgba(65,223,208,.4)}
/* Shared controls for consolidated workspaces */
.workspace-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}
.workspace-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b5c8ca}
.workspace-filters select,.workspace-filters button,.noc-inventory button,.site-workspace button{min-height:36px;padding:7px 12px;background:#182024;color:#dce7e8;border:1px solid #344448;border-radius:8px;font:inherit;cursor:pointer}
.workspace-filters select{max-width:100%}.workspace-filters label{max-width:100%}
.workspace-filters button:disabled,.noc-inventory button:disabled{opacity:.45;cursor:default}
.noc-inventory small.muted{display:block;color:#8dabad}.site-workspace{margin-top:18px}
@media(max-width:700px){.workspace-filters{gap:8px}.workspace-filters label{flex:1 1 140px}.workspace-filters select{width:100%}}

.table-row-action{width:1%;white-space:nowrap}.table-row-action-button{min-height:36px;padding:7px 12px;border:1px solid #344448;border-radius:8px;background:#182024;color:#dce7e8;font:inherit}


.live-source-frame{display:block;width:100%;height:max(760px,calc(100vh - 220px));border:0;border-radius:12px;background:#0a1218}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.coverage-card{padding:20px;border:1px solid #29414b;border-radius:12px;background:#111f27}.coverage-card h3{margin-top:0}.coverage-card p{line-height:1.7}.coverage-card button{cursor:pointer;padding:9px 14px;color:#31d2c3;background:#18323c;border:1px solid #29414b;border-radius:8px}.coverage-note{line-height:1.8;color:#a9c3d0;margin:0 0 20px}.coverage-card small{display:block;line-height:1.7;color:#93aebd;margin:8px 0}@media(max-width:600px){.live-source-frame{height:1000px}}
.coverage-directory{display:grid;gap:24px;min-width:0}
.coverage-intro,.coverage-live{padding:20px;border:1px solid var(--border,#263342);border-radius:14px;background:var(--panel,#121e2a)}
.coverage-intro h3,.coverage-live h3,.coverage-section h3{margin:0 0 10px;font-size:18px}
.coverage-intro p,.coverage-live p{margin:7px 0;line-height:1.65}
.coverage-live{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#286b70}
.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.coverage-card{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--border,#263342);border-radius:12px;background:var(--panel,#121e2a)}
.coverage-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.coverage-card h4{font-size:16px;margin:0;overflow-wrap:anywhere}
.coverage-tag{display:inline-block;border:1px solid #365363;border-radius:6px;padding:3px 7px;font-size:11px;color:#c5d7df;white-space:nowrap}
.coverage-card p{line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}
.coverage-source{color:var(--muted,#9db0bd);font-size:12px}
.coverage-gap{font-size:13px;color:#c7d0d8}
.coverage-gap strong{color:#e7d1a1}
.coverage-open{align-self:flex-start;margin-top:16px;border:1px solid #34737a;border-radius:8px;padding:8px 12px;background:#173d44;color:#d7fcff;font:inherit;cursor:pointer}
.coverage-card .coverage-open{margin-top:auto}
.coverage-card .coverage-gap{margin-bottom:18px}
.coverage-open:hover{background:#21515a}
.coverage-open:focus-visible{outline:3px solid #56d7e3;outline-offset:3px}
@media(max-width:720px){.coverage-live{align-items:stretch;flex-direction:column}.coverage-intro,.coverage-live,.coverage-card{padding:15px}.coverage-open{min-height:44px}.coverage-grid{grid-template-columns:minmax(0,1fr)}}
