/* NMS feature layouts: maps, OLT details, telemetry, OID workbench. */
.topology-panel{padding:0;overflow:hidden}.topology-panel .toolbar{padding:16px;margin:0;border-bottom:1px solid var(--line)}.topology-stage{position:relative;height:65vh;min-height:420px;background:radial-gradient(ellipse at center,#10232a,#0c131c 70%)}#topology-canvas{width:100%;height:100%;display:block;touch-action:none}.node-details{position:absolute;right:20px;top:20px;width:200px;padding:15px;background:#111924e8;border:1px solid var(--line);border-radius:8px;font-size:12px;pointer-events:none}.topology-empty{position:absolute;inset:40% 20% auto;text-align:center;color:var(--muted);pointer-events:none}.legend{display:flex;gap:22px;font-size:10px;padding:16px;border-top:1px solid var(--line);flex-wrap:wrap}.legend span:last-child{margin-left:auto;color:var(--muted)}
.map-panel{padding:0;overflow:hidden}.map-panel>.toolbar{padding:13px 16px;margin:0;border-bottom:1px solid var(--line)}.map-layout{display:grid;grid-template-columns:220px 1fr}.map-inspector{padding:17px;background:#fff;border-right:1px solid var(--line);max-height:68vh;overflow:auto}.map-inspector-title{font-size:9px;letter-spacing:1px;color:#7b8c9e;font-weight:700;margin-bottom:16px}.map-inspector label{flex-direction:row;align-items:center;font-weight:400;margin-bottom:11px;font-size:12px}.map-summary{border-top:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;padding:16px 0;margin:18px 0;font-size:12px}.map-summary p{font-size:11px;margin-bottom:0}.map-location{display:block;text-align:left;width:100%;background:transparent;color:#436080;border-bottom:1px solid #edf0f4;border-radius:0;font-size:11px;white-space:normal;justify-content:flex-start;padding:9px 0}.map-inspector h2{margin-bottom:8px}#map-list{max-height:220px;overflow:auto}#device-map{height:68vh;min-height:450px;background:#e7ebed;z-index:1}.drawing-tools{background:#edf4fc;font-size:11px}.is-drawing{cursor:crosshair}.leaflet-container{font-family:"Segoe UI",Arial,sans-serif}.leaflet-popup-content{font-size:12px;color:#25364b}.leaflet-popup-content p{font-size:11px;color:#6a798b}.leaflet-popup-content button{font-size:10px;padding:5px}.leaflet-control-attribution{font-size:9px!important}.fiber-flow{animation:fiber-travel 1.1s linear infinite}.fiber-fault{animation:fiber-alert 1.5s ease-in-out infinite}@keyframes fiber-travel{to{stroke-dashoffset:-32}}@keyframes fiber-alert{50%{stroke-opacity:.3}}@media(prefers-reduced-motion:reduce){.fiber-flow,.fiber-fault{animation:none}}
.olt-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.olt-tabs button{background:transparent;border-color:transparent;color:var(--muted)}.olt-tabs button.selected{background:#e7f0f8;border-color:#c4d7e8;color:#215784}.olt-tab-content{min-height:230px}.olt-tab-content .toolbar{margin-top:16px;font-size:11px}#viewer:has(.olt-tabs){width:min(1100px,96vw)}


.olt-info-section{margin-bottom:24px}.olt-info-section h2{margin-bottom:12px}.olt-information-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0}.olt-information-grid>div{display:grid;grid-template-columns:45% 55%;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:0}.olt-information-grid dt{background:#edf3f8;padding:12px;font-weight:600;font-size:12px}.olt-information-grid dd{margin:0;padding:12px;overflow-wrap:anywhere;font-size:12px}@media(max-width:700px){.olt-information-grid{grid-template-columns:1fr}}
.network-map-symbol{background:#fff;border:1.5px solid currentColor;border-radius:4px;box-shadow:0 1px 3px #0004;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.network-map-symbol span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.network-map-tooltip{max-width:320px;white-space:normal;font:12px/1.5 'Segoe UI',sans-serif}
.network-map-tooltip p{margin:4px 0}
#viewer:has(.olt-workspace){width:min(1260px,96vw);max-width:96vw;max-height:92vh;padding:0;overflow:auto}
#viewer:has(.olt-workspace)>.panel-heading{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #e1e7ed;margin:0;padding:16px 22px}
#viewer:has(.olt-workspace) #viewer-title{font-size:18px;letter-spacing:-.3px}
.olt-workspace{background:#f5f7fa;padding:0 22px 22px}
.olt-identity{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:11px;flex-wrap:wrap}.olt-address{font-family:Consolas,monospace;color:#344c65}
.olt-workspace .olt-tabs{gap:20px;flex-wrap:nowrap;overflow-x:auto;padding:0;margin:0 0 20px;border-bottom:1px solid #d5dfe9}
.olt-workspace .olt-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 2px;white-space:nowrap;background:transparent;flex-shrink:0}
.olt-workspace .olt-tabs button.selected{border-bottom-color:#2463a0;color:#174e80;background:transparent}
.olt-workspace .olt-tabs button:focus-visible{outline:2px solid #2463a0;outline-offset:-2px}
.olt-workspace .olt-info-section{background:#fff;border:1px solid #dde5ed;border-radius:7px;overflow:hidden;margin-bottom:16px}
.olt-workspace .olt-info-section h2{padding:15px 18px;margin:0;border-bottom:1px solid #e7ecf2;color:#294764}
.olt-workspace .olt-information-grid{border:0;gap:0 24px;padding:0 18px}
.olt-workspace .olt-information-grid>div{grid-template-columns:44% 56%;border:0;border-bottom:1px solid #eef1f5;padding:5px 0;align-items:center}
.olt-workspace .olt-information-grid dt{background:transparent;color:#718094;font-size:11px;font-weight:400;padding:10px 0}
.olt-workspace .olt-information-grid dd{padding:10px 0 10px 12px;font-weight:600;color:#263d54}.olt-workspace .olt-information-grid dd.muted{font-weight:400;color:#9aa6b4}
.onu-tab-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.onu-tab-heading h2{font-size:16px}.onu-tab-heading p{margin:5px 0 0}.onu-count{background:#e7edf5;color:#365b7e;border-radius:20px;padding:6px 12px;font-size:11px;white-space:nowrap}
.onu-tab-filters{display:flex;gap:8px;align-items:center;margin-bottom:14px}.onu-tab-filters input{flex:1;min-width:160px}.onu-tab-filters select{width:155px}
.onu-tab-table{background:white;border:1px solid #dce4ed;border-radius:6px;max-height:52vh;overflow:auto}.onu-tab-table th{position:sticky;top:0;z-index:1;padding:12px 14px}.onu-tab-table td{padding:13px 14px;font-size:11px;vertical-align:middle;color:#364c63;font-variant-numeric:tabular-nums}.onu-tab-table td:first-child{white-space:normal;min-width:180px;max-width:260px;overflow-wrap:anywhere}.onu-tab-table strong{font-size:12px;color:#233e5b}.onu-secondary{display:block;margin-top:5px;color:#8996a6;font-size:10px}.onu-monospace{font-family:Consolas,monospace}.onu-optical{display:flex;gap:10px;justify-content:space-between;white-space:nowrap;margin:3px 0}.onu-optical small{color:#8a98a8;font-size:9px;font-weight:600}.onu-tab-footer{display:flex;align-items:center;gap:10px;padding-top:14px;font-size:11px}.onu-tab-footer>.hint{margin-right:auto}
@media(max-width:700px){.olt-workspace{padding:0 12px 14px}.olt-workspace .olt-tabs{gap:16px}.onu-tab-filters{flex-wrap:wrap}.onu-tab-filters input{flex-basis:100%}.onu-tab-heading{align-items:flex-start}.onu-tab-footer{flex-wrap:wrap}.onu-tab-footer>.hint{width:100%}.olt-workspace .olt-information-grid{grid-template-columns:1fr}}
.history-graphs{display:grid;gap:18px}.history-chart{background:#fff;border:1px solid #dbe3ed;border-radius:6px;padding:16px;margin-top:12px}.history-chart h3{margin:0 0 6px;color:#233e5b}.history-svg{display:block;width:100%;height:auto;min-height:160px;outline-offset:3px}.history-readout{font-size:12px;font-variant-numeric:tabular-nums;min-height:34px;color:#364c63}.history-chart summary{cursor:pointer;font-size:12px;color:#2563eb}.history-data{max-height:260px;margin-top:10px}.history-chart .hint{margin:6px 0 12px}

.oid-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.oid-heading h2{font-size:21px;letter-spacing:-.4px;margin:5px 0}.oid-heading p{color:#6a7b90;font-size:12px;margin:0}.oid-readonly{font-size:11px;padding:6px 10px;border:1px solid #cad8e8;border-radius:5px;background:#edf4fb;color:#345d87;white-space:nowrap}.oid-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.oid-config{padding:0;overflow:hidden;margin:0}.oid-config fieldset{border:0;border-bottom:1px solid #e2e8f0;padding:22px;margin:0;min-width:0}.oid-config legend{float:left;width:100%;font-size:12px;font-weight:650;color:#2b435d;margin-bottom:19px}.oid-config legend span{font-size:10px;color:#8a9bb0;margin-right:9px}.oid-config label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;clear:both}.oid-config label:last-child{margin-bottom:0}.oid-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;clear:both}.oid-field-pair label{min-width:0}.oid-code{font-family:Consolas,monospace;font-size:12px}.oid-context{font-size:11px;line-height:1.65;color:#63768d;background:#f5f8fc;border-left:2px solid #b8cce2;margin:0;padding:10px 12px;clear:both}.oid-submit{padding:18px 22px;background:#fafbfd;display:grid;gap:10px}.oid-submit button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 13px}.oid-submit small{font-size:10px;color:#7b8a9d;text-align:center}.oid-output{padding:0;overflow:hidden;min-height:490px}.oid-results-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;border-bottom:1px solid #e2e8f0}.oid-results-heading h2{font-size:16px;margin:6px 0 0}.oid-state{font-size:10px;background:#f0f4f8;color:#62758c;border:1px solid #dde5ee;padding:5px 10px;border-radius:20px}.oid-result-summary{font-size:11px;line-height:1.65;color:#62748b;padding:14px 22px;margin:0}.oid-empty{text-align:center;padding:55px 20px 65px;color:#8598ad}.oid-empty h3{font-size:15px;color:#425c76;margin:17px 0 10px}.oid-empty p{font-size:12px;color:#7d8ba0;line-height:1.8}.oid-empty>div{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}.oid-empty span{font-size:10px;border:1px solid #e0e7ef;background:#fafbfd;padding:6px 8px;border-radius:4px}.oid-output-note{background:#f8fafc;border-top:1px solid #e2e8f0;color:#718298;font-size:11px;line-height:1.65;padding:15px 22px;margin:0}.oid-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e2e8f0}.oid-metrics>div{padding:17px 22px;border-right:1px solid #e2e8f0}.oid-metrics>div:last-child{border-right:0}.oid-metrics span{font-size:10px;color:#75869c;display:block}.oid-metrics strong{display:block;font-size:24px;color:#294968;font-weight:600;margin-top:5px}.oid-result-tools{padding:12px 22px;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e2e8f0}.oid-result-tools label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:11px;margin:0}.oid-result-tools>span{font-size:10px;color:#8693a4}.oid-output .table-wrap{max-height:520px}.oid-output th{position:sticky;top:0;z-index:1}.oid-output td{font-size:11px;white-space:normal;overflow-wrap:anywhere;min-width:95px;max-width:240px;vertical-align:top;line-height:1.6}.oid-output td:nth-child(-n+3){font-family:Consolas,monospace}.oid-review-row{background:#fffbf3}.oid-result-badge{display:inline-block;color:#216a46;background:#e8f4ed;padding:3px 6px;border-radius:4px;font-size:10px;font-family:Segoe UI,Arial,sans-serif}.oid-result-badge.review{color:#926114;background:#fff0ce}.oid-raw-query{margin-top:20px}.oid-raw-query summary{cursor:pointer;font-size:13px;font-weight:600;color:#36516f}.oid-raw-query summary span{font-size:11px;font-weight:400;color:#8391a3;margin-left:14px}.oid-raw-query form{margin-top:22px}.oid-raw-query label:first-child{min-width:180px}
@media(min-width:1600px){.oid-layout{grid-template-columns:370px minmax(0,1fr)}}
@media(max-width:1150px){.oid-layout{grid-template-columns:300px minmax(0,1fr);gap:14px}.oid-config fieldset{padding:18px}.oid-result-tools>span{display:none}.oid-metrics>div{padding:14px}}
@media(max-width:900px){.oid-layout{grid-template-columns:1fr}.oid-config fieldset{padding:20px}.oid-output{min-height:350px}.oid-empty{padding:32px 20px}}
@media(max-width:760px){.topbar{height:58px}.page-heading{padding-bottom:16px}.page-heading h1{font-size:24px}.records-panel{padding:0}.oid-heading{align-items:start}.oid-heading h2{font-size:19px}.oid-readonly{font-size:10px}.oid-result-tools{flex-wrap:wrap}.oid-raw-query summary span{display:block;margin:8px 0 0}.panel{border-radius:6px}dialog{padding:18px}.details-grid{grid-template-columns:1fr}}
.history-style-controls{display:flex;gap:10px;justify-content:flex-end;margin:12px 0}.history-style-controls select{width:auto;min-width:130px}.history-statistics{display:flex;gap:24px;flex-wrap:wrap;padding:14px 16px;background:#f6f8fb;border-radius:6px;margin:12px 0}.history-statistics>div{display:grid;gap:6px}.history-statistics strong{font-size:13px;color:#244566}.history-statistics span,.history-statistics small{font-size:11px;color:#65768a}
#viewer:has(.profile-details){width:1100px;max-width:calc(100vw - 32px);max-height:90vh;padding:0;overflow:auto}#viewer:has(.profile-details)>.panel-heading{position:sticky;top:0;z-index:4;background:white;margin:0;padding:16px 24px;border-bottom:1px solid var(--line)}#viewer:has(.profile-details) #close-viewer{font-size:20px;width:38px;height:38px;background:#f1f4f8;border-radius:50%}.profile-overview{padding:24px;background:#f7f9fc;border-bottom:1px solid var(--line)}.profile-identity{display:flex;justify-content:space-between;align-items:center;gap:15px}.profile-identity h3{font-size:22px;letter-spacing:-.4px;color:#233f5c;margin:7px 0}.profile-identity .eyebrow{font-size:10px;letter-spacing:1.2px;color:#74869b}.profile-description{line-height:1.7;color:#65768a;max-width:800px;white-space:pre-wrap}.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 0}.profile-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#738299}.profile-facts dd{margin:7px 0 0;font-size:13px;font-weight:600;color:#2a435e}.profile-mappings{padding:22px 24px}.profile-mappings h3{margin:0;font-size:16px}.profile-mappings .panel-heading{margin-bottom:16px}.profile-oid-search{display:flex;gap:8px;align-items:center;margin-bottom:16px}.profile-oid-search input{flex:1;min-width:120px}.profile-oid-search .button{white-space:nowrap}.profile-mappings .table-wrap{max-height:42vh;border:1px solid var(--line);border-radius:7px}.profile-mappings th{position:sticky;top:0;z-index:1}.profile-mappings td{vertical-align:top;padding:14px;white-space:normal}.profile-mappings td:first-child{min-width:260px;width:38%;color:#294664}.profile-mappings td strong{display:block;font-weight:600;font-size:12px}.profile-mappings code{display:block;margin-top:7px;font-size:11px;color:#6b7f94;overflow-wrap:anywhere}.profile-mappings td small{display:block;font-size:10px;margin-top:6px;color:#7d8b9c}.profile-operation{font-family:Consolas,monospace;font-size:11px;color:#356b9a}.profile-mappings>.toolbar{margin:16px 0 0;justify-content:space-between}.profile-mappings .empty{margin:0}@media(max-width:650px){.profile-overview,.profile-mappings{padding:16px}.profile-facts{grid-template-columns:1fr;gap:14px}.profile-oid-search{flex-wrap:wrap}.profile-oid-search input{flex-basis:60%}.profile-identity h3{font-size:18px}}