:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20312f;background:#f5f7f6;font-size:14px;--green:#176b55;--border:#e0e6e3;--muted:#73817c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #d7e0dc;border-radius:7px;padding:10px 16px;color:#294039;font-weight:600}button:hover{background:#edf4f0}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#11503e}a{color:var(--green)}aside{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--border);padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:24px;text-decoration:none;font-weight:800}.brand:first-letter{color:#fff}.brand span{color:#1e3830}.workspace{font-size:10px;letter-spacing:1.4px;color:#8b9791;margin:48px 12px 14px}nav{display:grid;gap:6px}.nav{border:0;text-align:left;background:none;color:#78847f;font-weight:500;padding:13px 12px}.nav.active{background:#e8f2ec;color:#146447}.sidebar-bottom{margin-top:auto;line-height:1.8;color:#697a72;padding:16px 10px}.sidebar-bottom small{font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#52a681;margin-right:7px}main{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--border);background:#fff}.breadcrumb{font-size:10px;letter-spacing:1.3px;color:#8b9991}.breadcrumb span{margin:0 16px}.breadcrumb b{color:#425b4e;font-weight:500}#connection{font-size:12px;color:var(--muted)}.page{padding:38px 42px 24px}.eyebrow{color:var(--green);font-size:10px;font-weight:700;letter-spacing:1.7px}h1{font-size:32px;letter-spacing:-1px;font-weight:600;line-height:1.2;margin:12px 0}h2{font-size:16px;font-weight:600;margin:0 0 12px}p{color:var(--muted);line-height:1.7;margin:8px 0 22px}.title-row{display:flex;align-items:center;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.stats article,.panel{background:white;border:1px solid var(--border);border-radius:10px;padding:24px}.stats span{font-size:12px;color:#637a6e}.stats strong{display:block;font-size:36px;font-weight:500;margin:17px 0 8px}.stats small{font-size:10px;color:#92a097}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:34px 0 17px}.pill{background:#eaf2ee;color:#3e6c57;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device{background:white;border:1px solid var(--border);border-radius:10px;padding:22px}.device h3{font-weight:600;font-size:15px;margin:12px 0}.device .device-top{display:flex;justify-content:space-between}.device small{color:var(--muted);font-size:11px}.device dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#536d60;margin:24px 0}.device dd{margin:0;text-align:right}.device button{width:100%;margin-top:8px}.empty{grid-column:1/-1;text-align:center;background:white;border:1px dashed #d2ded6;padding:45px;border-radius:10px;color:#7c8c83}.empty b{display:block;font-size:16px;font-weight:500;color:#486354;margin-bottom:10px}.callout{background:#eef3ef;border:1px solid #dfe8e2;border-radius:9px;padding:20px 24px;margin-top:26px;font-size:12px}.callout p{margin:6px 0 0;font-size:12px}.filters{display:flex;gap:15px;align-items:end;margin:25px 0}.filters label{flex:1}label{font-size:11px;color:#6b8174;display:block}input,select{display:block;margin-top:8px;width:100%;padding:11px 12px;border:1px solid #d9e2dd;border-radius:6px;color:#284338;background:#fff;min-width:0}input:focus,select:focus{outline:2px solid #8cb5a0;outline-offset:2px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:9px;background:white}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#f9fbf9;color:#77887e;font-size:11px;padding:16px 20px;font-weight:500}td{padding:18px 20px;border-top:1px solid #edf0ee;font-size:12px}td:first-child{font-weight:700;letter-spacing:.5px}.pagination{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin:16px 0;font-size:11px;color:var(--muted)}.matches{display:grid;gap:16px;margin-top:24px}.match{background:#fff;border:1px solid var(--border);border-radius:9px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.match h3{margin:0 0 10px}.match p{font-size:12px;margin:5px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.review{background:#fff3da;color:#947123}.rejected{background:#f4e8e6;color:#91584d}.lab-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin:26px 0}.panel p{font-size:13px}.panel li{margin:15px 0;color:#6a7e73;font-size:12px}pre{background:#f4f7f5;border:1px solid #e1e9e4;white-space:pre-wrap;word-break:break-word;padding:15px;line-height:1.7;font-size:11px;border-radius:6px;max-height:220px;overflow:auto}.muted{color:#87968e!important;font-size:11px!important}.login{max-width:650px;margin:60px auto;padding:44px;align-self:center}.login h1{font-size:40px;line-height:1.2;margin:22px 0}.login .primary{width:100%;margin:20px 0}.login small{color:#8a988f;font-size:10px}.demo-label{font-size:10px;color:#9b7d39;letter-spacing:1px;margin:28px 0 16px}.notice{margin:0 42px;color:#975140;font-size:13px;line-height:1.5}.notice:not(:empty){background:#fff2ec;padding:14px 18px;border-radius:7px;margin-top:20px}footer{margin-top:auto;padding:24px 42px;display:flex;align-items:center;gap:18px;color:#9aa69e;font-size:10px;border-top:1px solid var(--border)}footer span{margin-left:auto}footer button{font-size:10px;padding:6px 10px}dialog{border:1px solid var(--border);border-radius:12px;max-width:min(900px,95vw);width:800px;padding:25px}dialog::backdrop{background:#10251dbb}dialog button{float:right}dialog img,dialog video{max-width:100%;max-height:65vh;margin-top:20px}#evidence-images{display:flex;gap:15px;flex-wrap:wrap}#evidence-images img{max-width:48%;object-fit:contain}[hidden]{display:none!important}@media(max-width:1100px){aside{width:200px}main{margin-left:200px}.page{padding:30px 24px}.stats{gap:10px}.stats article{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}header{padding:0 24px}.lab-grid{grid-template-columns:1fr}}@media(max-width:760px){aside{position:static;width:100%;padding:15px 18px}.brand{font-size:20px}.workspace,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}.nav{white-space:nowrap;font-size:11px;padding:9px}.nav.active{border-radius:5px}main{margin-left:0}header{height:55px;padding:0 20px}.breadcrumb{font-size:8px}.breadcrumb span{margin:0 8px}#connection{font-size:10px}.page{padding:25px 18px}.stats{grid-template-columns:repeat(2,1fr);margin-top:18px}.grid{grid-template-columns:1fr}h1{font-size:27px}.filters{flex-wrap:wrap}.filters label{min-width:130px}.match{align-items:start;flex-direction:column}.login{margin:25px 18px;padding:25px}.login h1{font-size:32px}.notice{margin:0 18px}footer{padding:20px 18px;flex-wrap:wrap}.title-row{gap:15px}.pagination{justify-content:center;gap:8px}.stats strong{font-size:30px}.stats small{font-size:9px}}


