:root{--navy:#101b2b;--blue:#17569b;--line:#dbe1e8;--muted:#6c7886;--bg:#edf1f5;--red:#c91f35;--orange:#e78017;--green:#219653;--police:#215a9a;--fire:#c32b37;--ambulance:#05866a;--anwb:#f08a00;font-family:Inter,Segoe UI,Arial,sans-serif;color:#263342;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:12px}.hidden{display:none!important}button,input,select,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 10%,#274e74,transparent 32%),var(--navy);padding:24px}.login-card{width:min(430px,100%);background:#fff;padding:42px;box-shadow:0 28px 80px #0008;border-top:5px solid #25c4bf}.brand-mark{width:56px;height:56px;display:grid;place-items:center;background:#25c4bf;color:#0d2332;font-size:18px;font-weight:900}.brand-mark.small{width:36px;height:36px;font-size:12px}.login-card .eyebrow,.kicker{color:var(--blue);letter-spacing:1.5px;font-size:9px;font-weight:800}.login-card h1{font-size:36px;margin:10px 0}.login-card h1 span{color:#159b9b}.muted{color:var(--muted);line-height:1.5}.login-card label,dialog label{display:grid;gap:6px;margin:16px 0;font-weight:700;color:#586574}.login-card input,dialog input,dialog select,dialog textarea{border:1px solid var(--line);padding:11px;background:#f9fbfc;color:#273542}.login-card button[type=submit],.primary{border:0;background:var(--blue);color:#fff;padding:11px 15px;font-weight:800}.login-card button[type=submit]{width:100%}.error{color:var(--red);min-height:1em}.app{min-width:1000px}header{height:58px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 18px;gap:25px}.brand{display:flex;align-items:center;gap:10px;margin-right:12px}.brand strong,.brand small{display:block}.brand small{font-size:8px;color:#78a2c7;letter-spacing:1.5px;margin-top:2px}nav{display:flex;height:100%}nav button{border:0;background:transparent;color:#aebccb;padding:0 17px}nav .nav-active{background:#1b2c42;color:#fff;border-bottom:3px solid #27c1be}.header-status{margin-left:auto;display:flex;align-items:center;gap:9px;color:#aebccb}.live-dot{width:7px;height:7px;background:#36ce78;border-radius:50%;box-shadow:0 0 8px #36ce78}.header-status time{border-left:1px solid #36485d;padding-left:12px}.ghost{background:#192b41;border:1px solid #34475c;color:#dbe4eb;padding:7px 10px}.commandbar{height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:10px 18px;gap:9px}.commandbar>button,.sos{border:0;padding:10px 13px;font-weight:700}.commandbar>button:not(.primary):not(.sos){background:#eef2f6;color:#344454}.sos{background:var(--red);color:#fff}.command-stat{height:42px;border-left:1px solid var(--line);padding:4px 15px;display:grid;gap:2px}.command-stat span{font-size:9px;color:var(--muted);text-transform:uppercase}.command-stat strong{font-size:17px}.radio-inline{margin-left:auto;display:flex;align-items:center;gap:7px}.radio-inline label{display:flex;align-items:center;gap:8px;color:var(--muted)}.radio-inline select{border:1px solid var(--line);padding:7px;background:#fff}.ptt{border:0;background:#e7edf3;color:#253646;padding:9px 13px;font-weight:800}.ptt span{color:var(--green)}.ptt.transmitting{background:var(--orange);color:#fff}.connection-pill,.badge{padding:6px 8px;background:#edf2f5;color:#677584;font-size:9px;text-transform:uppercase}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 8px 0}.service{background:#fff;border:1px solid var(--line);min-height:108px}.service-head{height:31px;color:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-weight:800}.police .service-head{background:var(--police)}.fire .service-head{background:var(--fire)}.ambulance .service-head{background:var(--ambulance)}.anwb .service-head{background:var(--anwb);color:#1d2834}.service-head strong{background:#ffffff2e;padding:3px 6px}.service-tools,.service-row{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px;padding:7px 10px}.service-tools{background:#f3f6f8;color:#7b8794;font-size:9px;text-transform:uppercase}.service-row{border-top:1px solid #edf0f3}.service-empty{padding:14px;color:#8a96a2;text-align:center}.cad-grid{display:grid;grid-template-columns:minmax(600px,2fr) minmax(280px,.75fr);gap:8px;padding:8px}.card{background:#fff;border:1px solid var(--line)}.card-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--line)}.card-head h2{font-size:15px;margin:3px 0 0}.incident-columns,.incident{display:grid;grid-template-columns:45px 1.4fr 1fr .6fr 60px 85px;gap:7px;align-items:center}.incident-columns{padding:8px 10px;background:#f5f7f9;color:#7b8794;font-size:9px;text-transform:uppercase}.incident{min-height:45px;padding:7px 10px;border-top:1px solid #edf0f2;cursor:pointer}.incident:hover,.incident.selected{background:#eef6fc}.priority{font-weight:900}.priority.P1{color:var(--red)}.priority.P2{color:var(--orange)}.priority.P3{color:var(--green)}.incident-title strong,.incident-title small{display:block}.incident-title small{color:var(--muted);margin-top:2px}.status-button{border:0;color:#fff;background:#607385;padding:6px 7px;font-size:9px;text-transform:uppercase}.empty,.detail-empty{padding:35px;text-align:center;color:#8995a1}.detail-card{grid-row:span 2}.detail-content{padding:13px}.detail-prio{font-size:10px;font-weight:900;color:#fff;padding:5px 8px;display:inline-block;background:var(--red)}.detail-content h3{font-size:17px;margin:10px 0 4px}.detail-content p{color:#677584;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.detail-grid div{background:#f3f6f8;padding:9px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#7b8794;margin-bottom:4px}.units-compact{border-top:1px solid var(--line);padding:13px}.unit{display:flex;align-items:center;gap:7px;padding:8px 4px;border-bottom:1px solid #edf0f3}.unit-dot{width:7px;height:7px;border-radius:50%;background:#9aa5af}.unit.online .unit-dot{background:#27ae60}.unit span:last-child{margin-left:auto;color:#7c8995;font-size:9px;text-transform:uppercase}.map-card{min-height:330px}.map-head{padding:8px 13px}.map-actions button{border:1px solid var(--line);background:#fff;width:28px;height:28px}.map{height:300px;position:relative;overflow:hidden;background-color:#b9c9a9;background-image:linear-gradient(28deg,transparent 46%,#d9d0aa 47% 50%,transparent 51%),linear-gradient(115deg,transparent 45%,#98b78f 46% 49%,transparent 50%),radial-gradient(ellipse at 75% 75%,#8eb5bc 0 17%,transparent 18%),radial-gradient(ellipse at 18% 20%,#7ca673 0 24%,transparent 25%);background-size:170px 140px,210px 180px,100% 100%,100% 100%}.map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff21 1px,transparent 1px),linear-gradient(90deg,#ffffff21 1px,transparent 1px);background-size:35px 35px}.district{position:absolute;color:#384c3b88;font-weight:900;letter-spacing:2px;font-size:10px;z-index:2}.d1{top:16%;left:18%}.d2{top:45%;left:54%}.d3{bottom:16%;left:37%}.route{position:absolute;height:4px;background:#e8dfb6;border:1px solid #8c8668;transform-origin:left;z-index:1}.r1{width:72%;left:10%;top:55%;transform:rotate(12deg)}.r2{width:45%;left:46%;top:20%;transform:rotate(77deg)}.r3{width:42%;left:15%;top:75%;transform:rotate(-35deg)}.map-marker{position:absolute;z-index:3;width:28px;height:28px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 2px 8px #0006}.map-marker::first-letter{transform:rotate(45deg)}.police-marker{background:var(--police);left:29%;top:62%}.fire-marker{background:var(--fire);left:61%;top:35%}.ambulance-marker{background:var(--ambulance);left:72%;top:68%}.anwb-marker{background:var(--anwb)}.map-marker{transform:none;border-radius:50%}.call-list{padding:8px}.call-row{border-left:4px solid var(--red);background:#f7f9fb;padding:10px;margin-bottom:7px;display:grid;gap:5px}.call-row strong,.call-row small{display:block}.call-row small{color:var(--muted)}.call-actions{display:flex;gap:6px}.call-actions button{border:0;padding:7px 9px}.call-active{border-left-color:var(--green)}dialog{width:min(660px,calc(100% - 40px));border:1px solid #9aa6b1;padding:0;background:#fff;color:#273542;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#111b27b8}.icon-button{border:0;background:transparent;font-size:22px;color:#66727e}.form-grid,.triage-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}dialog form{padding:0 16px 16px}.wide{width:100%;border:0;padding:11px;font-weight:800}.triage-title{background:#526170;color:#fff;margin:0 -16px;display:flex;justify-content:space-between;padding:12px 16px}.triage-title small{margin-left:15px}.triage-tabs{margin:0 -16px;display:flex;background:#eef1f4;border-bottom:1px solid var(--line)}.triage-tabs span{padding:10px 12px}.triage-tabs .active{background:#fff;border-bottom:2px solid var(--blue)}.triage-alert{margin:14px 0;background:var(--red);color:#fff;padding:14px;display:flex;flex-direction:column;gap:3px}.questions{border:1px solid var(--line);padding:10px 13px}.questions h3{margin:0 0 9px}.questions label{display:block;margin:7px 0}.success{background:var(--green);color:#fff}.sos-modal{text-align:center;padding:22px}.heart{font-size:42px;color:var(--red)}.sos-modal h2{margin:4px}.sos-case{background:#fff0f2;border-left:4px solid var(--red);padding:10px;text-align:left;display:grid;gap:3px}.sos-modal ul{text-align:left;color:#596675;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions button{border:0;padding:10px 12px}@media(max-width:1100px){.app{min-width:0}.services{grid-template-columns:1fr}.cad-grid{grid-template-columns:1fr}.detail-card{grid-row:auto}nav{display:none}.radio-inline label{display:none}}@media(max-width:700px){.commandbar{height:auto;flex-wrap:wrap}.command-stat{display:none}.radio-inline{margin-left:0}.incident-columns{display:none}.incident{grid-template-columns:40px 1fr 80px}.incident>:nth-child(3),.incident>:nth-child(4),.incident>:nth-child(5){display:none}.form-grid,.triage-fields{grid-template-columns:1fr}}
.page-view{padding:24px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-title h1{margin:4px 0 0;font-size:26px}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.report-stats article{background:#fff;border:1px solid var(--line);padding:18px}.report-stats span,.report-stats strong{display:block}.report-stats span{color:var(--muted);font-size:10px;text-transform:uppercase}.report-stats strong{font-size:28px;margin-top:5px}.report-row{display:grid;grid-template-columns:55px 1.2fr 1fr 120px 100px;gap:10px;padding:11px 14px;border-top:1px solid var(--line);align-items:center}.report-row small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-card{padding:20px}.admin-card h2{margin:5px 0 18px}.setting-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.setting-row strong{color:var(--blue)}.map{transform-origin:center;transition:background-size .2s}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:13px 18px;z-index:1000;box-shadow:0 8px 24px #0005}.toast.error{background:var(--red)}@media(max-width:900px){.report-stats,.admin-grid{grid-template-columns:1fr 1fr}.report-row{grid-template-columns:45px 1fr 90px}.report-row>:nth-child(3),.report-row>:nth-child(4){display:none}}