/* Lógica Radius / NOC dashboard. Intentionally neutral, compact and data-forward. */
.noc-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 17px}
.noc-path{font-size:10px;letter-spacing:.035em;color:#66839b;font-weight:600;margin-bottom:5px}
.noc-header h1{margin:0 0 3px;font-size:20px;line-height:1.3;font-weight:700;color:#16334f;letter-spacing:-.025em}
.noc-subtitle{font-size:11px;color:#71859a}
.noc-refresh{background:#fff;color:#29577c;font:inherit;font-size:12px;font-weight:600;border:1px solid #cfdce7;
 border-radius:5px;padding:8px 16px;cursor:pointer;box-shadow:none}
.noc-refresh:hover{background:#f4f8fc}
.noc-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;
 border:1px solid #dce4ec;border-radius:7px;overflow:hidden;margin:0 0 16px}
.noc-kpi{min-width:0;padding:13px 15px 12px;border-right:1px solid #e5ebf1}
.noc-kpi:last-child{border-right:0}
.noc-kpi span{display:block;color:#697c8f;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.noc-kpi strong{display:block;color:#1b3c5e;font-size:24px;line-height:1.35;font-weight:700;letter-spacing:-.025em;
 margin:3px 0 2px;font-variant-numeric:tabular-nums}
.noc-kpi small{display:block;color:#8492a2;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.noc-kpi.alert strong{color:#a66b1c}
.noc-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(390px,1fr);gap:12px;margin-bottom:12px}
.noc-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.noc-panel{background:#fff;border:1px solid #dce4ec;border-radius:7px;min-width:0;overflow:hidden}
.noc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;
 border-bottom:1px solid #e7ecf2;background:#f8fafc}
.noc-panel-head h2{margin:0;font-size:12px;line-height:1.3;font-weight:700;color:#1c3f60}
.noc-panel-head>span{font-size:10px;color:#7a8ca0;white-space:nowrap}
.noc-chart-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 17px 3px}
.noc-chart-head>div:first-child{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.noc-chart-head strong{font-size:12px;color:#24435e}
.noc-chart-head span{font-size:10px;color:#7a8ea1}
.noc-event-delta{font-size:10px;color:#62798f}
.noc-event-delta b{font-size:14px;color:#234967;font-variant-numeric:tabular-nums;margin-left:5px}
.noc-chart-wrap{padding:0 10px 0 2px}
.noc-chart-wrap svg{display:block;width:100%;height:222px}
.noc-gridline{stroke:#e9eef4;stroke-width:1}
.noc-tick{fill:#8796a5;font-size:10px}
.noc-line-start,.noc-line-stop{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.noc-line-start{stroke:#237ca3}.noc-line-stop{stroke:#bb8553}
.noc-point-start{fill:#237ca3}.noc-point-stop{fill:#bb8553}
.noc-legend{padding:0 17px 14px;display:flex;gap:18px;align-items:center;color:#607991;font-size:11px}
.noc-legend span{display:inline-flex;align-items:center;gap:6px}
.noc-legend i{width:14px;height:2px;display:inline-block}
.noc-legend-start{background:#237ca3}.noc-legend-stop{background:#bb8553}
.noc-legend small{margin-left:auto;font-size:10px;color:#8897a7}
.noc-nas-header,.noc-nas-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 78px 63px;align-items:center;gap:8px;padding:11px 14px}
.noc-nas-header{font-size:9px;color:#7b8a9a;font-weight:700;background:#fff;border-bottom:1px solid #e7ecf1}
.noc-nas-row{font-size:12px;color:#587188;border-bottom:1px solid #ecf0f4;min-height:60px}
.noc-nas-row strong{display:block;font-size:12px;color:#245478}
.noc-nas-row small{font-size:10px;color:#8696a6;display:block;margin-top:3px}
.noc-nas-row b{color:#1a3857;font-weight:700;font-variant-numeric:tabular-nums}
.noc-nas-row>span,.noc-nas-row>b{font-variant-numeric:tabular-nums;text-align:right}
.noc-nas-header span:not(:first-child){text-align:right}
.noc-warn{color:#ad6a26!important}
.noc-table-foot{display:flex;justify-content:space-between;background:#f8fafc;padding:11px 14px;font-size:11px;color:#546e85}
.noc-table-foot b{font-variant-numeric:tabular-nums;color:#1a3857}
.noc-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #edf0f4}
.noc-status-row:last-child{border-bottom:0}
.noc-status-row strong{display:block;font-size:11px;color:#245478}
.noc-status-row small{display:block;margin-top:4px;color:#91a0ae;font-size:9px}
.noc-status{white-space:nowrap;font-size:10px;color:#768697}
.noc-status.good{color:#278268}.noc-status.bad{color:#b36350}.noc-status.old{color:#8e8c85}
.noc-reconcile{padding:15px}
.noc-reconcile strong{font-size:12px;color:#214668}
.noc-reconcile p{font-size:11px;color:#6d8093;line-height:1.6;margin:8px 0 17px}
.noc-reconcile button{background:#fff;border:1px solid #c4d5e2;color:#28577d;border-radius:5px;
 padding:8px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.noc-reconcile button:hover{background:#f3f8fc}
.noc-event-row{display:grid;grid-template-columns:42px minmax(0,1fr) 58px 61px;gap:6px;align-items:center;
 padding:12px 11px;border-bottom:1px solid #edf0f4;color:#5d7489;font-size:10px}
.noc-event-row:last-child{border-bottom:0}
.noc-event-row time{font-variant-numeric:tabular-nums;color:#315d82}
.noc-event-row strong{font-size:11px;color:#285679;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.noc-event-row em{font-style:normal;font-size:9px;font-weight:400;color:#90a0af}
.noc-footer{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;font-size:10px;
 color:#8795a4;line-height:1.5;margin-bottom:12px}
.noc-footer span:first-child{white-space:nowrap}
.noc-control-plane{border-top:1px solid #dce4ea;padding:9px 0;color:#7d8ea1;font-size:10px;margin-bottom:20px}
.noc-control-plane summary{cursor:pointer;color:#5e7890}
.noc-control-plane p{font-size:10px;margin:8px 0;color:#778b9d}
.noc-control-plane>span{display:inline-block;margin-right:18px;margin-bottom:6px}
.noc-outage{padding:22px;background:#fff;border:1px solid #dce4ec;border-left:3px solid #ae8556;margin-bottom:15px;color:#6e5841}
.noc-outage b{font-size:13px}.noc-outage p{font-size:12px}
.noc-empty{padding:16px;font-size:11px;color:#8295a7}
@media(max-width:1250px){.noc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .noc-kpi:nth-child(3){border-right:0}.noc-kpi:nth-child(-n+3){border-bottom:1px solid #e5ebf1}
 .noc-main{grid-template-columns:1fr 1fr}.noc-bottom{grid-template-columns:1fr 1fr}
 .noc-bottom>.noc-panel:last-child{grid-column:1/-1}}
@media(max-width:950px){.noc-main{grid-template-columns:1fr}.noc-bottom{grid-template-columns:1fr}
 .noc-bottom>.noc-panel:last-child{grid-column:auto}.noc-footer{flex-direction:column}}
@media(max-width:600px){.noc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .noc-kpi{border-bottom:1px solid #e5ebf1}.noc-kpi:nth-child(odd){border-right:1px solid #e5ebf1}
 .noc-kpi:nth-child(even){border-right:0}.noc-kpi:nth-last-child(-n+2){border-bottom:0}
 .noc-nas-header,.noc-nas-row{grid-template-columns:minmax(0,1fr) 60px 65px 56px;gap:4px;padding:9px}
 .noc-panel-head{padding:10px}.noc-chart-wrap svg{height:190px}
 .noc-event-row{grid-template-columns:40px minmax(0,1fr) 50px 56px}}

.noc-event-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 10px 8px}
.noc-event-actions button{background:#fff;border:1px solid #d4e0e9;border-radius:4px;color:#245a80;cursor:pointer;
font:inherit;font-size:10px;font-weight:600;min-height:30px;text-align:left;padding:6px 8px}
.noc-event-actions button:hover{background:#eef5fb;border-color:#9bbbd3}
.noc-events-backdrop{position:fixed;inset:0;z-index:20000;display:flex;justify-content:center;align-items:center;
background:#0c1b2f99;padding:22px}
.noc-events-dialog{width:min(1120px,100%);max-height:min(92vh,860px);display:flex;flex-direction:column;
background:#fff;border:1px solid #cbd7e2;border-radius:7px;box-shadow:0 16px 48px #101e3040;min-height:0}
.noc-events-dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:center;
padding:15px 19px;border-bottom:1px solid #e3eaf0}
.noc-events-dialog-head strong{font-size:15px;color:#173e60;display:block}
.noc-events-dialog-head span{font-size:11px;color:#8090a1;display:block;margin-top:4px}
.noc-events-dialog-head button{border:0;background:none;color:#59738a;font-size:23px;cursor:pointer}
.noc-events-tabs{display:flex;flex-wrap:wrap;gap:14px;border-bottom:1px solid #e5ebf1;padding:0 18px}
.noc-events-tabs button{font:inherit;color:#6a8194;font-size:12px;font-weight:600;border:0;border-bottom:2px solid transparent;
padding:13px 0;background:transparent;cursor:pointer}
.noc-events-tabs button.active{border-bottom-color:#2d79a9;color:#1c5279}
.noc-events-filters{display:flex;gap:9px;align-items:end;padding:14px 18px;flex-wrap:wrap;background:#f8fafc}
.noc-events-filters label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#668196;font-weight:600;flex:1;min-width:125px}
.noc-events-filters input,.noc-events-filters select{width:100%;font:inherit;font-size:12px;color:#304e67;border:1px solid #d0dce6;
border-radius:4px;padding:8px;background:#fff;outline:none;min-height:34px}
.noc-events-filter-btn{padding:8px 16px;min-height:34px;border:1px solid #b5cddb;background:#eef5f9;
color:#245a80;border-radius:4px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.noc-events-hint{padding:10px 18px;color:#698092;font-size:11px;border-bottom:1px solid #edf1f5;line-height:1.6}
.noc-events-results{overflow:auto;flex:1;min-height:90px}
.noc-events-table{width:100%;border-collapse:collapse;min-width:720px}
.noc-events-table th{position:sticky;top:0;background:#f5f8fb;text-transform:uppercase;color:#698199;
font-size:10px;font-weight:600;text-align:left;z-index:1;padding:10px 12px}
.noc-events-table td{border-bottom:1px solid #e9eef3;padding:10px 12px;font-size:11px;color:#405e76;
line-height:1.5;vertical-align:top}
.noc-events-table td strong{color:#214c72}
.noc-events-table td small{display:block;color:#8b9ba9;font-size:10px;margin-top:3px}
.noc-events-table tbody tr:hover{background:#f7fafc}
.noc-events-empty{text-align:center;color:#8196a9;padding:24px!important}
.noc-events-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;
border-top:1px solid #e4eaf0;color:#758b9e;font-size:11px}
.noc-events-footer>div{display:flex;gap:8px}
.noc-events-footer button{background:#fff;border:1px solid #cedae4;color:#305c80;border-radius:4px;
font:inherit;font-weight:600;font-size:11px;padding:7px 12px;cursor:pointer}
.noc-events-footer button:disabled{opacity:.4;cursor:default}
@media(max-width:680px){.noc-events-backdrop{padding:5px}.noc-events-dialog{max-height:98vh}
.noc-events-tabs{gap:8px}.noc-events-tabs button{font-size:10px}
.noc-events-filters{gap:8px}.noc-events-filters label{min-width:100px}
.noc-events-footer{flex-wrap:wrap}}

/* NAS drill-down: compact inline links, no extra action column. */
.noc-nas-identity{min-width:0}
.noc-nas-ip-link,.noc-nas-detail-link,.noc-nas-metric-link{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;
  cursor:pointer;font:inherit;padding:0;margin:0;color:#235b86;
}
.noc-nas-ip-link{font-size:12px;font-weight:700;line-height:1.35;white-space:nowrap}
.noc-nas-ip-link span{font-size:11px;font-weight:500;color:#8098aa}
.noc-nas-identity small{display:block;margin-top:5px;color:#879bab;font-size:10px;white-space:nowrap}
.noc-nas-detail-link{font-size:10px;color:#436e8e}
.noc-nas-metric-link{display:block;justify-self:end;font-size:12px;font-weight:700;
  line-height:1.5;font-variant-numeric:tabular-nums;text-align:right}
.noc-nas-metric-link.is-warning{color:#ae6d27}
.noc-nas-ip-link:hover,.noc-nas-detail-link:hover,.noc-nas-metric-link:hover{text-decoration:underline}
.noc-nas-ip-link:focus-visible,.noc-nas-detail-link:focus-visible,.noc-nas-metric-link:focus-visible{
  outline:2px solid #3e88b8;outline-offset:3px;border-radius:2px
}

/* NAS AAA stages: one clickable column per event source. */
.noc-main{grid-template-columns:minmax(0,1fr)}
.noc-nas-flow-scroll{overflow-x:auto;width:100%}
.noc-nas-header.noc-nas-flow-grid,.noc-nas-row.noc-nas-flow-grid{
  min-width:1060px;display:grid;grid-template-columns:minmax(255px,2.4fr) repeat(6,minmax(108px,1fr));
  gap:12px;align-items:center;padding:12px 17px
}
.noc-nas-header.noc-nas-flow-grid span:not(:first-child){text-align:center}
.noc-nas-row.noc-nas-flow-grid{min-height:82px}
.noc-nas-flow-cell{display:flex;align-items:center;justify-content:center}
.noc-nas-flow-cell .noc-nas-metric-link{justify-self:auto;font-size:14px;
  min-width:44px;padding:4px 7px;border-radius:4px;color:#235b86;
  font-weight:700;text-align:center}
.noc-nas-flow-cell .noc-nas-metric-link:hover{background:#edf4fa;text-decoration:none}
.noc-nas-flow-cell .noc-nas-metric-link.is-warning{color:#aa5f20}
.noc-nas-unavailable{color:#93a1ae}
.noc-nas-mini-links{display:flex;flex-wrap:wrap;gap:7px 11px;margin-top:6px}
.noc-nas-mini-links .noc-nas-detail-link{font-weight:500;font-size:10px;
  color:#627f97;text-decoration:underline;text-decoration-color:#cedbe4;text-underline-offset:3px}
.noc-nas-mini-links .noc-nas-detail-link:hover{color:#235b86;text-decoration-color:currentColor}
.noc-nas-footnote{padding:11px 17px;color:#7a8d9f;font-size:10px;
  border-top:1px solid #edf1f4;line-height:1.6;background:#fafbfd}
.noc-events-context{padding:11px 18px;color:#678197;font-size:11px;line-height:1.5;
  background:#f8fafc;border-bottom:1px solid #e7edf2}
.noc-events-loading{padding:30px 18px;color:#617c94;font-size:12px}
.noc-events-dialog{min-height:360px}
@media(max-width:950px){
  .noc-main{grid-template-columns:minmax(0,1fr)}
  .noc-nas-header.noc-nas-flow-grid,.noc-nas-row.noc-nas-flow-grid{min-width:1020px}
}

/* Restore executive dashboard arrangement: graph LEFT, compact NAS grid RIGHT.
   The six event buttons live inside each NAS row instead of a full-width table. */
.noc-main{grid-template-columns:minmax(0,1.42fr) minmax(415px,1fr)}
.noc-nas-panel{min-width:0}
.noc-nas-header.noc-nas-summary-grid,
.noc-nas-row.noc-nas-summary-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 84px 74px 60px;
  align-items:center;gap:8px;min-width:0;padding:9px 12px
}
.noc-nas-header.noc-nas-summary-grid{font-size:9px}
.noc-nas-header.noc-nas-summary-grid span:not(:first-child){text-align:right}
.noc-nas-row.noc-nas-summary-grid{min-height:0;border:0}
.noc-nas-summary-grid>.noc-nas-metric-link{justify-self:end;font-size:12px}
.noc-nas-record{border-bottom:1px solid #e5ebf1}
.noc-nas-record:last-of-type{border-bottom:0}
.noc-nas-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;padding:0 12px 11px}
.noc-nas-stage-cell{min-width:0}
.noc-nas-stage-btn{width:100%;min-height:28px;display:flex;justify-content:space-between;align-items:center;
  gap:5px;padding:5px 7px;border:1px solid #d7e2eb;background:#fafcfe;
  border-radius:4px;color:#356685;font:inherit;cursor:pointer}
.noc-nas-stage-btn span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.noc-nas-stage-btn strong{font-size:11px;color:#224f73;font-weight:700;font-variant-numeric:tabular-nums}
.noc-nas-stage-btn:hover{background:#eaf3f9;border-color:#a9c8dc}
.noc-nas-stage-btn:focus-visible{outline:2px solid #347fac;outline-offset:1px}
.noc-nas-stage-btn.has-reject strong{color:#aa6c27}
.noc-nas-stage-empty{display:block;padding:6px;font-size:10px;color:#8c9bac}
.noc-nas-footnote{padding:9px 12px;color:#8192a2;line-height:1.5;font-size:9px}
.noc-graph-panel .noc-chart-wrap svg{height:262px}
@media(max-width:1280px){
 .noc-main{grid-template-columns:minmax(0,1.25fr) minmax(390px,1fr)}
 .noc-nas-header.noc-nas-summary-grid,.noc-nas-row.noc-nas-summary-grid{
  grid-template-columns:minmax(0,1fr) 76px 67px 56px;gap:5px}
}
@media(max-width:950px){
 .noc-main{grid-template-columns:minmax(0,1fr)}
 .noc-nas-header.noc-nas-summary-grid,.noc-nas-row.noc-nas-summary-grid{
  grid-template-columns:minmax(0,1fr) 88px 80px 66px}
}
@media(max-width:480px){
 .noc-nas-header.noc-nas-summary-grid,.noc-nas-row.noc-nas-summary-grid{
  grid-template-columns:minmax(0,1fr) 70px 60px 50px;padding:9px 8px;gap:3px}
 .noc-nas-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px 10px}
}

/* Compact NAS event columns: one row per concentrator, retain left-side chart. */
.noc-nas-compact-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden}
.noc-nas-compact-inner{min-width:550px}
.noc-nas-column-head,.noc-nas-compact-row{
 display:grid;grid-template-columns:122px repeat(7,minmax(54px,1fr));
 align-items:center;column-gap:4px;padding:0 10px
}
.noc-nas-column-head{min-height:35px;background:#f9fbfd;
 border-bottom:1px solid #e2eaf0;color:#73869a;font-size:9px;font-weight:600}
.noc-nas-column-head>span:not(:first-child){text-align:right;white-space:nowrap;font-size:9px}
.noc-nas-compact-row{min-height:73px;border-bottom:1px solid #e9edf2}
.noc-nas-compact-row:last-of-type{border-bottom:0}
.noc-nas-compact-identity{min-width:0;padding:7px 0}
.noc-nas-compact-identity .noc-nas-ip-link{font-size:11px}
.noc-nas-compact-identity small{display:block;font-size:9px;color:#8b9ba9;margin:2px 0 4px}
.noc-nas-secondary-links{display:flex;gap:3px 8px;flex-wrap:wrap}
.noc-nas-secondary-link{font:inherit;font-size:9px;line-height:1.2;
 color:#687f94;background:none;border:0;padding:0;text-decoration:underline;
 text-decoration-color:#d0dce5;text-underline-offset:2px;cursor:pointer}
.noc-nas-secondary-link:hover{color:#215b86;text-decoration-color:currentColor}
.noc-nas-column-cell{text-align:right;min-width:0}
.noc-nas-column-link{appearance:none;background:none;border:0;
 font:inherit;color:#265477;font-size:11px;font-weight:700;
 font-variant-numeric:tabular-nums;cursor:pointer;padding:6px 1px;
 max-width:100%;text-align:right}
.noc-nas-column-link:hover{color:#116da6;text-decoration:underline}
.noc-nas-column-link:focus-visible,.noc-nas-secondary-link:focus-visible{
 outline:2px solid #337eaa;outline-offset:2px;border-radius:2px}
.noc-nas-column-link.is-warning{color:#aa6225}
.noc-nas-unavailable{color:#9aa8b2}
.noc-nas-compact-note{padding:9px 10px;background:#fafbfd;
 border-top:1px solid #e8edf2;font-size:9px;line-height:1.4;color:#8694a3}
@media(max-width:1150px){
 .noc-nas-compact-inner{min-width:550px}
 .noc-nas-column-head,.noc-nas-compact-row{padding:0 8px}
}

/* NAS hardware health: one row per Cisco, compact columns and explicit provenance. */
.noc-health-grid{display:grid;grid-template-columns:minmax(120px,1.45fr) minmax(48px,.72fr)
 minmax(66px,.82fr) minmax(77px,1fr) minmax(63px,.73fr);gap:8px;
 align-items:center;padding:11px 13px}
.noc-health-head{background:#f8fafc;border-bottom:1px solid #e5ecf2;
 color:#6f8397;font-size:9px;font-weight:700}
.noc-health-head>span:not(:first-child){text-align:right}
.noc-health-row{border-bottom:1px solid #e8eef3;min-height:53px;
 color:#244d70;font-size:11px;font-variant-numeric:tabular-nums}
.noc-health-row>span{text-align:right;white-space:nowrap;font-weight:650}
.noc-health-device{min-width:0}
.noc-health-device strong{display:block;font-size:11px;color:#23557d;white-space:nowrap}
.noc-health-device small{display:block;color:#8798a7;font-size:9px;font-weight:400;margin-top:3px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.noc-health-note{padding:11px 13px;line-height:1.5;font-size:10px;
 color:#78899a;background:#fafbfd}
@media(max-width:1180px){
 .noc-health-grid{gap:5px;padding:10px 9px;
 grid-template-columns:minmax(110px,1.3fr) 49px 61px 72px 53px}
}
@media(max-width:560px){
 .noc-bottom .noc-panel:first-child{overflow-x:auto}
 .noc-health-grid{min-width:425px}
}

/* Operations: compact read-only comparison and evidence-based alert links. */
.noc-compare-header,.noc-compare-row{display:grid;
 grid-template-columns:minmax(94px,1.4fr) minmax(49px,.72fr) minmax(55px,.83fr) minmax(35px,.55fr) 53px;
 gap:5px;align-items:center;padding:9px 12px}
.noc-compare-header{background:#f8fafc;color:#75889b;font-size:9px;font-weight:700;
 border-bottom:1px solid #e6ebf1}
.noc-compare-header span:nth-child(2),.noc-compare-header span:nth-child(3),
.noc-compare-header span:nth-child(4){text-align:right}
.noc-compare-row{border-bottom:1px solid #e9eff4;min-height:44px;
 font-size:11px;color:#214c70;font-variant-numeric:tabular-nums}
.noc-compare-row>span:nth-child(2),.noc-compare-row>span:nth-child(3){text-align:right;font-weight:650}
.noc-compare-ip{font-weight:650;white-space:nowrap;font-size:10px}
.noc-compare-delta{appearance:none;border:0;background:none;text-align:right;color:#24618a;
 font:inherit;font-size:11px;font-weight:700;padding:4px 0;cursor:pointer}
.noc-compare-delta:disabled{color:#93a1ae;cursor:default}
.noc-compare-delta.noc-compare-mismatch{color:#af6c29}
.noc-compare-delta:not(:disabled):hover{text-decoration:underline}
.noc-compare-check{background:#fff;border:1px solid #cad9e5;border-radius:4px;
 padding:6px 5px;color:#2f6082;cursor:pointer;font:inherit;font-size:10px;font-weight:600;white-space:nowrap}
.noc-compare-check:hover{background:#f1f7fb}
.noc-compare-check:disabled{opacity:.65;cursor:wait}
.noc-compare-note,.noc-alert-note{padding:10px 12px;font-size:10px;line-height:1.5;color:#8091a1;background:#fafbfd}
.noc-alert-list{min-width:0}
.noc-alert-row{width:100%;border:0;border-bottom:1px solid #eaf0f4;padding:11px 12px;
 display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;
 background:transparent;cursor:pointer;font:inherit;color:#244f70}
.noc-alert-row:hover{background:#f5f9fc}
.noc-alert-row:focus-visible,.noc-compare-check:focus-visible,.noc-compare-delta:focus-visible{
 outline:2px solid #247ab1;outline-offset:-2px}
.noc-alert-static{cursor:default}
.noc-alert-caption{display:flex;flex-direction:column;gap:3px;min-width:0}
.noc-alert-caption strong{font-size:11px;font-weight:650}
.noc-alert-caption small{font-size:10px;color:#8093a4;line-height:1.4}
.noc-alert-row b{font-size:16px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.noc-alert-row b.noc-alert-warn{color:#ad6e29}
.noc-alert-snmp{padding:10px 12px;font-size:10px;color:#617f96;
 border-bottom:1px solid #edf1f4;background:#f9fbfc}
.noc-ops-empty{font-size:11px;color:#8596a6;padding:18px 12px}
@media(max-width:1180px){
 .noc-compare-header,.noc-compare-row{grid-template-columns:minmax(89px,1.3fr) 43px 50px 35px 49px;
 gap:3px;padding:9px 8px}
 .noc-compare-ip{font-size:10px}
}