.live2tvnoc-wrap{background:#07172e;color:#eaf2ff;min-height:100vh;padding:18px}.noc-card{background:#0c1b34;border:1px solid #214c87;border-radius:14px;padding:16px;margin-bottom:14px}.noc-kpi{background:#081a34;border:1px solid #214c87;border-radius:12px;padding:14px}.badge-online{background:#16a34a!important}.badge-warn{background:#f59e0b!important;color:#111!important}.badge-offline{background:#e50914!important}.btn-live{background:#e50914;color:#fff;border:0}.btn-blue{background:#0a78c1;color:#fff;border:0}.route-table td,.route-table th{vertical-align:middle}.small-muted{color:#9fb7d8;font-size:12px}.viewer-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.viewer-card{background:#0c1b34;border:1px solid #214c87;border-radius:12px;overflow:hidden}.video-box{position:relative;background:#000;aspect-ratio:16/9}.video-box video{width:100%;height:100%;object-fit:cover}.live-badge{position:absolute;left:8px;top:8px;background:#e50914;color:#fff;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:900;z-index:5}@media(max-width:1500px){.viewer-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1000px){.viewer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.viewer-grid{grid-template-columns:1fr}}