/* User presence and location dashboard */
.pill.online{background:#e0f3e9;color:#176b55}.pill.offline{background:#edf0ee;color:#68756e}
.presence-help{font-size:12px;margin:10px 0 18px}.device .last-active{font-size:12px;margin:14px 0 0}.device .location-note{font-size:11px;margin:12px 0}.device h3,.device small{overflow-wrap:anywhere}.device-top{gap:12px;align-items:center}.device-top .pill{flex-shrink:0}
.map-toolbar{display:flex;gap:16px;align-items:end;margin:24px 0 18px}.map-toolbar label:first-child{flex:1;max-width:360px}.map-toolbar label{min-width:150px}#map-summary{margin-left:auto;color:var(--muted);font-size:12px;padding-bottom:12px}
.map-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#536d60}.map-legend span{display:flex;gap:8px;align-items:center}.map-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.map-dot.online{background:#176b55}.map-dot.stale{background:#b57a22}.map-dot.offline{background:#7b8581}
.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.map-canvas{position:relative;isolation:isolate;border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}#patrol-map{height:560px;background:#e5ece7;z-index:0}.map-empty{position:absolute;z-index:1;top:60px;left:50%;transform:translateX(-50%);padding:14px 18px;border-radius:8px;background:white;box-shadow:0 2px 12px #20312f22;font-size:12px;width:max-content;max-width:85%;text-align:center;pointer-events:none}.map-users{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow:auto}.map-user{display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;padding:16px;font-weight:400}.map-user strong{font-size:13px;overflow-wrap:anywhere}.map-user small{grid-column:1/-1;color:var(--muted);font-size:11px}.map-user:disabled{opacity:1;background:#f0f3f1;cursor:default}.map-popup p{margin:5px 0;font-size:12px}.map-popup strong{display:block;margin-bottom:8px}.map-error{font-size:12px;color:#975140;margin:12px 0}.map-error:empty{display:none}.leaflet-control-attribution{font-size:10px!important}.leaflet-popup-content{overflow-wrap:anywhere}
@media(max-width:1100px){.map-layout{grid-template-columns:minmax(0,1fr)}.map-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}}
@media(max-width:760px){.map-toolbar{flex-wrap:wrap}.map-toolbar label:first-child{max-width:none}#map-summary{margin-left:0;width:100%;padding:0}.map-legend{gap:12px;font-size:10px}#patrol-map{height:420px}.map-users{grid-template-columns:1fr}.map-layout{gap:12px}.title-row button{font-size:11px;padding:10px}.leaflet-control-attribution{max-width:240px}}

/* Route history, device administration, and operational options */
.route-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;margin-top:20px}
.route-layout .map-users{max-height:560px}.route-layout .map-user{background:#fff}
#route-map{height:560px;background:#e5ece7;z-index:0}
.settings-form{display:grid;gap:18px;max-width:650px;margin-top:24px}
.settings-form label:not(.toggle){max-width:340px}
.settings-form .toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:#294039}
.settings-form .toggle input{width:auto;margin:0}.settings-form .presence-help{margin:0}
.settings-form button{justify-self:start}.settings-form #settings-status{font-size:12px;color:var(--green)}
#admin-device-rows td:first-child{white-space:normal;overflow-wrap:anywhere;min-width:190px}
@media(max-width:1100px){.route-layout{grid-template-columns:1fr}.route-layout .map-users{display:flex;max-height:220px}}
@media(max-width:760px){#route-map{height:420px}.route-layout{gap:12px}}