:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0b1220;color:#edf3ff;--muted:#8da0bd;--line:#253249}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#172e4a,transparent 50%),#0b1220}button,select{font:inherit}button{cursor:pointer}main{max-width:1240px;margin:auto;padding:30px 28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;color:#ffb36f;background:#fa914b1c;border:1px solid #f0a36635;font-size:28px}.brand strong{font-size:22px;letter-spacing:-.7px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.concept{border:1px solid #a7824b66;background:#5a42281c;color:#e7be83;border-radius:24px;font-size:10px;padding:8px 13px;letter-spacing:1.1px;font-weight:700}.eyebrow{font-size:10px;color:#89b3d0;text-transform:uppercase;letter-spacing:2px;font-weight:700}h1{font-size:clamp(29px,4vw,40px);font-weight:650;letter-spacing:-1.4px;margin:10px 0}.intro{color:var(--muted);font-size:13px;margin:0 0 26px}.toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:24px 0 20px}.location{display:flex;gap:10px;align-items:center;color:#b5c8e2;font-size:12px}.location>span:first-child{display:grid;place-items:center;color:#72c8c1;background:#163336;border-radius:50%;width:34px;height:34px}.location b{display:block;color:#e1edff;font-size:13px;margin-bottom:3px}.location small{font-size:10px;color:var(--muted)}.controls{display:flex;gap:12px;align-items:center}label.control{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}select{color:#d6e4f8;background:#18253a;border:1px solid #31415a;border-radius:10px;padding:10px 25px 10px 12px;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.filter{display:flex;align-items:center;gap:8px;background:#142033;border:1px solid #2c3a51;border-radius:12px;color:#91a2bb;padding:11px 15px;font-size:12px}.filter .dot{width:7px;height:7px;border-radius:50%;background:var(--color)}.filter[aria-pressed=true]{color:#eff4ff;border-color:color-mix(in srgb,var(--color) 50%,#28374c);background:color-mix(in srgb,var(--color) 12%,#142033)}.filter[aria-pressed=false]{opacity:.55}.filter em{font-style:normal;font-size:10px;opacity:.6}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,1fr);gap:22px;align-items:start}.panel{background:#111d2d;border:1px solid #26354a;border-radius:22px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head h2{font-size:15px;font-weight:600;margin:0}.panel-head small{font-size:10px;color:var(--muted)}.live{font-size:10px;color:#8ed2c2;display:flex;align-items:center;gap:6px}.live:before{content:'';width:5px;height:5px;border-radius:50%;background:#77cdb3}#map{height:465px;background:#253c52;z-index:0}.basemap{filter:brightness(.76) saturate(1.2) contrast(.95)}.map-note{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#94a8c6;padding:15px 20px}.map-note strong{font-weight:500;color:#c8d8ed}.feed{max-height:548px;overflow:auto;scrollbar-width:thin;scrollbar-color:#374a65 transparent}.incident{width:100%;text-align:left;display:flex;gap:13px;align-items:flex-start;padding:17px 20px;color:inherit;background:transparent;border:0;border-top:1px solid #253249}.incident:hover,.incident.selected{background:#1b2b40}.badge{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--color) 16%,transparent);color:var(--color)}.badge svg{width:18px;height:18px}.incident-content{flex:1;min-width:0}.incident-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;margin:0 0 7px;color:var(--muted)}.discipline{color:var(--color);font-weight:650;letter-spacing:.3px}.incident h3{font-size:12px;font-weight:550;line-height:1.5;margin:0 0 6px}.incident-bottom{font-size:10px;color:#92a7c5;display:flex;gap:9px;flex-wrap:wrap}.incident-bottom .priority{color:#aebed5}.empty{padding:40px 22px;text-align:center;color:#9eb0cc;font-size:13px}.pin{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 9px #07152666;width:24px;height:24px;display:grid;place-items:center;color:white}.pin svg{width:13px;height:13px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#19293f;color:#e6f0ff}.leaflet-popup-content{font:12px/1.6 Segoe UI,Arial,sans-serif}.leaflet-control-attribution{font-size:8px!important}.footer{font-size:10px;color:#7b8faa;margin-top:21px;display:flex;justify-content:space-between;gap:10px;line-height:1.6}dialog{width:min(480px,calc(100% - 30px));border:1px solid #394d6b;border-radius:23px;background:#142238;color:#e7efff;padding:26px}dialog::backdrop{background:#050d1ac4;backdrop-filter:blur(5px)}dialog .close{display:grid;place-items:center;padding:0;line-height:1;float:right;background:#273953;border:0;border-radius:50%;width:30px;height:30px;color:#c9daf1;font-size:20px}dialog h2{font-size:19px;line-height:1.5;margin:18px 0}dialog p{color:#b7c8e1;font-size:13px;line-height:1.7}dialog .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}dialog .detail-grid span{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}dialog .detail-grid strong{font-size:12px;font-weight:500}dialog .notice{padding:12px 15px;background:#23334d;border-radius:11px;font-size:11px}.zoom-button{border:1px solid #435e80;background:#24405e;color:#def0ff;border-radius:10px;padding:10px 15px;font-size:12px;margin-top:9px}.leaflet-bar a{background:#23384f!important;color:#e7f4ff!important;border-color:#415873!important}@media(max-width:850px){main{padding:23px 18px}.layout{grid-template-columns:1fr}#map{height:310px}.feed{max-height:none}.toolbar{align-items:flex-start}.controls{gap:6px;flex-direction:column;align-items:flex-end}.control select{padding:8px 17px 8px 9px}.filter{padding:10px 12px;font-size:11px}.panel-head{padding:17px 18px}.footer{flex-direction:column}.intro{font-size:12px}.concept{font-size:9px}.brand strong{font-size:20px}}
.vehicle-numbers{display:block;margin-top:9px;font-size:10px;color:#8da0bd}.vehicle-numbers b{font-weight:550;color:#cbdaf0;font-variant-numeric:tabular-nums;margin-left:6px}.incident-address{display:block;margin-top:9px;font-size:10px;line-height:1.6;color:#bdcde5}
.header-actions{display:flex;align-items:center;gap:12px}#theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#1b2d46;color:#bfd5f5;font-size:21px;display:grid;place-items:center;padding:0}
html[data-theme=light]{color-scheme:light;--muted:#667d97;--line:#d3deeb;background:#eef4fa;color:#213b57}
html[data-theme=light] body{background:radial-gradient(ellipse at 10% 0%,#d8e9fa,transparent 50%),#f1f6fa}
html[data-theme=light] .panel{background:#fff;border-color:#d3deeb;box-shadow:0 7px 25px #234c7b07}
html[data-theme=light] .brand-icon{background:#fff0df;border-color:#eed5b2;color:#b56c26}
html[data-theme=light] .concept{background:#fff5e6;color:#986c2e;border-color:#e8d4b3}
html[data-theme=light] #theme-toggle{background:#fff;color:#425f85}
html[data-theme=light] .location>span:first-child{background:#dcefea;color:#397f73}
html[data-theme=light] .location b{color:#254666}
html[data-theme=light] select{background:#fff;color:#34516f;border-color:#ccd9e9}
html[data-theme=light] .eyebrow{color:#4e7e9d}
html[data-theme=light] .filter{background:#fff;color:#69809b;border-color:#d2dfec}
html[data-theme=light] .filter[aria-pressed=true]{color:#253c57;background:color-mix(in srgb,var(--color) 15%,white);border-color:color-mix(in srgb,var(--color) 70%,#d6e1ee)}
html[data-theme=light] .basemap{filter:none}
html[data-theme=light] .incident{border-color:#e3ebf4}
html[data-theme=light] .incident:hover,html[data-theme=light] .incident.selected{background:#edf4fd}
html[data-theme=light] .incident-bottom,html[data-theme=light] .incident-address{color:#58728e}
html[data-theme=light] .vehicle-numbers b,html[data-theme=light] .priority{color:#345574}
html[data-theme=light] .discipline{color:color-mix(in srgb,var(--color) 70%,#18334c)}
html[data-theme=light] .map-note{color:#69829d}html[data-theme=light] .map-note strong{color:#3b5b79}
html[data-theme=light] .live{color:#4b8a79}
html[data-theme=light] .leaflet-bar a{background:#fff!important;color:#304d6b!important;border-color:#cbd9e8!important}
html[data-theme=light] .leaflet-popup-content-wrapper,html[data-theme=light] .leaflet-popup-tip{background:#fff;color:#284763}
html[data-theme=light] dialog{background:#fff;color:#243f5e;border-color:#c8d8e9}
html[data-theme=light] dialog p{color:#5d7591}html[data-theme=light] dialog .notice{background:#edf3fa}
html[data-theme=light] dialog .close{background:#edf3fa;color:#46617d}html[data-theme=light] .zoom-button{background:#e2edf9;color:#335c84;border-color:#c3d8ed}
.badge .service-striping{width:36px;height:36px;filter:drop-shadow(0 2px 3px #0002)}.pin .service-striping{width:20px;height:20px;border-radius:50%;overflow:hidden}.filter-emblem{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0}.filter-emblem svg{width:19px;height:19px}.toolbar{margin-top:0;justify-content:flex-start}.toolbar .controls{flex-direction:row;flex-wrap:wrap;align-items:center}.favorite-tools{margin-bottom:18px}header{margin-bottom:22px}

  .favorite-tools[hidden],.control[hidden]{display:none}.multi-bar{font-size:12px;margin:0 0 16px;color:var(--muted)}.multi-bar label{display:flex;align-items:center;gap:8px}.multi-bar input,.multi-location-card input{accent-color:#80b8ee}.multi-locations{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.multi-locations[hidden]{display:none}.multi-location-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--zone-color) 50%,transparent);border-radius:12px;background:color-mix(in srgb,var(--zone-color) 7%,transparent)}.multi-location-card label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--zone-color)}.multi-location-card select{padding:7px 22px 7px 9px;font-size:11px}.matched-locations{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.matched-locations>span{color:var(--zone-color);border:1px solid color-mix(in srgb,var(--zone-color) 30%,transparent);background:color-mix(in srgb,var(--zone-color) 8%,transparent);font-size:9px;border-radius:5px;padding:4px 7px}.zone-label{background:#15243bed;color:#e8f1ff;border:1px solid #6e91b7;border-radius:8px;padding:5px 8px;font-size:10px;box-shadow:none}.zone-label:before{display:none}html[data-theme=light] .zone-label{background:#fffffff0;color:#2d506f}.address-result{width:100%;display:block;text-align:left;border:1px solid var(--line);background:#7899c211;color:inherit;padding:11px 12px;border-radius:9px;margin:7px 0;font-size:12px;line-height:1.5}.address-result.chosen{border-color:#78a9e3;background:#78a9e329}.address-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.location-editor button:disabled{opacity:.4;cursor:default}.location-editor form{display:grid;gap:7px}.location-editor p{margin:0;font-size:12px}.location-editor small{color:var(--muted);font-size:10px}.incident-map-popup .leaflet-popup-close-button{display:grid!important;place-items:center;width:30px!important;height:30px!important;top:5px!important;right:5px!important;border-radius:50%;background:#7695bb20;color:#bfd3ec!important;font-size:22px!important;line-height:1!important}.incident-map-popup .leaflet-popup-content{margin:17px 20px}.incident-map-popup .leaflet-popup-scrolled{overscroll-behavior:contain;border:0;scrollbar-width:thin}.incident-popup .popup-kind{padding-right:25px;display:block;font-size:10px;color:var(--muted);margin-bottom:9px}.incident-popup .popup-title{display:block;font-size:13px;line-height:1.5;padding-right:8px}.incident-popup p{margin:9px 0!important;font-size:11px;line-height:1.6}.incident-popup small{display:block;margin-top:12px;color:var(--muted);font-size:10px}.extra-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:-5px 0 20px}.extra-controls label{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.extra-controls input{accent-color:#78b5f0}.favorite-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.favorite-tools button,.seen-button{border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:inherit;background:#8eacd410;font-size:11px}.favorite-tools button.active{border-color:#8cb7eb;background:#78a9e321}.favorite-tools .save-location{color:#d8b76f}.favorite-tools .remove-location{padding:8px;min-width:28px}.location-entry{display:inline-flex;gap:0}.location-entry button:first-child{border-radius:9px 0 0 9px}.location-entry button:last-child{border-radius:0 9px 9px 0}.new-tag{display:inline-block;font-size:8px;font-weight:700;letter-spacing:.7px;border:1px solid #4b8b79;color:#88dcc4;background:#286b5422;padding:3px 6px;border-radius:5px;margin-right:6px}.bundle-chevron{display:inline-block;vertical-align:middle;margin-left:5px;width:14px;height:14px;background:center/14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%2395a7d2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.incident.selected .bundle-chevron{transform:rotate(180deg)}.bundle-tag{display:inline-block;margin-top:9px;font-size:10px;color:#b3bcf9;background:#615d9c24;border:1px solid #6f6b9d44;border-radius:6px;padding:4px 7px}.bundle-timeline{margin:22px 0;padding-top:17px;border-top:1px solid var(--line)}.bundle-timeline h3{font-size:13px;margin-bottom:15px}.bundle-message{border-left:2px solid #688bb5;padding:0 0 18px 12px;font-size:12px}.bundle-message small{display:block;color:var(--muted);font-size:10px;margin:5px 0}.bundle-message p{margin:0;font-size:12px}.feed-subtitle{display:block;color:var(--muted);font-size:10px;margin-top:6px}.location-editor{display:grid;gap:14px}.location-editor input,.location-editor select{width:100%;padding:10px;border:1px solid var(--line);background:#8ca4c515;color:inherit;border-radius:9px}.location-editor label{font-size:12px}.concept-hint{font-size:10px;color:var(--muted);margin:5px 0 16px}html[data-theme=light] .new-tag{color:#297d66}html[data-theme=light] .bundle-tag{color:#655196}

/* Gelijke, compacte bedieningselementen op basis van Markeer als gezien. */
:root{--control-height:32px}.toolbar select,.filter,.favorite-tools button,.extra-controls select,.extra-controls .seen-button,.multi-location-card select{height:var(--control-height);min-height:var(--control-height);box-sizing:border-box;padding-top:0;padding-bottom:0}.filter,.favorite-tools button,.extra-controls .seen-button{display:inline-flex;align-items:center;justify-content:center}.filter{padding-left:12px;padding-right:12px}.favorite-tools .location-entry{align-items:stretch}.favorite-tools .location-entry>button:only-child{border-radius:9px}.toolbar .controls,.extra-controls{align-items:center}.multi-location-card{min-height:var(--control-height);padding:0 9px;gap:9px}.multi-location-card select{border-top:0;border-bottom:0;border-right:0;border-radius:0 10px 10px 0;margin-right:-9px;background-color:transparent}.multi-bar label,.extra-controls label{min-height:var(--control-height)}

.panel-head[hidden]{display:none}.notice-banner{padding:12px 15px;background:#82632920;border:1px solid #a9884b44;color:#dbbd88;font-size:12px;line-height:1.7;border-radius:12px;margin:0 0 18px}.notice-banner[hidden]{display:none}.sources{font-size:10px;color:var(--muted);text-align:center;padding:15px}.sources summary{cursor:pointer;list-style:none;font-size:16px}.sources a{color:inherit}.status-error{color:#eeb59a!important}.feed{max-height:none}.incident{scroll-margin-top:20px}.location-editor dialog{overflow:auto}.refresh-control{margin-left:auto}.empty button{margin-top:14px}.selected-point{font-size:11px;color:var(--muted);margin-bottom:15px;line-height:1.5}.address-results{max-height:190px;overflow:auto}.address-label{display:block;font-size:10px;color:var(--muted);margin:5px 0}.multi-location-card label{white-space:nowrap}.header-actions{gap:8px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8dbaf0;outline-offset:2px}

@media(max-width:600px){.incident h3{font-size:14px;line-height:1.5}.incident-top,.incident-bottom,.incident-address,.vehicle-numbers{font-size:12px;line-height:1.6}.incident-content{min-width:0;overflow-wrap:anywhere}.selected-point{font-size:12px}.location-editor input{font-size:16px}.incident-popup p{font-size:12px}.detail-grid strong{overflow-wrap:anywhere}}

img.brand-icon{display:block;object-fit:cover;padding:0;border-radius:12px;border:0;background:#001139}

body{overscroll-behavior-y:contain}.pull-refresh{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;z-index:2000;background:#1b2d46;color:#edf3ff;border:1px solid #435e80;box-shadow:0 4px 18px #0003;border-radius:20px;padding:10px 16px;max-width:90vw;font-size:12px;pointer-events:none;transform:translateX(-50%)}.pull-refresh[hidden]{display:none}html[data-theme=light] .pull-refresh{background:#fff;color:#284763;border-color:#b5c9e0}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.brand{min-width:0}.brand>div{min-width:0}.brand small{font-size:13px;line-height:1.4;overflow-wrap:anywhere;max-width:65vw}.brand small[hidden]{display:none}