*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#121414;color:#e7e9e8}.shell{display:flex;min-height:100vh}.side{width:230px;background:#0b0d0d;border-right:1px solid #262a28;padding:18px 14px;display:flex;flex-direction:column;justify-content:space-between;position:fixed;inset:0 auto 0 0}.side>div:first-child{overflow:auto}.brand{font-weight:900;font-size:24px;letter-spacing:-1px;color:#f5f7f6;margin-bottom:22px}.brand span{color:#3b82f6}.profile{display:flex;gap:10px;align-items:center;padding:11px;background:#151817;border:1px solid #222725;margin-bottom:16px}.avatar{width:36px;height:36px;border-radius:50%;background:#2563eb;display:grid;place-items:center;font-weight:800}.profile small,.profile b{display:block}.profile small{color:#8e9994;font-size:11px;margin-top:3px}.section{background:#2563eb;color:#fff;font-size:10px;font-weight:800;padding:7px 9px;margin:12px 0 6px}.side nav{display:grid;gap:3px}.side nav a,.logout{color:#bdc4c1;text-decoration:none;padding:10px 11px;font-size:13px;border-left:3px solid transparent}.side nav a:hover,.side nav a.on{background:#1d211f;color:#fff;border-left-color:#3b82f6}.logout{display:block;border:1px solid #252b28;text-align:center}.shell main{margin-left:230px;width:calc(100% - 230px);padding:22px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.top h2{margin:0;font-size:24px}.top p{margin:5px 0 0;color:#7f8a85;font-size:12px}.status-pill{background:#0f2747;color:#60a5fa;padding:8px 12px;border:1px solid #1d4ed8;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.stat,.panel{background:#191c1b;border:1px solid #292e2b;box-shadow:0 8px 24px #0002}.stat{padding:16px}.stat span,.stat small{display:block;color:#89938e}.stat b{font-size:26px;display:block;margin:7px 0}.panel{padding:15px;margin-bottom:15px}.panel h3{margin:0 0 6px}.panel p{margin:3px 0}.panelhead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.btn,.btnfull,.form button,.roihelp button,.actions button{background:#2563eb;color:white;border:0;padding:10px 14px;text-decoration:none;cursor:pointer;font-weight:700}.btnfull{width:100%;margin-top:5px}.camera-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.camera-grid.large{grid-template-columns:repeat(3,1fr)}.camcard{background:#0f1111;border:1px solid #2b302d;text-decoration:none;color:white;overflow:hidden}.camcard img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#050606;display:block}.camtitle{padding:8px 9px;font-size:12px;border-bottom:1px solid #252a27}.camtitle span{float:right;color:#60a5fa;font-size:10px}.cammeta{padding:8px;color:#8e9994;font-size:11px;min-height:31px}.cammeta em{font-style:normal;background:#102a43;color:#93c5fd;padding:3px 6px;margin-right:4px}.actions{display:flex;gap:6px;align-items:center;padding:8px;border-top:1px solid #242926}.actions form{margin:0}.actions a{color:#60a5fa;font-size:11px}.ghost{background:#2d3230!important;color:#d7dcda!important;border:1px solid #434a46!important}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.module-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.module-mini span{background:#10233f;border:1px solid #1e4f8a;padding:8px 10px;color:#93c5fd;font-size:12px}.events>div{padding:9px 0;border-bottom:1px solid #292e2b}.events b,.events span,.events small{display:block}.events span{color:#b6bfbb;font-size:12px;margin:3px 0}.events small,.muted{color:#75807a;font-size:11px}.form{display:grid;gap:8px}.form label{font-size:12px;color:#abb4b0}.form input,.form select,.panel input,.threshold{background:#0f1211;border:1px solid #343a36;color:white;padding:10px;width:100%}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto}.hint{font-size:11px!important;color:#7c8782}.examples{display:grid;gap:8px}.examples code{display:block;background:#0d100f;border:1px solid #252a27;padding:10px;color:#60a5fa;overflow:auto}.module-layout{display:grid;grid-template-columns:370px 1fr;gap:15px}.modulelist{max-height:calc(100vh - 110px);overflow:auto}.modulegroup{border-top:1px solid #2d322f;padding:10px 0}.modulegroup h4{margin:0 0 8px;color:#60a5fa}.opt{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:5px 0}.opt label{font-size:12px}.opt .threshold{grid-column:1/-1}.roiBtn{background:#17243a;color:#60a5fa;border:1px solid #334155;padding:5px 8px;cursor:pointer}.roiwrap{position:relative;width:100%;background:#050606}.roiwrap img{display:block;width:100%;max-height:70vh;object-fit:contain}.roiwrap canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.roihelp{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.roihelp b{font-size:12px;color:#93c5fd}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px;border-bottom:1px solid #2b302d;text-align:left}th{color:#93c5fd}.inline{display:inline}.danger{background:#6e2020!important;color:#fff;border:0;padding:5px 8px}.empty{color:#79847f;padding:25px}.auth{min-height:100vh;display:grid;place-items:center;background:#0d0f0e}.authcard{width:min(420px,90vw);background:#181b1a;border:1px solid #2c312f;padding:28px;display:grid;gap:10px}.authcard h1{margin:0}.authcard p,.authcard small{color:#8b9691}.authcard label{font-size:12px}.authcard input{padding:12px;background:#0e1110;border:1px solid #333936;color:white}.authcard button{padding:12px;background:#2563eb;color:white;border:0;font-weight:800}.authcard a{color:#60a5fa}.error{background:#5b1d1d;padding:10px}@media(max-width:1100px){.camera-grid,.camera-grid.large{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.module-layout,.two{grid-template-columns:1fr}}@media(max-width:720px){.side{position:static;width:100%;height:auto}.shell{display:block}.shell main{margin:0;width:100%;padding:12px}.camera-grid,.camera-grid.large,.stats{grid-template-columns:1fr}.top{align-items:flex-start}.status-pill{display:none}}

