.noc-wall{background:#071d26;color:#e5f2f2;border-radius:20px;padding:20px;min-height:calc(100vh - 150px);font-family:inherit}.noc-wall *{box-sizing:border-box}.noc-header,.noc-head-actions,.noc-toolbar,.noc-section-title,.noc-device-top,.noc-device footer,.noc-events article{display:flex;align-items:center}.noc-header{justify-content:space-between;gap:18px;padding:6px 5px 20px}.noc-header p{margin:0;color:#63d4c5;letter-spacing:1px;font-size:11px}.noc-header h2{margin:5px 0;font-size:25px;color:#fff}.noc-header small{color:#9ab6bc}.noc-head-actions{gap:16px}.noc-live{color:#5fe0a9;font-weight:700;font-size:13px}.noc-live i{display:inline-block;width:8px;height:8px;background:#49d99a;border-radius:50%;box-shadow:0 0 10px #49d99a}.noc-head-actions>strong{font-size:22px;direction:ltr}.noc-fullscreen{background:#143b44;color:#e4f4f1;border:1px solid #2b5d64;border-radius:9px;padding:9px 12px;cursor:pointer}.noc-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.noc-kpi{background:#0e2a34;border:1px solid #1b414a;border-radius:12px;padding:14px}.noc-kpi small{display:block;color:#9bb4ba;font-size:12px}.noc-kpi strong{display:block;font-size:26px;margin-top:5px;color:#fff}.noc-kpi.good{border-bottom:3px solid #41cb8c}.noc-kpi.bad{border-bottom:3px solid #e35b65}.noc-kpi.warn{border-bottom:3px solid #e9ad43}.noc-toolbar{justify-content:space-between;padding:18px 3px 12px;color:#98b3b7;font-size:12px}.noc-toolbar button{border:1px solid #264852;background:#0e2a34;color:#a9c4c7;padding:7px 10px;cursor:pointer}.noc-toolbar button:first-child{border-radius:8px 0 0 8px}.noc-toolbar button:last-child{border-radius:0 8px 8px 0}.noc-toolbar button.active{background:#128879;color:#fff;border-color:#1eaa98}.noc-toolbar b{font-weight:500;margin-right:4px}.noc-main{display:grid;grid-template-columns:1.55fr .8fr;gap:13px}.noc-topology,.noc-alerts,.noc-devices,.noc-events,.noc-security{background:#0b2630;border:1px solid #193f49;border-radius:14px;padding:15px}.noc-section-title{justify-content:space-between;margin-bottom:13px}.noc-section-title>div{display:flex;align-items:center;gap:8px}.noc-section-title span{display:grid;place-items:center;background:#134451;color:#68d9ca;width:26px;height:26px;border-radius:7px}.noc-section-title h3{font-size:15px;margin:0;color:#f3f8f8}.noc-section-title small{color:#9bb6ba;font-size:11px}.topology-canvas{min-height:226px;background:radial-gradient(circle at 50% 0,#12404b44,transparent 48%),#091f29;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:14px}.topo-root,.topo-core{padding:9px 22px;text-align:center;border:1px solid #32646b;border-radius:10px;background:#0d3640;min-width:142px}.topo-root span,.topo-core span{color:#63ddc7;display:block;font-size:19px}.topo-root strong,.topo-core strong{display:block;font-size:13px}.topo-root small,.topo-core small{color:#9bb6b9;font-size:10px}.topo-core.offline{border-color:#db5861;background:#40242b}.topo-line{height:18px;width:1px;background:#3d7a7d}.topo-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:17px}.topo-branches>div{background:#0e3039;border-top:2px solid #46bba0;text-align:center;border-radius:8px;padding:9px 4px}.topo-branches i{display:block;width:8px;height:8px;background:#49d99a;border-radius:50%;margin:-14px auto 4px}.topo-branches b,.topo-branches small{display:block;font-size:11px}.topo-branches small{color:#9db8bc;margin-top:3px}.noc-alert-feed{max-height:272px;overflow:auto}.noc-alert-feed article{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #1b3b43}.noc-alert-feed article:last-child{border:0}.noc-alert-feed i{font-style:normal;display:grid;place-items:center;background:#59441f;color:#f3c35b;border-radius:50%;width:25px;height:25px;flex:none}.noc-alert-feed .critical i{background:#57282e;color:#ff8e91}.noc-alert-feed strong,.noc-alert-feed small{display:block}.noc-alert-feed strong{font-size:12px}.noc-alert-feed small{font-size:11px;color:#9bb6b9;margin-top:3px}.noc-clear{padding:55px 5px;text-align:center;color:#65daaa}.noc-devices{margin-top:13px}.noc-device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.noc-device{background:#0d2b35;border:1px solid #1d414b;color:#e5f3f2;text-align:right;border-radius:11px;padding:13px;cursor:pointer;transition:.16s}.noc-device:hover{transform:translateY(-2px);border-color:#42bca9;background:#10343e}.noc-device[hidden]{display:none}.noc-device.online{border-top:3px solid #41c88a}.noc-device.offline{border-top:3px solid #e65d66}.noc-device.pending,.noc-device.paused{border-top:3px solid #e5af45}.noc-device-top{justify-content:space-between}.noc-status-dot{width:8px;height:8px;border-radius:50%;background:#49d99a;box-shadow:0 0 8px #49d99a}.offline .noc-status-dot{background:#ed6871;box-shadow:0 0 8px #ed6871}.pending .noc-status-dot,.paused .noc-status-dot{background:#e6b449;box-shadow:none}.noc-device-top em{font-style:normal;color:#a9c2c5;font-size:10px}.noc-device>strong{display:block;margin:10px 0 3px;font-size:14px}.noc-device>small{color:#98b3b7;font-size:11px}.noc-bars{margin-top:11px}.noc-bars label{display:grid;grid-template-columns:31px 1fr 31px;gap:5px;align-items:center;color:#a3bdc0;font-size:10px;margin-top:5px;direction:ltr}.noc-bars i{height:5px;background:#1c4550;border-radius:6px;overflow:hidden}.noc-bars b{display:block;height:100%;background:#45c791;border-radius:6px}.offline .noc-bars b{background:#dd626a}.noc-bars em{font-style:normal;text-align:left}.noc-device footer{justify-content:space-between;border-top:1px solid #1b3e47;margin-top:11px;padding-top:8px;color:#89a8ad;font-size:10px}.noc-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-top:13px}.noc-events article{justify-content:space-between;border-top:1px solid #193d46;padding:9px 0;gap:8px;font-size:12px}.noc-events article:first-of-type{border:0}.noc-events i{height:7px;width:7px;border-radius:50%;background:#e5b248}.noc-events i.online{background:#48cf90}.noc-events i.offline{background:#eb626b}.noc-events span{flex:1;color:#d6e7e6}.noc-events small{color:#8daaae;direction:ltr}.security-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.security-metrics div{background:#0e3038;padding:12px;border-radius:9px}.security-metrics small,.security-metrics span{display:block;color:#98b3b7;font-size:10px}.security-metrics strong{display:block;color:#69dbca;font-size:21px;margin:5px 0}@media(max-width:1000px){.noc-device-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.noc-wall{padding:12px;border-radius:0}.noc-header,.noc-head-actions{align-items:flex-start;flex-direction:column}.noc-kpis{grid-template-columns:repeat(2,1fr)}.noc-main,.noc-bottom{grid-template-columns:1fr}.noc-device-grid{grid-template-columns:repeat(2,1fr)}.noc-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.noc-toolbar button{padding:6px}.topo-branches{grid-template-columns:1fr}.security-metrics{grid-template-columns:1fr}}@media(max-width:420px){.noc-device-grid{grid-template-columns:1fr}.noc-head-actions{gap:8px}.noc-kpi strong{font-size:22px}}