.vd-wrap{max-width:1800px;margin:auto;padding:18px 22px}.vd-app{--green:#137a60;--ink:#173e37;--muted:#6a8078;--edge:#d7e3dd;--light:#f1f7f3;color:var(--ink);font-family:inherit;font-size:13px}.vd-app *{box-sizing:border-box}.vd-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.vd-top h1{font-size:26px;line-height:1.2;margin:4px 0;letter-spacing:-.9px}.vd-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#347660}.vd-demo-tag{font-size:10px;font-weight:800;color:#23654d}.vd-demo-tag small{display:block;font-weight:400;font-size:10px;margin-top:5px;color:var(--muted)}.vd-led{display:inline-block;width:7px;height:7px;background:#27b487;border-radius:50%;margin-right:5px}.vd-scenarios{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:16px;padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:#fff}.vd-scenarios>span{font-size:11px;color:var(--muted);margin-right:6px}.vd-app button{font:inherit;cursor:pointer}.vd-app button:disabled{opacity:.45;cursor:not-allowed}.vd-scenarios button{border:0;background:var(--light);color:#276c53;padding:8px 10px;border-radius:7px;font-size:11px}.vd-scenarios button[aria-pressed=true]{background:var(--green);color:#fff}.vd-workspace{display:grid;grid-template-columns:174px minmax(0,1fr) 280px;gap:14px;align-items:start}.vd-sidebar,.vd-event-rail{background:#fff;border:1px solid var(--edge);border-radius:12px;padding:14px;min-width:0}.vd-panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.vd-chip{font-size:9px;font-weight:750;background:#e9f3ed;border-radius:5px;padding:5px 7px;color:#3a7859;display:inline-block}.vd-search{font-size:10px;display:block;color:#5c7569;margin:12px 0}.vd-app input[type=search],.vd-app select,.vd-app textarea{font:inherit;color:#244d3a;border:1px solid #cddfd3;background:#fff;border-radius:7px;padding:8px;width:100%;display:block;margin-top:5px}.vd-app textarea{resize:vertical}.vd-camera-list{display:grid;gap:4px}.vd-camera{width:100%;border:1px solid transparent;background:#fff;border-radius:8px;padding:10px 8px;text-align:left;color:#294d40}.vd-camera.active{border-color:#a9cebd;background:#eaf6ee}.vd-camera strong{display:block;font-size:11px;font-weight:650}.vd-camera small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.vd-dot{float:right;width:5px;height:5px;background:#32ae86;border-radius:50%;margin-top:4px}.vd-camera.is-offline .vd-dot{background:#bf705a}.vd-sidebar-foot{border-top:1px solid var(--edge);margin-top:14px;padding-top:14px;font-size:10px;line-height:1.7;color:var(--muted)}.vd-sidebar-foot strong{color:#426754}.vd-main{min-width:0}.vd-toolbar{display:flex;gap:7px;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}.vd-tabs{display:flex;gap:3px;background:white;border:1px solid var(--edge);border-radius:8px;padding:3px}.vd-tabs button{padding:7px 10px;background:transparent;color:#698175;border:0;border-radius:5px;font-size:11px}.vd-tabs button[aria-pressed=true]{background:var(--green);color:white}.vd-icon-btn{background:#fff;border:1px solid var(--edge);color:#357b5a;padding:5px 10px;font-size:22px!important;border-radius:7px}.vd-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#0a1815;border:5px solid #0a1815;border-radius:11px;overflow:hidden;min-height:140px}.vd-wall[data-layout="1"]{grid-template-columns:1fr}.vd-wall[data-layout="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-feed{display:block;position:relative;border:2px solid transparent!important;padding:0;aspect-ratio:16/9;width:100%;overflow:hidden;background:#14201b}.vd-feed.active{border-color:#51caa2!important}.vd-feed canvas{display:block;width:100%;height:100%;object-fit:contain}.vd-feed-name{position:absolute;top:8px;left:8px;max-width:80%;text-align:left;color:#fff;font-weight:650;font-size:10px;text-shadow:0 1px 4px #000}.vd-feed-name small{display:block;font-size:8px;font-weight:400;color:#e3e9e5;margin-top:4px}.vd-feed-tag{position:absolute;right:6px;bottom:6px;background:#10281de0;color:#b2e6cd;padding:3px 5px;border-radius:4px;font-size:8px}.vd-empty{aspect-ratio:16/9;display:grid;place-content:center;color:#738b7e;font-size:11px;text-align:center}.vd-wall:fullscreen{width:100vw;height:100vh;border-radius:0;align-content:center;overflow:auto}.vd-wall:fullscreen .vd-feed{max-height:90vh}.vd-player{padding:12px;border:1px solid var(--edge);border-radius:10px;background:#fff;margin-top:10px}.vd-player-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.vd-player-top>div{margin-right:auto}.vd-player-top strong{font-variant-numeric:tabular-nums;font-size:17px;display:block;margin-top:2px}.vd-player-top label{font-size:9px;color:var(--muted)}.vd-player-top select{padding:5px;margin-top:2px}.vd-player-top button,.vd-actions button,.vd-controls button,.vd-panel button,.vd-event-detail>button{border:1px solid var(--edge);color:#28664d;background:#f5f9f6;padding:8px 9px;border-radius:7px;font-size:10px}.vd-player-top button[aria-pressed=true],.vd-actions button[aria-pressed=true]{background:#e2f3e9;color:#175f44;border-color:#a6d3ba}.vd-track-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:15px}.vd-track{position:relative;padding-bottom:14px}.vd-track input{width:100%;accent-color:#118260;margin:11px 0 0;cursor:pointer;height:12px}.vd-markers{position:relative;height:10px;margin:0 8px}.vd-marker{position:absolute;transform:translateX(-50%);border:0;background:transparent;padding:0;color:#d38a43;font-size:12px;line-height:1}.vd-track-key{display:flex;gap:10px;flex-wrap:wrap;color:#738b7c;font-size:8px}.vd-track-key span:first-child{color:#188361}.vd-track-key span:nth-child(2){color:#bc7c3c}.vd-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vd-feedback{color:#468468;min-height:14px;font-size:10px;line-height:1.5;margin:8px 0}.vd-event-rail h2{font-size:20px;margin:5px 0}.vd-event-rail h2 span{background:#f2e3d6;color:#a6622c;border-radius:5px;padding:2px 6px;font-size:12px;vertical-align:middle}.vd-help{font-size:10px!important;line-height:1.6;color:var(--muted)!important}.vd-event-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:9px;color:var(--muted)}.vd-event-filters select{padding:6px;font-size:10px}.vd-events{display:grid;gap:6px;max-height:440px;overflow:auto;margin-top:12px}.vd-event{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;padding:9px 7px;border:1px solid #e3eae4;border-left:3px solid #c19356;border-radius:7px;background:#fff;text-align:left;color:#234b3c}.vd-event[data-severity=alta]{border-left-color:#c66955}.vd-event[data-severity=informativa]{border-left-color:#6492a2}.vd-event.selected{background:#edf7ef;border-color:#83bd9c}.vd-event img{width:48px;height:37px;object-fit:cover;border-radius:4px;filter:none}.vd-event strong{font-size:11px;display:block}.vd-event small{display:block;color:#6f8478;font-size:9px;line-height:1.6;margin-top:3px}.vd-event time{color:#8c9d91;font-size:9px}.vd-event-detail{border-top:1px solid var(--edge);margin-top:15px;padding-top:15px}.vd-event-detail h3{font-size:15px;margin:6px 0}.vd-event-detail p{font-size:10px;line-height:1.6;color:#698273}.vd-controls{display:flex;gap:5px;flex-wrap:wrap}.vd-lower{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:20px}.vd-panel{background:white;border:1px solid var(--edge);border-radius:12px;padding:20px;min-width:0}.vd-panel h2{font-size:20px;margin:5px 0}.vd-panel h3{font-size:13px;margin:17px 0 6px}.vd-panel p{font-size:11px;color:#6a8173;line-height:1.7}.vd-panel a{font-size:10px;color:#16846a}.vd-specs,.vd-capabilities{display:flex;gap:6px;flex-wrap:wrap}.vd-specs span,.vd-capabilities span{font-size:10px;background:#f0f6f2;padding:6px 8px;border-radius:5px;color:#4c7c61}.vd-connection{font-size:11px;line-height:1.7;margin:14px 0;padding:12px;border:1px solid var(--edge);background:#f4f8f5;border-radius:8px}.vd-bookmarks{max-height:180px;overflow:auto;display:grid;gap:6px;margin-top:12px}.vd-bookmark{text-align:left}.vd-face-card{padding:14px;background:#eff6f1;border:1px solid var(--edge);border-radius:9px;margin-top:12px}.vd-provenance{font-size:11px;color:#417454;border-top:1px solid var(--edge);margin-top:18px;padding-top:15px}.vd-provenance summary{cursor:pointer}.vd-reset{margin-top:18px}.vd-footer{border-top:1px solid var(--edge);margin-top:24px;padding:16px 0}.vd-footer strong{font-size:12px}.vd-footer p{max-width:1150px;font-size:10px;color:#7b8d81;line-height:1.7}.vd-app [hidden]{display:none!important}.vd-app button:focus-visible,.vd-app input:focus-visible,.vd-app select:focus-visible,.vd-app textarea:focus-visible,.vd-app summary:focus-visible{outline:3px solid #53b38e;outline-offset:2px}@media(min-width:1550px){.vd-workspace{grid-template-columns:195px minmax(0,1fr) 310px}}@media(max-width:1050px){.vd-workspace{grid-template-columns:155px minmax(0,1fr)}.vd-event-rail{grid-column:1/-1}.vd-events{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.vd-event-filters{max-width:360px}.vd-event-rail>.vd-search{max-width:360px}.vd-lower{grid-template-columns:1fr}}@media(max-width:650px){.vd-wrap{padding:12px}.vd-top{display:block}.vd-top h1{font-size:24px}.vd-demo-tag{margin-top:10px}.vd-scenarios{gap:5px;padding:8px}.vd-scenarios>span{width:100%}.vd-workspace{grid-template-columns:1fr;gap:12px}.vd-sidebar{padding:10px}.vd-sidebar>.vd-search{display:inline-block;width:48%;margin:8px 0}.vd-camera-list{display:flex;overflow:auto;gap:6px}.vd-camera{min-width:146px}.vd-sidebar-foot{display:none}.vd-event-rail{grid-column:1}.vd-events{grid-template-columns:1fr 1fr}.vd-event{grid-template-columns:1fr}.vd-event img{display:none}.vd-wall[data-layout="9"]{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-feed-name{font-size:9px;top:5px;left:5px}.vd-feed-name small{font-size:7px}.vd-tabs button{padding:7px 8px;font-size:10px}.vd-player-top{gap:5px}.vd-panel{padding:15px}.vd-track-key span:last-child{display:none}.vd-lower{gap:12px}.vd-demo-tag small{font-size:9px}}
/* Keep playback and event controls visible in the embedded desktop console. */
.vd-app input[type=search],.vd-app select{min-height:30px;height:32px}.vd-app label{font-weight:500}.vd-app input[type=range]{min-height:12px}.vd-event-rail .vd-search{margin:8px 0}.vd-event-rail .vd-search input{font-size:11px}.vd-event-filters select{font-size:10px}.vd-event strong{line-height:1.35}.vd-event small{line-height:1.3}.vd-event{padding:8px 7px}.vd-event img{height:32px}.vd-events{gap:5px}.vd-top h1{margin-bottom:0}.vd-scenarios{margin-bottom:12px}.vd-sidebar .vd-search{margin:8px 0}
@media(min-width:1051px){.vd-wall{height:clamp(240px,43dvh,520px)}.vd-feed,.vd-empty{aspect-ratio:auto;height:100%;min-height:0}.vd-wall:fullscreen{height:100vh}.vd-events{max-height:340px}.vd-camera{padding:8px 7px}}
.vd-player label,.vd-event-filters label{margin:0;font-size:10px;line-height:1.4}.vd-track-head label{font-size:10px}.vd-player-top label{font-size:9px}.vd-track-head{margin-top:10px}.vd-event-filters select{margin-top:3px}.vd-event-rail .vd-help{margin:8px 0}.vd-event-rail .vd-panel-heading{min-height:30px}.vd-event-rail h2{line-height:1.2}
/* Kigan incident workflow: calm attention pulses, acknowledgement and review. */
.vd-tourbar{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#eaf4ef;border:1px solid #cbdfd3;border-radius:10px;margin:0 0 12px}.vd-tourbar>div{margin-right:auto}.vd-tourbar strong{display:block;font-size:12px}.vd-tourbar span{display:block;font-size:10px;color:#5c7b6d;margin-top:3px}.vd-tourbar button{border:1px solid #c3d9ce;border-radius:6px;background:white;color:#28694f;padding:8px 10px;font-size:10px;white-space:nowrap}.vd-tourbar button[aria-pressed=true]{background:#156e55;color:white;border-color:#156e55}.vd-robbery-case{color:#9b473b!important;background:#fff0ea!important}.vd-robbery-case[aria-pressed=true]{color:#fff!important;background:#a84d3e!important}.vd-alert-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d1e4da;background:#eff7f2;border-radius:7px;padding:8px 10px;margin-bottom:8px;font-size:10px;color:#4b725e;min-height:35px}.vd-alert-banner[data-severity=critica],.vd-alert-banner[data-severity=alta]{border-color:#e4b8af;background:#fff1ec;color:#914a3a}.vd-alert-banner[data-severity=media]{border-color:#e3ccac;background:#fff8ed;color:#8b622f}.vd-alert-banner button{border:0;background:transparent;color:inherit;font-size:10px;font-weight:700;white-space:nowrap}.vd-feed,.vd-event{--alert:#d6a55b;--glow:#d6a55b55}.vd-feed[data-severity=critica],.vd-feed[data-severity=alta],.vd-event[data-severity=critica],.vd-event[data-severity=alta]{--alert:#df7867;--glow:#df786755}.vd-feed[data-severity=informativa],.vd-event[data-severity=informativa]{--alert:#63b3b4;--glow:#63b3b455}.vd-feed.is-alert{border-color:var(--alert)!important;animation:vd-alert-breathe 2.4s ease-in-out infinite}.vd-event.is-alert{border-color:var(--alert);border-left-width:4px;animation:vd-alert-breathe 2.4s ease-in-out infinite}.vd-feed.is-alert .vd-feed-tag{background:#75392ee8;color:#fff}.vd-feed canvas{transition:filter .5s}.vd-feed.is-dimmed canvas{filter:brightness(.7)}.vd-event[data-status=ack],.vd-event[data-status=closed],.vd-event[data-status=dismissed]{background:#f1f5f2;border-color:#d8e4dc;border-left-color:#90b5a0}.vd-event[data-status=ack] strong,.vd-event[data-status=closed] strong,.vd-event[data-status=dismissed] strong{color:#617769}.vd-event[data-status=ready]{border-left-color:#c3d3c9}.vd-event[data-status=ready] time{color:#7e9486}.vd-camera.has-alert .vd-dot{background:#d56c56;box-shadow:0 0 0 3px #e5a49422}.vd-motion-off .is-alert{animation:none!important}.vd-event-state[data-status=closed]{background:#ddefe2}.vd-checklist{border:0;border-top:1px solid #dfE8e1;padding:12px 0;margin:14px 0 5px;min-width:0}.vd-checklist legend{font-size:11px;font-weight:700;padding:0 5px}.vd-checklist label{display:flex;align-items:start;gap:7px;margin:8px 0;font-size:10px;line-height:1.5}.vd-checklist input[type=checkbox]{width:15px;height:15px;min-height:15px;padding:0;margin:1px 0 0;flex-shrink:0}.vd-bank-card{background:#edf6f0;border:1px solid #d2e4d8;border-radius:8px;padding:12px;margin:12px 0}.vd-bank-zones{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.vd-bank-zones>*{display:grid;align-content:center;padding:10px;border:1px solid #c5d8cd;border-radius:5px;color:#7b8e81;font-size:10px;min-height:44px}.vd-bank-zones strong{color:#176747;background:#d7edde;border-color:#81b99b}.vd-bank-zones small{font-size:8px;font-weight:400}.vd-incident-journal{margin:14px 0}.vd-incident-journal ol{padding:0;list-style:none;margin:8px 0;max-height:210px;overflow:auto}.vd-incident-journal li{border-left:2px solid #b2d8c0;padding:6px 10px;margin:4px 0;font-size:10px;line-height:1.5;color:#3b654b}.vd-incident-journal small{display:block;color:#8a9e8e;font-size:9px}.vd-panel h2{font-size:18px}.vd-scenarios button{padding:7px 9px}.vd-event-rail{padding:12px}.vd-events{max-height:355px}.vd-app #vd-journal:empty{display:none}@keyframes vd-alert-breathe{0%,100%{box-shadow:inset 0 0 0 0 transparent}50%{box-shadow:inset 0 0 0 4px var(--glow)}}@media(max-width:650px){.vd-tourbar{flex-wrap:wrap;padding:10px}.vd-tourbar>div{width:100%}.vd-tourbar button{padding:7px;font-size:9px}.vd-alert-banner{font-size:9px;align-items:start}.vd-alert-banner button{font-size:9px}.vd-events{max-height:none}}@media(prefers-reduced-motion:reduce){.vd-app .is-alert{animation:none!important}.vd-app canvas{transition:none!important}}

.vd-event-rail.has-case .vd-events{max-height:155px}.vd-incident-actions{margin-top:8px}.vd-event-rail.has-case .vd-event-detail{margin-top:10px;padding-top:10px}.vd-event-rail.has-case .vd-event-detail p{margin:7px 0}@media(max-width:650px){.vd-event-rail.has-case .vd-events{max-height:150px;grid-template-columns:1fr 1fr}}
/* The complete viewer stays usable in native fullscreen and in its CSS fallback. */
.vd-expanded-bar{display:none}.vd-expand-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b9d3c7;border-radius:7px;background:#fff;color:#236c52;padding:9px 12px;font-size:11px!important;font-weight:650!important;min-height:35px;white-space:nowrap}
.vd-viewer-placeholder{display:none}.vd-main:fullscreen,.vd-main:-webkit-full-screen,.vd-main.vd-expanded{display:block;width:100%;height:100dvh;max-width:none;overflow:auto;background:#f1f6f3;padding:0 18px 18px;border:0;box-sizing:border-box;overscroll-behavior:contain}
.vd-main.vd-expanded{position:fixed;inset:0;z-index:10000}.vd-expanded-root{overflow:hidden}.vd-main.is-expanded .vd-expanded-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:30;background:#173e37;color:white;padding:12px 16px;margin:0 -18px 15px;box-shadow:0 3px 18px #052b2826}.vd-expanded-bar strong{font-size:15px;display:block}.vd-expanded-bar span{font-size:11px;color:#c0dfd2;display:block;margin-top:3px}.vd-expanded-bar button{background:white;color:#175c45;border:1px solid white;border-radius:7px;padding:11px 17px;font-size:13px;font-weight:700;white-space:nowrap}.vd-main.is-expanded .vd-wall{height:clamp(260px,48dvh,680px)}.vd-main.is-expanded .vd-toolbar{position:relative}.vd-main.is-expanded .vd-feed{height:100%;min-height:0;aspect-ratio:auto}.vd-main.is-expanded .vd-player{margin-top:12px}
/* A visible comparison beside the footage, with no fabricated biometric score. */
.vd-face-case{border:1px solid #bad7c9!important;font-weight:650!important}.vd-visuals.has-face{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(255px,1fr);gap:10px;align-items:stretch}.vd-visuals.has-face .vd-wall{height:100%;min-height:330px}.vd-face-console{background:white;border:1px solid #bad5c7;border-radius:11px;padding:13px;min-width:0}.vd-face-heading{display:flex;justify-content:space-between;align-items:start;gap:8px;flex-wrap:wrap}.vd-face-heading h2{font-size:19px;letter-spacing:-.6px;margin:5px 0 9px}.vd-face-heading .vd-eyebrow{font-size:8px;letter-spacing:1px}.vd-face-heading button{font-size:10px;border:1px solid #cee0d5;background:#edf6f0;color:#24664b;padding:6px 8px;border-radius:5px;margin-bottom:8px}.vd-face-pair{display:grid;grid-template-columns:1fr 20px 1fr;gap:6px;align-items:center}.vd-face-pair figure{margin:0;min-width:0}.vd-face-pair canvas{display:block;width:100%;height:clamp(68px,11dvh,130px);object-fit:contain;background:#e5eee9;border:1px solid #d0e1d6;border-radius:8px}.vd-face-pair figcaption{font-size:10px;font-weight:650;line-height:1.3;margin-top:6px}.vd-face-pair small{display:block;font-size:9px;color:#72887b;font-weight:400;margin-top:3px}.vd-face-link{color:#389475;font-size:20px;text-align:center}.vd-face-stages{list-style:none;display:flex;gap:4px;padding:0;margin:13px 0 9px}.vd-face-stages li{flex:1;border-top:3px solid #dfe9e3;padding-top:6px;font-size:9px;color:#8a9b92;line-height:1.4}.vd-face-stages li.done{border-top-color:#24a77b;color:#186449}.vd-face-status{padding:10px;background:#f2f7f4;border:1px solid #dce8e1;border-radius:7px;min-height:72px}.vd-face-status strong{display:block;font-size:12px;color:#315e4a}.vd-face-status span{display:block;font-size:10px;line-height:1.4;color:#71877a;margin-top:5px}.vd-face-console[data-stage=matched] .vd-face-status{background:#e2f4e9;border-color:#9bcbb1}.vd-face-console[data-stage=unmatched] .vd-face-status{background:#fff6e9;border-color:#e8d0aa}.vd-face-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.vd-face-options button{flex:1;font-size:9px;padding:7px 5px;border:1px solid #c6ddcf;border-radius:5px;color:#357257;background:white}.vd-face-options button[aria-pressed=true]{background:#1e7559;border-color:#1e7559;color:#fff}.vd-face-disclaimer{font-size:9px;line-height:1.5;color:#72887c;margin:10px 0 0}.vd-main.is-expanded .vd-visuals.has-face{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr)}.vd-main.is-expanded .vd-face-pair canvas{height:clamp(80px,13dvh,170px)}
@media(max-width:900px){.vd-visuals.has-face,.vd-main.is-expanded .vd-visuals.has-face{grid-template-columns:1fr}.vd-visuals.has-face .vd-wall{height:230px;min-height:0}.vd-face-content{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.vd-face-stages{margin-top:0}.vd-face-pair canvas{height:115px}.vd-face-console{padding:12px}.vd-main.is-expanded .vd-visuals.has-face .vd-wall{height:32dvh;min-height:180px}}
@media(max-width:650px){.vd-main.is-expanded{padding:0 12px 12px}.vd-main.is-expanded .vd-expanded-bar{margin:0 -12px 12px;padding:10px 12px}.vd-expanded-bar span{font-size:9px}.vd-expanded-bar button{font-size:11px;padding:10px}.vd-face-content{grid-template-columns:1fr}.vd-face-pair canvas{height:115px}.vd-face-stages{margin-top:10px}.vd-face-heading h2{font-size:18px}.vd-expand-btn{font-size:10px!important}.vd-face-disclaimer{font-size:10px}.vd-visuals.has-face .vd-wall{height:190px}.vd-main.is-expanded .vd-wall{height:42dvh}}
/* V5 — a monitoring session, from alert to reviewed case. */
.vd-wrap{max-width:1900px;padding:18px 24px}.vd-top{padding-bottom:14px;border-bottom:1px solid #d9e6df;margin-bottom:16px}.vd-top>div:first-child{margin-right:auto}.vd-top h1{font-size:24px}.vd-top .vd-demo-tag{margin-right:12px}.vd-start{border:0!important;background:#08785d!important;color:white!important;padding:13px 23px!important;border-radius:8px;font-size:14px!important;font-weight:750!important;box-shadow:0 4px 12px #0a725421;white-space:nowrap}.vd-start:hover{background:#055b48!important}.vd-welcome{display:grid;grid-template-columns:1fr auto;gap:36px;background:linear-gradient(115deg,#103f36,#0b6650);color:#eafaf3;border-radius:14px;padding:25px 30px;margin-bottom:17px}.vd-welcome .vd-eyebrow{color:#8de3bf}.vd-welcome h2{color:white;font-size:29px;letter-spacing:-.8px;margin:6px 0 9px}.vd-welcome p{max-width:670px;line-height:1.65;margin:0;color:#c4dfd3;font-size:13px}.vd-welcome-steps{display:flex;gap:30px;margin-top:18px;color:#d5ebe2;font-size:11px}.vd-welcome-steps b{color:#79c6a8;margin-right:8px}.vd-welcome-action{display:grid;align-content:center;justify-items:center;gap:9px}.vd-welcome-action .vd-start{background:#d5fce9!important;color:#075742!important;min-width:210px}.vd-welcome-action>button:not(.vd-start){background:transparent;border:0;color:#b9decf;font-size:11px;padding:5px}.vd-welcome-action small{text-align:center;line-height:1.6;color:#a5c7ba;font-size:9px}.vd-quickbar{display:flex;align-items:center;gap:9px;margin-bottom:12px}.vd-quickbar>button,.vd-case-menu summary{border:1px solid #d5e3db;color:#41745e;background:white;border-radius:7px;padding:8px 11px;font-size:10px;cursor:pointer;white-space:nowrap}.vd-quickbar>button[aria-pressed=true]{background:#e6f2eb}.vd-case-menu{position:relative}.vd-case-menu .vd-scenarios{position:absolute;top:38px;left:0;width:420px;z-index:25;box-shadow:0 14px 45px #102b2533;padding:12px}.vd-session-status{margin-right:auto;font-size:10px;color:#6c8377}.vd-workspace{gap:12px;grid-template-columns:160px minmax(0,1fr) 284px}.vd-sidebar{padding:12px 9px}.vd-camera-list{gap:5px}.vd-camera{padding:11px 8px}.vd-camera.active{background:#dff1e8}.vd-camera strong{font-size:11px}.vd-main{background:#102a24;border:1px solid #203d34;border-radius:12px;padding:12px;box-shadow:0 8px 28px #15352d0b}.vd-toolbar{gap:7px;margin-bottom:8px}.vd-tabs{background:#18392f;border-color:#315046}.vd-tabs button{color:#a7c6b8}.vd-tabs button[aria-pressed=true]{background:#2b735a;color:#fff}.vd-expand-btn{background:#18392f;color:#c3e4d5;border-color:#315046;padding:8px 10px;font-size:10px!important}.vd-alert-banner{background:#193b31;color:#b4d9c8;border-color:#305646;font-size:11px}.vd-alert-banner[data-severity=alta],.vd-alert-banner[data-severity=critica]{background:#563027;color:#ffd0be;border-color:#8a4b3c}.vd-alert-banner[data-severity=media]{background:#4b3d25;color:#f3d7a8;border-color:#786142}.vd-wall{border:0;background:#091e19;gap:6px;border-radius:7px;min-height:270px}.vd-feed-name{font-size:12px;top:12px;left:12px}.vd-feed-name small{font-size:9px}.vd-feed-tag{font-size:9px;bottom:9px;right:9px}.vd-player{border-color:#315144;background:#183b30;color:#d9eadd;padding:11px;margin-top:10px}.vd-player .vd-eyebrow{color:#9cbfae;font-size:8px}.vd-player-top strong{color:#e6f4ed;font-size:20px}.vd-player-top button,.vd-actions button{background:#23483b;border-color:#3b614f;color:#cfe2d5;font-size:11px}.vd-player-top button[aria-pressed=true],.vd-actions button[aria-pressed=true]{background:#2a644b;color:#ecfff4;border-color:#438967}.vd-player select{background:#244b3e;color:#dfede5;border-color:#3f6955}.vd-player label,.vd-player-top label,.vd-track-head,.vd-track-key{color:#a5c1b2}.vd-track-key{font-size:9px}.vd-track-key span:first-child{color:#70cda8}.vd-track-key span:nth-child(2){color:#e9bd7c}.vd-track-head strong{color:#d5e9dd}.vd-actions{gap:5px}.vd-actions button{font-size:10px;padding:8px}.vd-feedback{color:#a7cdbb;font-size:10px;margin-bottom:0}.vd-guide{position:relative;background:#ecf8f0;color:#1c4f3b;border:1px solid #9fcbb3;border-radius:8px;margin-bottom:12px;padding:15px 15px 13px;display:flex;align-items:center;gap:16px;overflow:hidden}.vd-guide-copy{flex:1;min-width:0}.vd-guide .vd-eyebrow{font-size:8px;letter-spacing:1.1px}.vd-guide h2{font-size:17px;margin:6px 0;color:#1a4b37;line-height:1.2;letter-spacing:-.3px}.vd-guide p{font-size:11px;line-height:1.55;color:#577969;margin:0;max-width:660px}.vd-guide-controls{display:grid;gap:5px;flex:0 0 112px}.vd-guide-controls button{padding:7px 6px;border:1px solid #b7d6c4;background:white;color:#32674e;font-size:10px;border-radius:5px}.vd-guide-controls button:first-child{background:#177557;color:white;border-color:#177557}.vd-guide-controls button:last-child{background:transparent;border-color:transparent;text-decoration:underline}.vd-guide progress{position:absolute;bottom:0;left:0;width:100%;height:4px;appearance:none;border:0}.vd-guide progress::-webkit-progress-bar{background:#d6e9dd}.vd-guide progress::-webkit-progress-value{background:#1d986b;transition:width .15s linear}.vd-summary{padding:16px;background:#e6f5eb;color:#20553e;border:1px solid #acd7bd;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vd-summary strong{font-size:17px}.vd-summary span{font-size:11px;line-height:1.6;flex:1;min-width:180px}.vd-summary button{font-size:11px;background:white;border:1px solid #b2d2c0;color:#1d6b4b;padding:8px;border-radius:5px}.vd-event-rail{padding:13px}.vd-event-rail .vd-eyebrow{font-size:8px}.vd-event-rail h2{font-size:20px}.vd-event-rail .vd-help{font-size:10px!important}.vd-event{grid-template-columns:42px 1fr}.vd-event img{width:42px;height:34px}.vd-event strong{font-size:11px}.vd-event small{font-size:9px}.vd-event-rail.has-case .vd-events{max-height:105px}.vd-event-detail h3{font-size:15px}.vd-event-detail p{font-size:11px}.vd-event-detail .vd-search{margin:9px 0}.vd-checklist{padding:8px 0;margin-top:9px}.vd-checklist label{font-size:10px;margin:6px 0}.vd-details{margin-top:15px;border:1px solid #d6e4db;background:#fff;border-radius:10px;overflow:hidden}.vd-details>summary{cursor:pointer;padding:16px 18px;color:#315e46;font-size:12px;font-weight:700}.vd-details>summary>span{float:right;color:#7d9487;font-size:10px;font-weight:400}.vd-lower{padding:0 12px 12px;margin:0;gap:12px}.vd-panel{box-shadow:none}.vd-footer{margin-top:16px;padding:12px 0}.vd-footer strong{font-size:11px}.vd-footer p{font-size:9px;margin:5px 0;max-width:none}.vd-main.is-expanded .vd-guide{margin-top:0}.vd-main.is-expanded .vd-feedback{color:#357958}.vd-main.is-expanded .vd-toolbar .vd-expand-btn{background:#184e3e}.vd-main.is-expanded .vd-face-console{color:#173e37}
@media(min-width:1051px){.vd-wall{height:clamp(310px,48dvh,640px)}.vd-event-rail{max-height:920px;overflow:auto}.vd-app:has(#vd-welcome:not([hidden])) .vd-wall{height:clamp(270px,38dvh,450px)}}
@media(min-width:1650px){.vd-workspace{grid-template-columns:190px minmax(0,1fr) 320px}}
@media(max-width:1050px){.vd-workspace{grid-template-columns:150px minmax(0,1fr)}.vd-event-rail{grid-column:1/-1}.vd-event-rail.has-case .vd-events{max-height:155px}.vd-welcome{gap:20px;padding:22px}.vd-welcome h2{font-size:25px}.vd-top .vd-demo-tag{display:none}.vd-feed-name{font-size:10px}.vd-wall{min-height:260px}.vd-top .vd-start{padding:11px 17px!important;font-size:12px!important}}
@media(max-width:650px){.vd-wrap{padding:10px}.vd-top{display:flex;gap:10px}.vd-top h1{font-size:20px}.vd-top .vd-eyebrow{font-size:8px}.vd-top .vd-start{padding:10px!important;font-size:11px!important}.vd-welcome{grid-template-columns:1fr;gap:18px;padding:21px}.vd-welcome h2{font-size:27px}.vd-welcome p{font-size:12px}.vd-welcome-action{justify-items:start}.vd-welcome-action small{text-align:left}.vd-quickbar{flex-wrap:wrap;gap:5px}.vd-session-status{font-size:9px}.vd-case-menu .vd-scenarios{width:min(340px,90vw)}.vd-quickbar>button{font-size:9px}.vd-workspace{display:flex;flex-direction:column}.vd-sidebar,.vd-main,.vd-event-rail{width:100%}.vd-sidebar .vd-panel-heading{display:none}.vd-sidebar{order:2}.vd-main{order:1;padding:8px}.vd-event-rail{order:3}.vd-guide{padding:13px 10px 12px;gap:9px}.vd-guide h2{font-size:15px}.vd-guide p{font-size:10px}.vd-guide-controls{flex-basis:88px}.vd-guide-controls button{font-size:9px}.vd-feed-name{font-size:9px;left:6px;top:6px}.vd-feed-name small{font-size:7px}.vd-feed-tag{font-size:7px;bottom:4px;right:4px}.vd-wall{min-height:220px}.vd-wall[data-layout="1"]{min-height:210px}.vd-details>summary>span{display:none}.vd-main.is-expanded{padding:0 10px 10px}.vd-main.is-expanded .vd-guide{display:none}}
@media(min-width:1051px){.vd-guide{padding:12px 14px}.vd-guide-controls{gap:3px}.vd-guide-controls button{padding:5px 6px}.vd-guide h2{margin:4px 0}.vd-player{padding:9px 11px}.vd-track-head{margin-top:6px}.vd-track{padding-bottom:7px}.vd-track input{margin-top:7px}.vd-player-top strong{display:inline;margin:0 0 0 10px;font-size:18px}.vd-player-top>div{display:flex;align-items:center}.vd-player-top .vd-eyebrow{max-width:100px}.vd-workspace{scroll-margin-top:8px}}
/* V6 — clear monitoring, configurable rules, privacy only on requested evidence. */
.vd-feed-name{display:none}.vd-feed-tag{top:13%;bottom:auto;right:8px;font-size:9px;background:#09251bd9}.vd-event img{filter:none}
.vd-analytic-hud{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px 3px;color:#d7e9df}.vd-analytic-hud>div{min-width:0}.vd-analytic-hud>div:last-child{text-align:right;flex-shrink:0}.vd-analytic-hud span{display:block;font-size:10px;line-height:1.6;color:#a8c4b5}.vd-analytic-hud strong{display:block;font-size:12px;line-height:1.5;margin-top:2px}.vd-analytic-hud button,.vd-rule-panel button{background:#244d3e;color:#e0f4e8;border:1px solid #50755f;border-radius:6px;padding:8px 11px;font-size:11px;margin-top:5px}.vd-rule-panel{background:#f2f8f4;border:1px solid #aed2bd;border-radius:9px;padding:16px;margin-top:12px;color:#254e39}.vd-rule-panel>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.vd-rule-panel h3{font-size:15px;margin:0}.vd-rule-panel p{font-size:11px;line-height:1.6;margin:8px 0}.vd-rule-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:13px 0}.vd-rule-fields label{font-size:11px}.vd-rule-panel input[type=number],.vd-evidence input:not([type=checkbox]){display:block;width:100%;height:37px;min-height:0;margin:6px 0 0;padding:8px 10px;border:1px solid #bfd4c6;border-radius:6px;background:white;color:#214d37;font:inherit}.vd-rule-panel select{height:37px}.vd-rule-panel .vd-controls button{margin:0}.vd-inline-check{display:flex!important;align-items:center;gap:9px;font-size:12px!important;line-height:1.5}.vd-inline-check input[type=checkbox]{flex:0 0 17px;width:17px;height:17px;min-height:0;margin:0;accent-color:#08785d}
.vd-evidence{width:min(1180px,96vw);max-width:none;max-height:92dvh;overflow:auto;border:1px solid #b6d4c4;border-radius:14px;padding:0;background:#f5f9f6;color:#173e37;box-shadow:0 24px 90px #001e1a66}.vd-evidence:not([open]){display:none}.vd-evidence::backdrop{background:#011b15ba;backdrop-filter:blur(3px)}.vd-evidence>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;background:white;border-bottom:1px solid #d3e2d9;position:sticky;top:0;z-index:2}.vd-evidence h2{font-size:23px;margin:4px 0 0;color:#173e37;letter-spacing:-.5px}.vd-evidence button{font-family:inherit;cursor:pointer;border:1px solid #bfd6c8;border-radius:7px;background:white;color:#206747;padding:10px 12px;font-size:12px}.vd-evidence>header button{white-space:nowrap}.vd-evidence-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(295px,1fr);gap:22px;padding:22px;align-items:start}.vd-evidence-preview,.vd-evidence canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#10281e;border:1px solid #345545;border-radius:7px}.vd-evidence canvas.is-drawing{cursor:crosshair;touch-action:none}.vd-evidence-body>div{position:sticky;top:107px}.vd-evidence-body p{font-size:12px;line-height:1.6;color:#547363}.vd-evidence-body #vd-evidence-feedback{color:#276747;padding:11px 13px;background:#e4f1e9;border:1px solid #c4dccd;border-radius:7px}.vd-evidence form{display:grid;gap:12px}.vd-evidence label{font-size:12px;margin:0}.vd-evidence .vd-help{margin:0;font-size:11px!important}.vd-evidence .vd-controls{gap:7px}.vd-evidence .vd-controls button{font-size:11px;padding:9px}.vd-evidence button[aria-pressed=true]{background:#137a60;color:white;border-color:#137a60}.vd-mask-fields{border:1px solid #cbded2;padding:12px;margin:0;border-radius:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.vd-mask-fields legend{font-size:10px;color:#6c8576;padding:0 5px}.vd-mask-fields label{font-size:10px}.vd-mask-fields input{padding:7px!important;font-size:12px!important}.vd-mask-fields button{grid-column:1/-1}.vd-evidence button:focus-visible,.vd-evidence input:focus-visible{outline:3px solid #5ab38e;outline-offset:2px}.vd-main.is-expanded .vd-analytic-hud{padding:12px;background:#173e32;border-radius:8px}.vd-rule-panel .vd-inline-check{margin:12px 0}
@media(max-width:900px){.vd-evidence-body{grid-template-columns:1fr;gap:12px}.vd-evidence-body>div{position:static}.vd-evidence form{grid-template-columns:1fr 1fr;gap:15px}.vd-evidence form>.vd-help,.vd-evidence form>.vd-mask-fields,.vd-evidence form>.vd-start{grid-column:1/-1}.vd-analytic-hud{align-items:start;gap:10px}.vd-analytic-hud>div:last-child{max-width:45%;flex-shrink:1}}
@media(max-width:650px){.vd-evidence{width:96vw;max-height:95dvh}.vd-evidence>header{padding:14px}.vd-evidence h2{font-size:19px}.vd-evidence-body{padding:13px}.vd-evidence form{grid-template-columns:1fr}.vd-evidence-body p{font-size:11px}.vd-rule-fields{grid-template-columns:1fr 1fr}.vd-analytic-hud strong{font-size:11px}.vd-analytic-hud span{font-size:9px}.vd-analytic-hud button{font-size:10px;padding:7px}.vd-feed-tag{font-size:7px;top:13%;right:4px}.vd-evidence .vd-start{font-size:13px!important}}
/* V7 — investigation desk, native HD rendering and visible directional counting. */
.vd-navigation{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding:6px;background:#e6f0e9;border:1px solid #cedfd4;border-radius:10px}.vd-navigation button{border:0;border-radius:7px;background:transparent;color:#416b56;padding:11px 15px;font-weight:650;font-size:12px}.vd-navigation button[aria-pressed=true]{background:#0e7559;color:#fff;box-shadow:0 3px 8px #175e3a15}.vd-navigation span{margin-left:auto;padding:0 10px;font-size:11px;color:#718879}.vd-count-dashboard{display:grid;grid-template-columns:minmax(140px,1.6fr) repeat(3,minmax(65px,.65fr)) auto;align-items:center;gap:12px;background:#1c4134;border:1px solid #416f57;border-radius:8px;margin-bottom:10px;padding:12px;color:#dcf6e7}.vd-count-dashboard .vd-eyebrow{color:#87cfab;font-size:8px;letter-spacing:1px}.vd-count-dashboard strong{display:block;font-size:25px;font-variant-numeric:tabular-nums;line-height:1.4}.vd-count-dashboard>div:first-child strong{font-size:12px;margin:3px 0}.vd-count-dashboard small{font-size:9px;color:#a1c7b0;display:block;line-height:1.4}.vd-count-dashboard span:not(.vd-eyebrow){font-size:10px;color:#a7cdb8}.vd-count-dashboard button{padding:9px;border:1px solid #5b8a6c;background:#315d46;color:#e8fff0;border-radius:6px;font-size:10px}.vd-main.is-expanded .vd-count-dashboard{color:#dcf6e7}.vd-open-events{width:100%;margin-top:12px;border:1px solid #a8cdb7;background:#e8f5ed;border-radius:7px;padding:10px 7px;font-size:11px;color:#106344;font-weight:700}.vd-events{max-height:450px}.vd-event-rail.has-case .vd-events{max-height:285px}.vd-event{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:9px}.vd-event img{display:block;width:96px;height:64px;filter:none!important;object-fit:contain;background:#0d211a;border-radius:5px}.vd-event strong{font-size:12px;line-height:1.4}.vd-event small{font-size:10px;line-height:1.5}.vd-event time{display:block;font-size:10px;margin-top:4px;line-height:1.4}.vd-event-rail{max-height:none;overflow:visible}.vd-investigation{background:white;border:1px solid #d1e2d8;border-radius:13px;padding:22px;scroll-margin-top:12px}.vd-investigation>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.vd-investigation h2{font-size:25px;letter-spacing:-.6px;margin:7px 0;color:#173e37}.vd-investigation p{font-size:12px;line-height:1.7;color:#718679;margin:6px 0}.vd-investigation button{border:1px solid #c5dbcd;background:#f5faf7;color:#216646;border-radius:7px;padding:10px 13px;font-size:12px}.vd-investigation>header button{white-space:nowrap}.vd-search-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:21px 0}.vd-search-form label{margin:0;font-size:11px;color:#5d7b69;display:block}.vd-search-form .vd-query{grid-column:1/3}.vd-search-form input,.vd-search-form select{height:40px;min-height:40px;max-width:100%;display:block;width:100%;margin:6px 0 0;padding:9px 11px;border:1px solid #c3d8cb;border-radius:7px;background:white;color:#244b37;font:inherit;font-size:12px}.vd-search-submit{grid-column:1/-1;display:flex;gap:8px;align-items:center}.vd-search-submit .vd-start{font-size:12px!important;padding:11px 20px!important}.vd-search-assist{display:grid;grid-template-columns:1fr minmax(270px,.55fr);gap:20px;background:#f1f7f3;border:1px solid #d7e7dd;padding:16px;border-radius:9px}.vd-search-assist p{font-size:10px;max-width:650px}.vd-search-chips{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.vd-search-chips button{font-size:11px;background:white;padding:7px 10px}.vd-find-face{display:flex;align-items:center;gap:13px;text-align:left;background:white!important}.vd-find-face img{width:62px;height:72px;object-fit:cover;object-position:48% 20%;border-radius:5px}.vd-find-face strong{font-size:12px;display:block}.vd-find-face small{font-size:10px;display:block;margin-top:7px;color:#81968a}.vd-find-face b{margin-left:auto}.vd-results-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:23px 0 12px}.vd-results-head strong{font-size:14px}.vd-results-head span{font-size:11px;color:#7a8e81}.vd-table-scroll{overflow:auto;border:1px solid #d3e3d9;border-radius:9px;max-height:650px}.vd-results-table{width:100%;min-width:990px;border-collapse:collapse;text-align:left;font-size:12px}.vd-results-table thead{background:#eaf3ed;position:sticky;top:0;z-index:1}.vd-results-table th{padding:13px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#668373;font-weight:700;white-space:nowrap}.vd-results-table td{padding:13px 12px;border-top:1px solid #e2ece5;vertical-align:middle}.vd-results-table tbody tr:hover{background:#f5faf7}.vd-results-table img{display:block;width:152px;height:86px;object-fit:contain;background:#12271e;border-radius:5px;filter:none!important}.vd-results-table td:first-child small{font-size:8px;letter-spacing:.4px;margin-top:6px}.vd-results-table td strong{display:block;font-size:12px;line-height:1.5}.vd-results-table td span,.vd-results-table td small{display:block;line-height:1.6;margin-top:3px}.vd-results-table td small{font-size:10px;color:#7b8f81}.vd-results-table time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.vd-result-tags{max-width:230px}.vd-results-table button{font-size:11px;padding:9px;white-space:nowrap}.vd-priority-pill{display:inline-block!important;font-size:10px;text-transform:capitalize;background:#e7f1f6;color:#3f7080;border-radius:5px;padding:4px 8px}.vd-priority-pill[data-severity=media]{background:#fff0d4;color:#99691c}.vd-priority-pill[data-severity=alta],.vd-priority-pill[data-severity=critica]{background:#fce7df;color:#a64f3a}.vd-search-empty{padding:30px;background:#f4f8f5;text-align:center;border-radius:8px}.vd-feed canvas{image-rendering:auto}.vd-count-dashboard+.vd-alert-banner{margin-top:0}
@media(min-width:1200px){.vd-workspace{grid-template-columns:160px minmax(0,1fr) 340px}}
@media(min-width:1650px){.vd-workspace{grid-template-columns:185px minmax(0,1fr) 365px}}
@media(max-width:1100px){.vd-search-form{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-search-form .vd-query{grid-column:1/-1}.vd-search-assist{grid-template-columns:1fr 1fr}.vd-count-dashboard{grid-template-columns:1.6fr repeat(3,.6fr)}.vd-count-dashboard>button{grid-column:1/-1;padding:6px}.vd-count-dashboard strong{font-size:22px}.vd-navigation span{width:100%;margin-left:0;padding:5px 10px}.vd-results-head{align-items:start}.vd-results-head span{max-width:220px}}
@media(max-width:650px){.vd-navigation{gap:3px;padding:4px}.vd-navigation button{font-size:10px;padding:10px 8px}.vd-count-dashboard{gap:8px;padding:10px}.vd-count-dashboard>div:first-child{grid-column:1/-1}.vd-count-dashboard{grid-template-columns:repeat(3,1fr)}.vd-count-dashboard strong{font-size:26px}.vd-count-dashboard>button{grid-column:1/-1}.vd-investigation{padding:14px}.vd-investigation>header{display:block}.vd-investigation>header button{margin-top:12px}.vd-investigation h2{font-size:23px}.vd-search-form{gap:13px}.vd-search-form input,.vd-search-form select{font-size:11px;padding:7px}.vd-search-form label:nth-child(2),.vd-search-form label:nth-child(3){grid-column:1/-1}.vd-search-assist{grid-template-columns:1fr;gap:12px;padding:13px}.vd-search-submit{flex-wrap:wrap}.vd-results-head{display:block}.vd-results-head span{display:block;margin-top:6px}.vd-table-scroll{max-height:560px}.vd-events,.vd-event-rail.has-case .vd-events{grid-template-columns:1fr;max-height:360px}.vd-event{grid-template-columns:104px 1fr}.vd-event img{width:104px;height:66px}.vd-navigation span{font-size:10px}}

/* The guided session shows operator work alongside the actual case controls. */
.vd-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.vd-guide-copy h2{font-size:19px}.vd-guide-copy p{font-size:12px;line-height:1.6}.vd-operator-phases{display:flex;gap:6px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.vd-operator-phases li{padding:6px 9px;background:#ffffff80;border:1px solid #bbd3c4;border-radius:5px;color:#527763;font-size:10px}.vd-operator-phases li.current{background:#166c50;border-color:#166c50;color:white;font-weight:750}.vd-operator-phases li.done{background:#d4eee0;color:#216345}.vd-operator-activity{padding:10px 12px;background:#fff;border:1px solid #bfd9cb;border-left:3px solid #238766;border-radius:7px}.vd-operator-activity>span{font-size:8px;letter-spacing:1.3px;color:#648772;display:block}.vd-operator-activity>strong{display:block;font-size:12px;line-height:1.5;margin:3px 0;color:#17583d}.vd-operator-activity ol{list-style:none;margin:5px 0 0;padding:0}.vd-operator-activity li{font-size:10px;line-height:1.5;color:#6b8275;white-space:normal;margin:2px 0}.vd-operator-activity li:before{content:'✓ ';color:#1c8a5d}.vd-demo-focus{outline:3px solid #d6a448!important;outline-offset:3px;box-shadow:0 0 0 6px #eac56d35!important}.vd-app.vd-guided .vd-event-rail>.vd-search,.vd-app.vd-guided .vd-event-rail>.vd-help,.vd-app.vd-guided .vd-event-filters,.vd-app.vd-guided #vd-open-events{display:none}.vd-app.vd-guided .vd-event-rail.has-case .vd-events{max-height:95px}.vd-app.vd-guided .vd-event-detail{padding-top:14px}.vd-app.vd-guided #vd-count-source{font-size:9px}.vd-app.vd-guided .vd-count-dashboard{display:none}.vd-app.vd-guided:has(.vd-feed[data-camera="cam09"]:only-child) .vd-count-dashboard{display:grid}.vd-evidence #vd-evidence-next{background:#147455;color:white;border:0}.vd-app.vd-guided .vd-guide-controls{flex-wrap:wrap}.vd-app.vd-guided .vd-guide-controls button{flex:1;white-space:nowrap;font-size:10px}
@media(max-width:650px){.vd-guide{padding:12px;gap:9px}.vd-guide-copy h2{font-size:17px}.vd-guide-copy p{font-size:11px}.vd-operator-phases{gap:4px}.vd-operator-phases li{font-size:9px;padding:5px}.vd-operator-activity li{font-size:9px}.vd-evidence>header{flex-wrap:wrap}.vd-evidence #vd-evidence-next{font-size:11px}.vd-app.vd-guided .vd-event-rail.has-case .vd-events{max-height:110px}}

/* Compact guidance keeps the scene and case review visible together. */
.vd-guide{padding:13px 15px;gap:8px}.vd-guide-copy h2{font-size:17px;margin:4px 0}.vd-guide-copy p{font-size:11px;line-height:1.45;margin:4px 0}.vd-operator-phases li{padding:4px 7px;font-size:9px}.vd-operator-activity{padding:6px 9px}.vd-operator-activity>strong{display:none}.vd-operator-activity ol{margin:3px 0 0}.vd-operator-activity li:nth-child(n+3){display:none}.vd-app.vd-guided .vd-guide-controls{display:flex;flex-direction:row;gap:6px;align-items:center}.vd-app.vd-guided .vd-guide-controls button{padding:6px 8px;min-height:30px}.vd-operator-activity li{font-size:9px}

/* Enterprise training entry and visible operator journey. */
.vd-portal{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid #d5e4dd;border-radius:16px;overflow:hidden;margin:18px 0}.vd-portal-story{padding:42px;background:linear-gradient(135deg,#153e36,#176b53);color:#e3f7ed}.vd-portal-story .vd-eyebrow{color:#9fdbc0}.vd-portal-story h2{font-size:36px;line-height:1.15;letter-spacing:-1.3px;margin:20px 0}.vd-portal-story p{font-size:14px;line-height:1.8;max-width:420px}.vd-portal-story ol{list-style:none;padding:0;margin:30px 0;display:grid;gap:16px;color:#c3e8d6}.vd-portal-story small{color:#a6cfbc}.vd-portal-card{padding:34px 38px;display:flex;flex-direction:column;justify-content:center;gap:13px}.vd-portal-card h2{font-size:27px;margin:3px 0;letter-spacing:-.8px}.vd-portal-card p{margin:0;color:#768b80;line-height:1.6}.vd-portal-card label{font-size:11px;display:block;color:#637e70}.vd-portal-card input{width:100%;display:block;border:1px solid #cfe1d5;background:#f7faf8;border-radius:7px;padding:13px;margin-top:6px;color:#254e3e;font:inherit}.vd-demo-password{display:grid;gap:5px;padding:13px;border:1px solid #cfe1d5;border-radius:7px}.vd-demo-password span,.vd-demo-password small{font-size:10px;color:#7d9184}.vd-demo-password strong{letter-spacing:4px;font-size:18px}.vd-portal-card button{padding:12px;border-radius:7px;background:#f1f7f3;border:1px solid #c7decf;color:#246247}.vd-client-card{display:flex;align-items:center;gap:14px;text-align:left;border:2px solid #22825e!important;background:#eff9f3!important}.vd-client-card small{display:block;font-size:11px;margin-top:5px;color:#6a8575}.vd-client-card strong{display:block;font-size:17px}.vd-client-card>b{margin-left:auto}.vd-client-monogram{padding:16px 12px;background:#216a4d;color:#eafff0;border-radius:9px;font-weight:800}.vd-client-stats{display:flex;gap:20px;padding:10px;font-size:11px;color:#72907e}.vd-client-stats b{font-size:19px;color:#255d43;display:block}.vd-tenant-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#163d31;color:#dff4e6;border-radius:9px;padding:12px 16px;margin:12px 0}.vd-tenant-bar small{display:block;font-size:10px;color:#99bfa9;margin-top:4px}.vd-tenant-bar>span:nth-child(2){margin-left:auto;font-size:11px}.vd-tenant-bar>span:nth-child(2) b{display:block;font-size:10px;color:#9bceb1;margin-top:4px}.vd-tenant-bar button{background:#285340;color:#dff5e8;border:1px solid #557765;border-radius:6px;padding:8px;font-size:10px}.vd-gated #vd-welcome,.vd-gated .vd-quickbar,.vd-gated .vd-navigation,.vd-gated #vd-monitor-workspace,.vd-gated #vd-investigation,.vd-gated #vd-details,.vd-gated .vd-footer{display:none!important}
.vd-app>#vd-guide{grid-template-columns:1.3fr 1fr;gap:6px 20px;margin:10px 0;padding:12px 17px;background:#e9f6ed;border:1px solid #b6d6c2}.vd-app>#vd-guide .vd-guide-copy{grid-column:1;grid-row:1/3}.vd-app>#vd-guide .vd-guide-copy h2{font-size:17px}.vd-app>#vd-guide .vd-guide-copy p{margin:5px 0;font-size:11px;max-width:690px}.vd-app>#vd-guide .vd-operator-phases{grid-column:2;grid-row:1}.vd-app>#vd-guide .vd-operator-activity{grid-column:2;grid-row:2;padding:5px 9px}.vd-app>#vd-guide .vd-operator-activity li:nth-child(n+2){display:none}.vd-app>#vd-guide .vd-guide-controls{grid-column:1/-1;max-width:520px}.vd-app>#vd-guide .vd-guide-progress{grid-column:1/-1}.vd-app>#vd-guide progress{grid-column:1/-1;width:100%;height:4px}
.vd-tracking-panel{display:grid;grid-template-columns:1fr 180px;gap:18px;padding:16px;background:#ecf8f0;color:#225b42;border:1px solid #afd7bc;border-radius:9px;margin-top:12px}.vd-tracking-panel h3{font-size:18px;margin:5px 0}.vd-tracking-panel label{font-size:10px}.vd-tracking-panel p{font-size:12px;margin:9px 0}.vd-tracking-panel small{font-size:10px;line-height:1.5;display:block;margin-top:9px;color:#668675}.vd-tracking-panel figure{margin:0}.vd-tracking-panel canvas{width:100%;height:auto;background:#112b23;border-radius:8px}.vd-tracking-panel figcaption{font-size:10px;margin-top:7px}.vd-escalation{padding:10px 0;border-top:1px solid #d8e7df;margin-top:10px}.vd-escalation button{background:#fdf0d8;color:#856227;border:1px solid #ecd1a0;border-radius:6px;padding:9px;font-size:10px}.vd-escalation p{font-size:10px}.vd-saved-evidence{display:grid;gap:10px;margin:12px 0}.vd-saved-item{display:flex;gap:12px;padding:10px;border:1px solid #c9ded0;border-radius:8px}.vd-saved-item img{width:120px;height:76px;object-fit:contain;background:#113425}.vd-saved-item small{display:block;font-size:10px;margin:7px 0;color:#6e8a79}.vd-saved-item strong{font-size:12px}.vd-evidence #vd-evidence-save{margin-bottom:8px;background:#176c4d;color:#fff}.vd-app.vd-guided .vd-count-dashboard{display:grid}.vd-app.vd-guided:not(:has(.vd-feed[data-camera="cam09"]:only-child)) .vd-count-dashboard{display:none}
@media(max-width:800px){.vd-portal{grid-template-columns:1fr}.vd-portal-story{padding:23px}.vd-portal-story h2{font-size:28px;margin:12px 0}.vd-portal-story ol{display:none}.vd-portal-card{padding:24px}.vd-app>#vd-guide{grid-template-columns:1fr}.vd-app>#vd-guide .vd-guide-copy,.vd-app>#vd-guide .vd-operator-phases,.vd-app>#vd-guide .vd-operator-activity,.vd-app>#vd-guide .vd-guide-controls{grid-column:1;grid-row:auto}.vd-app>#vd-guide .vd-operator-activity{display:none}.vd-tenant-bar{flex-wrap:wrap}.vd-tenant-bar>span:nth-child(2){margin-left:0}.vd-tracking-panel{grid-template-columns:1fr 130px;gap:10px}.vd-portal-story p{font-size:12px}.vd-client-stats{gap:16px}}
@media(max-width:450px){.vd-tracking-panel{grid-template-columns:1fr}.vd-tracking-panel figure{max-width:160px}.vd-app>#vd-guide .vd-guide-controls{flex-wrap:wrap}.vd-tenant-bar>span:first-child{width:100%}}
.vd-app .vd-portal-story p{color:#c3e4d4}.vd-event-rail.is-tracking>:not(#vd-tracking-panel){display:none!important}.vd-event-rail.is-tracking .vd-tracking-panel{display:flex;flex-direction:column;background:transparent;border:0;padding:0;margin:0}.vd-event-rail.is-tracking .vd-tracking-panel figure{max-width:100%;order:-1}.vd-event-rail.is-tracking .vd-tracking-panel canvas{max-height:230px;object-fit:contain}.vd-event-rail.is-tracking .vd-tracking-panel h3{font-size:18px}.vd-event-rail.is-tracking .vd-tracking-panel .vd-controls{gap:8px}
.vd-app.vd-guided .vd-quickbar{display:none}.vd-app.vd-guided .vd-tenant-bar{padding:8px 13px;margin:7px 0}.vd-app.vd-guided .vd-navigation{margin:7px 0;padding:4px}.vd-app.vd-guided .vd-navigation button{padding:8px 10px}.vd-app.vd-guided .vd-count-dashboard{padding:8px 12px;margin:8px 0}.vd-app.vd-guided .vd-count-dashboard strong{font-size:23px}
/* SSP operations, multibrand catalogue and shift handover. */
.vd-wall[data-layout="12"]{grid-template-columns:repeat(4,minmax(0,1fr))}.vd-navigation{flex-wrap:wrap}.vd-navigation button[data-ops]{font-size:11px}.vo-workspace{padding:24px;background:#fff;border:1px solid #cbded4;border-radius:14px;margin:14px 0;min-width:0}.vo-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.vo-header h2{font-size:27px;margin:7px 0;letter-spacing:-.9px}.vo-header p{color:#6c8278;line-height:1.6;margin:0}.vo-workspace button,.vo-sensor-panel button,.vo-location-banner button{border:1px solid #bad7c8;background:#eef7f1;color:#22664c;border-radius:7px;padding:10px 13px;font-weight:650;font-size:11px}.vo-workspace .vd-start{background:#147b5e;color:white}.vo-workspace label,.vo-sensor-panel label{display:block;font-size:11px;color:#536f61;line-height:1.5}.vo-workspace input:not([type=hidden]),.vo-workspace textarea,.vo-workspace select,.vo-sensor-panel input{display:block;width:100%;padding:10px;border:1px solid #bdd7c8;background:white;border-radius:7px;font:inherit;margin:6px 0 16px;color:#214c3a}.vo-workspace input[readonly],.vo-workspace textarea[readonly]{background:#f2f6f3}.vo-workspace p{line-height:1.65}.vo-workspace [hidden],.vo-sensor-panel [hidden],.vo-workspace[hidden],.vo-sensor-panel[hidden]{display:none!important}.vo-actions{display:flex;gap:8px;flex-wrap:wrap}.vo-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vo-card{border:1px solid #d4e4da;background:#f8fbf9;border-radius:12px;padding:22px;margin:0 0 18px;min-width:0}.vo-card h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:7px 0 20px}.vo-card>p{font-size:12px;color:#678372}.vo-card hr{border:0;border-top:1px solid #d4e4da;margin:22px 0}.vo-shift-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.vo-shift-layout textarea{line-height:1.65;font-size:13px}.vo-report{padding:14px 0;border-top:1px solid #d0dfd5}.vo-report small{display:block;margin:5px 0;color:#6a8274}.vo-report p{font-size:12px}.vo-report p,.vo-location-detail li{overflow-wrap:anywhere}.vo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.vo-stats>div{border:1px solid #d4e2d9;background:#f4f9f6;border-radius:10px;padding:17px}.vo-stats span{font-size:11px;color:#668372}.vo-stats strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;margin-top:5px}.vo-health-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.vo-table-wrap{overflow:auto;min-width:0}.vo-table{border-collapse:collapse;width:100%;font-size:12px}.vo-table th{text-align:left;font-size:10px;letter-spacing:.5px;color:#658271;background:#f1f7f3;padding:12px}.vo-table td{border-bottom:1px solid #d8e5dd;padding:14px 12px;vertical-align:top;min-width:100px}.vo-table small,.vo-table strong{display:block}.vo-table small{font-size:10px;line-height:1.65;color:#6b8175;margin-top:4px}.vo-table [data-fault=true]{color:#b35427;font-weight:700}.vo-warning{color:#a06228!important}.vo-log{padding:0;list-style:none;font-size:12px;line-height:1.7}.vo-log li{padding:10px;border-bottom:1px solid #d9e4dc}.vo-location-banner{display:flex;align-items:center;gap:11px;border:1px solid #346c55;background:#1e493b;color:#d0eddd;border-radius:8px;padding:8px 12px;margin:8px 0}.vo-location-banner>span{font-size:25px;color:#94d9b7}.vo-location-banner>div{flex:1;min-width:0}.vo-location-banner strong{display:block;font-size:11px}.vo-location-banner small{display:block;font-size:10px;line-height:1.5;color:#a9ccba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65vw}.vo-location-banner button{background:#285d46;color:#dbf2e3;border-color:#4e846b;white-space:nowrap;padding:7px 10px}.vo-plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.vo-floorplan{position:relative;aspect-ratio:1.42;border:3px solid #336f58;border-radius:8px;background:#eef3f0;overflow:hidden;box-shadow:inset 0 0 0 15px #e4ede7}.vo-room{position:absolute;border:2px solid #8aa999;border-radius:2px;background:#fbfdfb;color:#536d60;padding:13px;font-size:12px;font-weight:750;text-align:center;display:flex;flex-direction:column;justify-content:center}.vo-room small{display:block;font-weight:400;font-size:9px;margin-top:6px;line-height:1.5}.vo-office{left:3%;top:5%;width:27%;height:32%}.vo-corridor{left:32%;top:5%;width:32%;height:30%}.vo-technical{left:67%;top:5%;width:30%;height:35%;background:#e8f2ee}.vo-gallery{left:32%;top:38%;width:32%;height:19%}.vo-lobby{left:3%;top:45%;width:27%;height:45%}.vo-atm{left:32%;top:61%;width:32%;height:29%}.vo-parking{left:67%;top:45%;width:30%;height:45%;background:repeating-linear-gradient(90deg,#f4f3eb,#f4f3eb 40px,#dbe0d7 41px,#f4f3eb 42px)}.vo-entrance{position:absolute;bottom:2%;left:6%;font-size:10px;font-weight:700;color:#5c8070}.vo-camera-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%!important;border:3px solid white!important;background:#19805e!important;color:#fff!important;padding:0!important;box-shadow:0 0 0 2px #258560;font-size:12px!important;z-index:2}.vo-camera-pin[data-status=pending]{background:#c65e31!important;box-shadow:0 0 0 5px #edaa7f77}.vo-camera-pin[data-status=offline]{background:#728078!important;box-shadow:0 0 0 2px #7c837d}.vo-camera-pin[aria-pressed=true]{outline:3px solid #e8bd58;outline-offset:4px}.vo-location-detail{padding:20px;border-radius:12px;background:#f3f8f5;border:1px solid #c5ddcf}.vo-location-detail h3{font-size:22px;margin:8px 0}.vo-location-detail img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;margin:10px 0}.vo-location-detail strong{display:block}.vo-location-detail p,.vo-location-detail ol{font-size:11px;color:#63816e;line-height:1.65}.vo-location-detail ol{padding-left:16px}.vo-location-detail li{margin:12px 0}.vo-legend{display:flex;gap:14px;font-size:11px;color:#388263}.vo-legend span:nth-child(2){color:#b56b35}.vo-legend span:nth-child(3){color:#79887d}.vo-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vo-brand-card{border:1px solid #cfe1d5;border-radius:12px;padding:22px;background:linear-gradient(160deg,#f3faf5,white)}.vo-brand-card h3{font-size:19px;line-height:1.4;margin:8px 0 15px}.vo-brand-card ul{padding-left:17px;font-size:12px;line-height:1.7}.vo-brand-card li{margin-bottom:9px}.vo-limit{font-size:11px;color:#6d8075;border-top:1px solid #d8e5dc;padding-top:13px}.vo-brand-card a,.vo-model-card a{display:block;color:#137557;font-size:11px;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.vo-catalog-filter{margin:28px 0 4px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:14px}.vo-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vo-model-card{border:1px solid #d2e0d6;border-radius:10px;padding:18px;min-width:0}.vo-model-card h3{font-size:16px;overflow-wrap:anywhere;margin:8px 0}.vo-model-card p{font-size:11px;color:#6c8175}.vo-model-card details{margin:14px 0;font-size:11px;line-height:1.7}.vo-model-card summary{cursor:pointer;font-weight:650;color:#2f7455}.vo-model-card ul{padding-left:16px}.vo-evidence-level{font-size:9px!important;display:block;padding:5px 7px;background:#f5f1e7;border:1px solid #e3d9bd;color:#7c6841;border-radius:5px}.vo-facts{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.vo-facts span{font-size:9px;background:#eef5f0;padding:4px 6px;border-radius:4px;max-width:100%;overflow-wrap:anywhere}.vo-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0;font-size:12px}.vo-sensor-panel{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:18px;margin:10px 0;border:1px solid #38755c;border-radius:10px;background:#e9f4ed;color:#174c38}.vo-sensor-panel h3{margin:7px 0;font-size:19px}.vo-sensor-panel p{font-size:11px;line-height:1.7;max-width:450px}.vo-sensor-panel #vo-plate-tools{width:300px;flex-shrink:0}.vo-sensor-panel canvas{display:block;width:100%;height:82px;border-radius:6px;margin-bottom:10px;object-fit:contain}.vo-sensor-panel #vo-thermal-tools{min-width:240px;max-width:350px}.vo-temperature strong{font-size:30px;display:block;color:#285c44}.vo-temperature [data-alarm=true]{color:#b35b23}.vo-temperature small{display:block;font-size:10px;margin:4px 0 12px}.vd-gated #vo-workspace,.vd-gated #vo-location-banner{display:none!important}.vo-opening-required #vd-monitor-workspace,.vo-opening-required #vd-investigation,.vo-opening-required #vd-details,.vo-opening-required .vd-quickbar,.vo-opening-required .vd-navigation,.vo-opening-required #vd-welcome{display:none!important}.vo-opening-required #vo-back{display:none}.vd-guided .vo-workspace{padding:17px}.vd-guided .vo-header{margin-bottom:14px}.vd-guided .vo-header h2{font-size:22px}.vd-guided .vo-header p{font-size:11px}.vd-guided .vo-card{padding:16px}.vd-guided .vo-brand-card{padding:16px}.vd-guided .vo-brand-card li{font-size:10px}
@media(max-width:1100px){.vo-health-layout{grid-template-columns:minmax(0,1fr) 290px}.vo-plan-layout{grid-template-columns:minmax(0,1fr) 250px}.vo-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vo-sensor-panel{flex-wrap:wrap}.vo-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.vo-workspace{padding:15px}.vo-header{flex-wrap:wrap}.vo-health-layout,.vo-shift-layout,.vo-plan-layout{grid-template-columns:1fr}.vo-brand-grid,.vo-model-grid{grid-template-columns:1fr}.vo-stats{grid-template-columns:repeat(2,1fr)}.vo-catalog-filter{grid-template-columns:1fr}.vo-room{font-size:10px;padding:5px}.vo-room small{font-size:8px}.vo-camera-pin{width:27px;height:27px;font-size:10px!important}.vo-floorplan{min-height:360px}.vo-location-banner small{max-width:45vw}.vd-wall[data-layout="12"]{grid-template-columns:repeat(3,minmax(0,1fr))}.vo-sensor-panel #vo-plate-tools{width:100%}.vo-sensor-panel #vo-thermal-tools{min-width:0;width:100%}.vo-two{grid-template-columns:1fr}}
.vo-room{justify-content:flex-start;padding-top:16px}.vo-gallery{padding-top:8px}.vo-gallery small{margin-top:4px}
.vo-plan-layout>div{min-width:0}.vo-legend{flex-wrap:wrap}.vo-floorplan{width:100%}
@media(max-width:760px){.vo-floorplan{aspect-ratio:auto;min-height:0;height:390px}.vo-room{overflow-wrap:anywhere}.vo-location-detail{min-width:0}.vo-location-banner{flex-wrap:wrap}}
/* Communications room: separate environmental and surface readings. */
.vc-room{margin:12px 0;padding:20px;background:#f3f8f5;color:#1e4938;border:1px solid #9cbfac;border-radius:12px;min-width:0}.vc-room[hidden]{display:none!important}.vc-room header{display:flex;align-items:start;justify-content:space-between;gap:14px}.vc-room h3{font-size:22px;margin:7px 0;letter-spacing:-.5px}.vc-room p{font-size:11px;line-height:1.7;color:#61786c}.vc-badge{font-size:9px;font-weight:800;background:#e3ede5;color:#547160;border:1px solid #bad2c0;border-radius:4px;padding:6px;letter-spacing:.5px;white-space:nowrap}.vc-status{background:#dcefe2;border:1px solid #badcc6;border-left:4px solid #298362;padding:12px 14px;font-size:12px;font-weight:700;border-radius:6px;margin:14px 0}.vc-status[data-level=warning]{background:#fff1d6;border-color:#d6ae60;color:#8a5c1e}.vc-status[data-level=critical]{background:#fae8df;border-color:#d99070;color:#983f25}.vc-status[data-level=unknown]{background:#e5e8e6;color:#657368;border-color:#a9b6ac}.vc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vc-metrics>div{padding:15px;background:white;border:1px solid #d0e0d5;border-radius:9px;min-width:0}.vc-metrics span{display:block;font-size:10px;color:#6b8275}.vc-metrics strong{display:block;font-size:22px;line-height:1.2;margin:8px 0;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.vc-metrics small{display:block;font-size:9px;color:#738479;line-height:1.5}.vc-metrics>div:nth-child(n+3) strong{font-size:16px}.vc-room[data-level=critical] #vc-ambient,.vc-room[data-level=critical] #vc-surface{color:#b7502d}.vc-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:16px;margin:16px 0}.vc-body figure{margin:0;min-width:0}.vc-diagram{padding:16px;background:#e4eee7;border:1px solid #b8cec0;border-radius:9px;position:relative}.vc-air{position:relative;text-align:center;background:#fff;border:1px solid #a1c5b2;border-radius:9px;margin:0 auto 22px;padding:12px;max-width:220px;box-shadow:0 4px 0 #c6dfd0}.vc-air span{font-size:9px;color:#71867b;display:block}.vc-air b{font-size:12px;display:block;margin:4px 0 6px}.vc-air i{display:inline-block;height:5px;width:30px;background:#67b9ac;margin:0 2px;border-radius:2px}.vc-air[data-fault=true]{border-color:#d29572;background:#fff0e2;box-shadow:0 4px 0 #edbf9b}.vc-air[data-fault=true] i{background:#c58253}.vc-room-racks{display:flex;justify-content:center;gap:16px}.vc-rack{background:#1a3831;color:#d3e8da;padding:12px;border-radius:5px;flex:1;max-width:160px;border:3px solid #3d6655;box-shadow:5px 6px 0 #cad9cf}.vc-rack b,.vc-rack span{display:block;font-size:10px;text-align:center}.vc-rack span{font-size:8px;color:#9ebbad;margin:5px 0 10px}.vc-rack i{display:block;height:17px;border:1px solid #658271;border-radius:2px;margin:5px 0;background:repeating-linear-gradient(90deg,#355748 0 8px,#294539 8px 10px);position:relative}.vc-rack i:after{content:'';position:absolute;right:4px;top:5px;width:4px;height:4px;background:#70d7a3;border-radius:50%}.vc-room[data-level=critical] .vc-rack{box-shadow:0 0 22px #ec8d55aa;border-color:#a3714b}.vc-sensor-mark{text-align:center;font-size:10px;margin:16px 0 10px}.vc-sensor-mark b{display:inline-block;margin-left:8px;padding:5px 9px;background:white;border-radius:5px;font-size:12px}.vc-diagram figcaption{font-size:9px;line-height:1.5;color:#698071}.vc-chart{padding:14px;background:white;border:1px solid #c9dbce;border-radius:9px;align-self:stretch}.vc-chart figcaption{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:12px}.vc-chart figcaption span{color:#728778;font-size:10px}.vc-chart canvas{width:100%;height:auto;display:block}.vc-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;margin-top:10px;color:#148162}.vc-legend span:nth-child(2){color:#be7334}.vc-legend span:nth-child(3){color:#9b6b3a}.vc-actions{display:flex;gap:8px;flex-wrap:wrap}.vc-room button{font-size:11px;font-weight:650;padding:10px 12px;border:1px solid #accbbb;border-radius:6px;background:white;color:#256349}.vc-room button:disabled{opacity:.5;cursor:not-allowed}.vc-room button:not(:disabled):hover{background:#dcefe2}.vc-room #vc-start{background:#226d52;color:#fff}.vc-room #vc-recover{background:#e6f1f8;border-color:#b7ccd9;color:#3a647d}.vc-settings{border-top:1px solid #c8dbcf;padding-top:14px;margin-top:15px}.vc-settings summary{font-size:11px;font-weight:700;cursor:pointer}.vc-settings>div{display:flex;gap:14px;align-items:end;margin:14px 0}.vc-settings label{font-size:10px;flex:1;max-width:220px}.vc-settings input{display:block;padding:9px;width:100%;box-sizing:border-box;font:inherit;border:1px solid #a8c9b6;border-radius:5px;margin-top:6px}.vc-footnote{border-top:1px solid #d1e1d7;padding-top:12px;font-size:10px!important}.vc-room button:focus-visible,.vc-settings summary:focus-visible{outline:3px solid #278d68;outline-offset:3px}
@media(max-width:900px){.vc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-body{grid-template-columns:1fr}.vc-diagram{display:none}.vc-room{padding:15px}.vc-settings>div{flex-wrap:wrap}.vc-room h3{font-size:19px}}
@media(max-width:450px){.vc-room header{flex-wrap:wrap}.vc-metrics strong{font-size:20px}.vc-metrics>div{padding:11px}.vc-chart{padding:9px}.vc-chart figcaption{flex-wrap:wrap}.vc-settings label{max-width:none;min-width:110px}}
.vc-heading-actions{display:flex;align-items:center;gap:8px}.vc-focus #vd-monitor-workspace{grid-template-columns:minmax(0,1fr) 280px}.vc-focus #vd-monitor-workspace>.vd-sidebar{display:none!important}.vc-focus #vd-viewer>:not(#vc-room):not(#vo-location-banner){display:none!important}.vc-focus #vd-viewer{background:transparent;padding:0}.vc-focus #vc-room{margin-top:0}.vc-focus .vc-diagram{display:block}.vc-focus #vc-room h3{font-size:19px}.vc-focus .vc-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.vc-focus .vc-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.vc-focus .vc-metrics>div{padding:11px}.vd-guided.vc-focus .vc-footnote,.vd-guided.vc-focus .vc-settings{display:none}.vc-focus .vc-room header p{margin:6px 0}.vc-focus .vc-rack i{height:12px}.vc-focus .vc-air{margin-bottom:15px}.vc-focus #vo-location-banner{margin-top:0}
@media(max-width:1050px){.vc-focus #vd-monitor-workspace{grid-template-columns:1fr}.vc-focus #vd-monitor-workspace>.vd-event-rail{grid-column:1}.vc-focus .vc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vc-focus .vc-body{grid-template-columns:1fr}.vc-focus .vc-diagram{display:none}.vc-heading-actions{flex-wrap:wrap}.vc-focus .vc-room h3{font-size:18px}}