
/* AtuelNet NOC v2.7.1 — Operations Center */
.noc-agent-top{display:flex;align-items:center;gap:.45rem;padding:.42rem .65rem;border:1px solid var(--noc-border,#2c3540);border-radius:8px;color:#aeb8c4;text-decoration:none;font-size:.75rem;white-space:nowrap}.noc-agent-top i{font-size:1rem}.noc-agent-top.agent-online{color:#73d69a;border-color:rgba(58,190,112,.35)}.noc-agent-top.agent-warning{color:#e8bd65}.noc-agent-top.agent-stale{color:#f07d7d}.noc-agent-top.agent-pending,.noc-agent-top.agent-waiting{color:#8f9aa7}
.noc-login-metrics-v271{grid-template-columns:repeat(4,minmax(0,1fr))!important}.noc-login-metrics-v271 div{min-width:0}.noc-login-metrics-v271 strong{font-size:1.25rem!important}
.dash-metrics-v271{grid-template-columns:repeat(6,minmax(0,1fr))}.dash-metric.data-freshness.fresh{border-color:rgba(58,190,112,.28)}.dash-metric.data-freshness.stale{border-color:rgba(235,91,91,.35)}.dash-metric.data-freshness.pending{border-color:rgba(149,160,174,.2)}
.dash-agent-panel{position:relative;overflow:hidden}.dash-agent-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#647180}.dash-agent-panel.agent-online:before{background:#3abe70}.dash-agent-panel.agent-warning:before{background:#e8b84f}.dash-agent-panel.agent-stale:before{background:#eb5b5b}.dash-agent-main{display:flex;align-items:center;gap:.8rem;padding:.3rem 0 1rem}.dash-agent-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#222b35;font-size:1.25rem}.dash-agent-main div{display:flex;flex-direction:column}.dash-agent-main small{color:#8e9aa7}.dash-agent-data{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0}.dash-agent-data div{background:#151b22;border:1px solid #26303a;border-radius:8px;padding:.55rem .65rem}.dash-agent-data dt{font-size:.67rem;text-transform:uppercase;color:#788592}.dash-agent-data dd{margin:0;font-weight:600;font-size:.82rem}.dash-agent-error{margin-top:.7rem;padding:.6rem;border-radius:7px;background:rgba(235,91,91,.09);color:#ee9a9a;font-size:.75rem}.dash-agent-error i{margin-right:.4rem}
.mon-agent-protocol{margin-top:1rem}.mon-protocol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1rem}.mon-protocol-grid div{display:grid;grid-template-columns:34px 1fr;column-gap:.7rem;align-items:center;padding:.8rem;border:1px solid #2a3440;border-radius:9px;background:#171e26}.mon-protocol-grid i{grid-row:1/3;font-size:1.3rem;color:#6fb3ff}.mon-protocol-grid strong{font-size:.85rem}.mon-protocol-grid small{color:#8996a3;font-size:.72rem}
@media(max-width:1200px){.dash-metrics-v271{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.noc-agent-top span{display:none}.noc-login-metrics-v271{grid-template-columns:repeat(2,1fr)!important}.dash-metrics-v271{grid-template-columns:repeat(2,1fr)}.mon-protocol-grid{grid-template-columns:1fr}.dash-agent-data{grid-template-columns:1fr}}

.noc-agent-top.agent-offline{border-color:rgba(255,82,99,.45);color:#ff7584;background:rgba(255,82,99,.08)}
.noc-agent-top.agent-warning{border-color:rgba(255,190,70,.45);color:#ffd078;background:rgba(255,190,70,.08)}
.noc-agent-top.agent-online{border-color:rgba(55,205,135,.45);color:#7de2aa;background:rgba(55,205,135,.08)}
