.cctv-mode .page-heading,.cctv-mode .operational-strip{display:none}.cctv-wall{background:#101914;border:1px solid #344037;border-radius:7px;flex-direction:column;height:calc(100dvh - 174px);min-height:520px;margin-top:18px;display:flex;overflow:hidden}.cctv-toolbar{border-bottom:1px solid #304035;justify-content:space-between;align-items:center;gap:15px;padding:16px;display:flex}.cctv-wall-title{color:#a7c9b1;flex-shrink:0;align-items:center;gap:11px;display:flex}.cctv-wall-title>div{gap:7px;display:grid}.cctv-wall-title strong{letter-spacing:1.2px;font-size:11px;font-weight:500}.cctv-wall-title strong span{letter-spacing:0;border:1px solid #38533f;border-radius:3px;margin-left:9px;padding:3px 7px}.cctv-wall-title small{color:#8ca392;font-size:10px}.cctv-wall-title small i{background:#85bf95;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.cctv-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.cctv-controls button{color:#b7cbbb;background:#1a281f;border:1px solid #354a3b;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:inline-flex}.cctv-controls button:hover,.cctv-controls button.active{color:#e2efe5;background:#2a4432;border-color:#7baa89}.cctv-controls button:disabled{opacity:.45;cursor:not-allowed}.cctv-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;padding:14px;display:grid}.cctv-card{background:#080e0b;border:1px solid #3a4b3e;border-radius:5px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.cctv-card.has-incident{border-color:#be8b45}.cctv-card>header{background:#17251c;border-bottom:1px solid #2c3d32;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cctv-card>header>div{color:#a9c1b0;align-items:center;gap:9px;font-size:11px;display:flex}.cctv-card>header strong{color:#d7e4da;font-weight:600}.cctv-card>header span{color:#7f9887;border-left:1px solid #3b4d40;padding-left:8px}.cctv-card>header button{color:#9ebba7;background:0 0;padding:2px;display:flex}.cctv-video{flex:1;min-height:0;position:relative;overflow:hidden}.cctv-video .camera-stream,.cctv-focus-video .camera-stream{object-fit:contain}.cctv-connection,.cctv-source{color:#d3ded6;pointer-events:none;background:#08130dd9;border-radius:3px;padding:5px 7px;font-size:9px;position:absolute;top:12px}.cctv-connection{align-items:center;gap:6px;display:flex;left:12px}.cctv-connection i{background:#c6a16d;border-radius:50%;width:5px;height:5px}.cctv-connection.connected i{background:#87c797}.cctv-source{letter-spacing:.5px;font-size:8px;right:12px}.cctv-incident{color:#f3ca8a;text-align:left;background:#392719ed;border:1px solid #ab793b;border-radius:4px;align-items:center;gap:9px;padding:10px;font-size:10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.cctv-incident strong{margin-left:auto;font-size:10px;font-weight:400}.cctv-card>footer{color:#8ca894;border-top:1px solid #28382d;justify-content:space-between;align-items:center;margin:0;padding:9px 12px;font-size:9px;display:flex}.cctv-card>footer span{align-items:center;gap:6px;display:flex}.cctv-card>footer time{color:#b7c9bd}.cctv-wall-foot{color:#748f7d;justify-content:space-between;align-items:center;gap:10px;padding:0 16px 13px;font-size:9px;display:flex}.cctv-failure{color:#edc38c;margin:12px 14px 0;font-size:11px}.cctv-focus{width:min(1200px,94vw);max-width:1200px}.cctv-focus-description{color:#a7bbad;padding:0 20px 14px;font-size:12px}.cctv-focus-video{aspect-ratio:16/9;background:#050b07;width:100%}.cctv-wall:fullscreen{background:#0a120d;border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;margin:0;padding:10px;display:flex}.cctv-wall:fullscreen .cctv-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.cctv-wall:fullscreen .cctv-video{aspect-ratio:auto;flex:1}.cctv-wall:fullscreen .cctv-wall-foot{padding-top:5px}@media (min-width:1600px){.cctv-toolbar{padding:20px}.cctv-grid{gap:18px;padding:18px}}@media (max-width:1100px){.cctv-toolbar{align-items:flex-start}.cctv-controls{max-width:330px}.cctv-wall-foot{flex-wrap:wrap}.cctv-card>footer{gap:5px;font-size:8px}}@media (max-width:700px){.cctv-wall{height:auto;min-height:0}.cctv-toolbar{flex-wrap:wrap}.cctv-controls{justify-content:flex-start;max-width:none}.cctv-grid{flex:none;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:10px}.cctv-video{aspect-ratio:16/9;flex:none}.cctv-wall:fullscreen{overflow:auto}.cctv-wall:fullscreen .cctv-grid{flex:none;grid-template-rows:auto}.cctv-wall:fullscreen .cctv-video{aspect-ratio:16/9;flex:auto}}