/* Per-module ROI workflow */
.roiBtn:disabled { opacity: .38; cursor: not-allowed; }
.roiSavedState { color: #3b82f6; font-size: 11px; font-weight: 700; margin-left: 8px; }
#saveRoi:disabled { opacity: .45; cursor: not-allowed; }
.source-fields[hidden] { display: none !important; }
/* VMS analytics expansion */
.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.chartpanel{height:340px}.chartpanel canvas{width:100%!important;height:275px!important}.filterbar{display:grid;grid-template-columns:1fr 220px;gap:10px}.filterbar select{background:#0f1211;border:1px solid #343a36;color:#fff;padding:10px}.watchlist{display:grid;gap:8px}.watchrow{display:grid;grid-template-columns:110px 150px 1fr 110px;gap:14px;align-items:center;background:#1a1d1c;border:1px solid #2c312e;padding:9px}.watchthumb{width:110px;height:62px;background:#0c0e0d;display:grid;place-items:center;color:#6f7974;font-size:10px;overflow:hidden}.watchthumb img{width:100%;height:100%;object-fit:cover}.watchtime{font-size:11px;color:#9aa39f}.watchbody b,.watchbody span,.watchbody small{display:block}.watchbody span{font-size:12px;color:#c1c8c4;margin:4px 0}.watchbody small{font-size:10px;color:#7f8984}.watchbadge{color:#ff7272;font-size:10px;text-align:right}.online-pill{display:inline-block;padding:5px 8px;border-radius:14px;font-size:10px;background:#3a2020;color:#ff7777}.online-pill.ok{background:#102a43;color:#60a5fa}.online-pill.off{background:#3a2020;color:#ff7777}.inspect{display:inline-block;background:#48514d;color:#fff;text-decoration:none;padding:6px 10px}.device-table-wrap{overflow:auto}.device-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.detail-feed{width:100%;background:#050606;aspect-ratio:16/9;object-fit:contain;border:1px solid #2d332f}.device-info dl{display:grid;grid-template-columns:130px 1fr;margin:10px 0}.device-info dt,.device-info dd{padding:9px;border-bottom:1px solid #2b302d;margin:0}.device-info dt{color:#8b9590}.device-info dd{color:#e4e8e6;word-break:break-all}.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.signal-grid>div{background:#101311;border:1px solid #29302c;padding:10px}.signal-grid span,.signal-grid b{display:block}.signal-grid span{font-size:10px;color:#8b9690}.signal-grid b{font-size:20px;margin-top:4px;color:#60a5fa}.eventtile{background:#101312;border:1px solid #2b302d;padding:8px}.eventtile img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:6px}.eventtile b,.eventtile small{display:block}.eventtile small{color:#7f8984;margin-top:4px}.site-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}#map{height:560px;background:#0e1110}.site-list{display:grid;gap:6px}.site-list a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#e7e9e8;background:#111412;border:1px solid #29302c;padding:10px}.site-list span small{display:block;color:#7f8984;margin-top:3px}.good{color:#60a5fa}.bad{color:#ff6b6b}.location-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.location-grid>div{display:grid;gap:5px}.refreshbtn{padding:8px 12px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#171a19;color:#e7e9e8}.leaflet-popup-content a{color:#60a5fa}@media(max-width:1100px){.analytics-grid,.device-detail-grid,.site-grid{grid-template-columns:1fr}.watchrow{grid-template-columns:90px 120px 1fr}.watchbadge{display:none}.location-grid{grid-template-columns:1fr}}


/* NEXT UI: hidden scrollbars while preserving scroll behavior */
html,body{overflow-x:hidden;}
*{scrollbar-width:none;-ms-overflow-style:none;}
*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important;}
.side,.side>div:first-child,.shell main,.modulelist,.device-table-wrap,.watchlist,.events,.examples code{scrollbar-width:none;-ms-overflow-style:none;}
.side::-webkit-scrollbar,.side>div:first-child::-webkit-scrollbar,.shell main::-webkit-scrollbar,.modulelist::-webkit-scrollbar,.device-table-wrap::-webkit-scrollbar,.watchlist::-webkit-scrollbar,.events::-webkit-scrollbar,.examples code::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

/* SEiNG-inspired enterprise VMS theme — adapted to NEXT VMS */
:root{--green:#00a95c;--green2:#00c36d;--bg:#090d0b;--side:#070a09;--panel:#111613;--panel2:#151b17;--border:#263029;--text:#edf4ef;--muted:#89958e;--red:#ef5555;--amber:#e6b84c}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.side{width:248px;background:var(--side);border-color:#1c2420;padding:14px 14px 18px}.shell main{margin-left:248px;width:calc(100% - 248px);padding:22px 28px 40px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:-.5px}.brand span{color:#f5fff9}.brandmark{width:31px;height:31px;background:var(--green);display:grid;place-items:center;color:#07110b!important;font-weight:900;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}.profile{background:#0d120f;border-color:#1b251f;border-radius:2px}.avatar{background:var(--green);color:#051109}.section{background:var(--green);color:#04120a;font-weight:900;letter-spacing:.04em;padding:7px 10px;margin-top:10px}.side nav a,.logout{border-left:0;padding:9px 10px;border-radius:2px;font-size:12px}.side nav a:hover,.side nav a.on{background:#121914;border-left:0;color:#fff;box-shadow:inset 3px 0 0 var(--green)}.top{border-bottom:1px solid #202a24;padding-bottom:16px}.top h2{font-size:25px}.top-actions{display:flex;align-items:center;gap:9px}.iconbtn{width:34px;height:34px;background:#111713;border:1px solid var(--border);color:var(--green);border-radius:50%}.status-pill{background:#0d1d13;color:#59e799;border-color:#174d2f;border-radius:2px;font-size:10px;letter-spacing:.06em}.stat,.panel{background:var(--panel);border-color:var(--border);box-shadow:none;border-radius:2px}.stat{min-height:104px}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.stat b{font-size:29px}.stat b i{font-size:13px;color:var(--muted);font-style:normal}.stat small em{color:var(--red);font-style:normal}.panelhead h3,.panel h3{font-size:15px}.panelhead p,.panel p{font-size:11px;color:var(--muted)}.btn,.btnfull,.form button,.roihelp button,.actions button{background:var(--green);color:#06120b;border-radius:2px;font-size:10px;letter-spacing:.04em}.btn.subtle{background:#29322d;color:#e8eeea}.textlink{font-size:10px;font-weight:800;color:#67eaa1;text-decoration:none}.dashboard-map-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:15px}.map-panel{padding-bottom:10px}#dashboardMap{height:365px;background:#0c100e}.map-legend{display:flex;gap:18px;padding-top:10px;font-size:10px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.dot.ok{background:var(--green)}.dot.warn{background:var(--amber)}.dot.bad{background:var(--red)}.compact-list{max-height:440px;overflow:auto}.status-row,.device-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 4px;border-bottom:1px solid #232d27;color:var(--text);text-decoration:none}.status-row span:first-child,.device-line span:nth-child(2){flex:1}.status-row b,.device-line b{display:block;font-size:12px}.status-row small,.device-line small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.health{font-size:9px;font-weight:800;padding:5px 7px;border-radius:12px}.health.ok{background:#0e321f;color:#62e99c}.health.bad{background:#3a1818;color:#ff8181}.device-icon{color:var(--green)}.event-row{display:grid!important;grid-template-columns:10px 1fr auto;gap:9px;align-items:center}.event-row .event-dot{width:7px;height:7px;background:var(--green);border-radius:50%}.event-row time{font-size:9px;color:var(--muted)}.camera-grid{gap:8px}.camcard{background:#0d120f;border-color:#273129}.camtitle{background:#151b17;font-size:11px}.camtitle span{color:#61e69a}.cammeta em{background:#10301e;color:#6ae8a2}.form input,.form select,.panel input,.panel select,.threshold,.search-grid input,.search-grid select{background:#0b100d;border:1px solid #303b34;color:#fff;padding:10px}.site-list a{background:#0c110e;border-color:#263029}.good{color:#50e390}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#111713}.leaflet-popup-content a{color:#4fe292}.search-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.search-grid label{display:grid;gap:6px;font-size:10px;color:var(--muted)}.object-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.object-chips button{background:#121a15;border:1px solid #2d3a32;color:#b8c4bd;padding:7px 10px;border-radius:16px;cursor:pointer}.object-chips button:hover{border-color:var(--green);color:#69eba4}.object-chips.compact{margin:0}.results-placeholder{height:260px;border:1px dashed #35423a;display:grid;place-items:center;color:#6f7d75;margin-top:16px}.case-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-card,.feature-card{background:#0d120f;border:1px solid #263029;padding:15px;position:relative}.case-card h3,.feature-card h4{margin:9px 0 6px;font-size:13px}.case-card p,.feature-card p{font-size:11px;line-height:1.5}.case-card small{color:var(--muted)}.case-state{display:inline-block;background:#103422;color:#62e69a;font-size:8px;font-weight:900;padding:4px 6px}.case-state.mutedstate{background:#332e13;color:#e5cc64}.case-state.closed{background:#29302c;color:#a0aaa4}.feature-card{display:grid;grid-template-columns:34px 1fr 25px;gap:10px;align-items:start}.feature-icon{width:30px;height:30px;background:#103422;color:#61e89c;display:grid;place-items:center}.kebab{border:0;background:transparent;color:#808d85}.event-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.event-card{background:#0c110e;border:1px solid #263029;overflow:hidden}.event-card img,.event-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:#060806;display:grid;place-items:center;color:#3f4a43;font-size:11px}.event-card>div:last-child{padding:12px}.event-card h4{margin:7px 0 4px;font-size:13px}.event-card p{margin:0 0 8px}.event-card small{color:var(--muted);font-size:9px}.modal{display:none;position:fixed;inset:0;background:#000a;z-index:999;place-items:center}.modal.show{display:grid}.modal>div{width:min(480px,90vw);background:#111713;border:1px solid #354138;padding:20px}.modal input,.modal textarea{width:100%;margin:8px 0;padding:11px;background:#080d0a;border:1px solid #303b34;color:#fff}.modal textarea{min-height:110px}.watchrow{background:#0e130f;border-color:#263029}.online-pill.ok{background:#103422;color:#62e69a}.module-mini span{background:#103422;border-color:#1f5738;color:#6beaa5}th{color:#73e6a6;background:#0d120f}td,th{border-color:#263029}.analytics-grid canvas{filter:saturate(.9)}
@media(max-width:1150px){.dashboard-map-grid,.site-grid,.analytics-grid,.device-detail-grid{grid-template-columns:1fr}.case-grid,.feature-grid,.event-board{grid-template-columns:repeat(2,1fr)}.search-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.case-grid,.feature-grid,.event-board,.search-grid{grid-template-columns:1fr}}
\n\n/* Operational data + alert severity */
.ops-section{margin-top:15px}.table-scroll{overflow:auto}.ops-table,.alerts-table{min-width:940px}.ops-table a{color:#70e9a7;text-decoration:none}.data-pill{font-size:9px;font-weight:900;letter-spacing:.08em;padding:6px 8px;background:#0e3220;color:#67e9a0;border:1px solid #1e5638}.danger-cell{color:#ff7c72;font-weight:800}.muted{color:#89958e}.compliance{display:inline-block;width:82px;height:7px;background:#263029;vertical-align:middle;margin-right:8px;overflow:hidden}.compliance span{display:block;height:100%;background:#00a95c}.severity-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:15px}.sev{display:flex;flex-direction:column;gap:5px;padding:11px;border:1px solid #28312c;background:#101512;font-size:11px;font-weight:800}.sev small{font-size:9px;color:#89958e;font-weight:500}.sev.critical{color:#ff5d5d}.sev.high{color:#ff9f43}.sev.medium{color:#f5d547}.sev.low{color:#4ea3ff}.sev.info{color:#b0b7b3}.severity-badge{display:inline-block;min-width:64px;text-align:center;padding:5px 7px;border-radius:2px;font-size:9px;font-weight:900}.severity-badge.critical{background:#441717;color:#ff6b6b;border:1px solid #772727}.severity-badge.high{background:#482b11;color:#ffae58;border:1px solid #74471d}.severity-badge.medium{background:#443c12;color:#f6da52;border:1px solid #6b601e}.severity-badge.low{background:#102b47;color:#67b2ff;border:1px solid #204f7d}.severity-badge.info{background:#2a302d;color:#c6cfca;border:1px solid #3b4640}.alert-thumb{width:110px;height:62px;object-fit:cover;border:1px solid #313a35}.sevrow-critical{box-shadow:inset 3px 0 #ef4444}.sevrow-high{box-shadow:inset 3px 0 #f59e0b}.sevrow-medium{box-shadow:inset 3px 0 #eab308}@media(max-width:1000px){.severity-strip{grid-template-columns:repeat(2,1fr)}}\n

/* Prime Security Services branding */
.prime-brand{display:flex!important;align-items:center;gap:10px;margin-bottom:18px!important;min-height:64px}
.prime-brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:7px;padding:2px;box-shadow:0 4px 16px #0008}
.prime-brand>div{display:flex;flex-direction:column;min-width:0}
.prime-brand strong{font-size:19px;line-height:1;color:#eef6ff;letter-spacing:.02em}
.prime-brand small{font-size:10px;line-height:1.25;color:#8fa4b8;margin-top:5px;letter-spacing:.04em;font-weight:600}
.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #29332d}
.auth-brand img{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.auth-brand h1{margin:0 0 5px;font-size:22px;color:#f0f6ff}
.auth-brand p{margin:0;color:#8fa4b8;font-size:11px}
.prime-authcard{width:min(430px,calc(100vw - 30px))}
.prime-authcard h2{font-size:18px;margin:10px 0 14px}
@media(max-width:720px){.prime-brand img{width:44px;height:44px}.prime-brand strong{font-size:16px}.prime-brand small{font-size:9px}}