.public-map-controls{position:fixed;z-index:510;left:20px;bottom:max(24px,env(safe-area-inset-bottom));width:248px;max-width:calc(100vw - 90px);display:grid;gap:8px;font-size:12px;line-height:1.4;color:#18354c}
.public-map-legend{background:#fff;border:1px solid #d4e1ec;border-radius:6px;box-shadow:0 3px 16px #17334b18;overflow:hidden}
.public-map-legend summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.public-map-legend summary::-webkit-details-marker{display:none}
.public-map-legend .legend-chevron{margin-left:auto;font-size:14px}
.public-map-legend[open] .legend-chevron{transform:rotate(180deg)}
.public-map-controls>#toggleClosedIncidents{display:block;width:100%;min-height:40px;margin:0;padding:8px 12px;border:1px solid #c8d8e7;border-radius:5px;background:#fff;color:#18354c;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 3px 16px #17334b18}
.public-map-controls>#toggleClosedIncidents:hover{background:#edf7f7;border-color:#087f82}
.public-map-controls>#toggleClosedIncidents[aria-pressed="true"]{background:#e5f4f3;color:#06676a;border-color:#087f82}
.public-map-controls :is(button,summary):focus-visible{outline:2px solid #087f82;outline-offset:2px}
.public-map-legend ul{list-style:none;display:grid;gap:7px;margin:0;padding:0 14px 12px;max-height:min(220px,40dvh);overflow-y:auto}
.public-map-legend:not([open]) ul{display:none}
.public-map-legend li{display:flex;align-items:center;gap:8px}
.public-map-legend .legend-dot{flex:none;width:10px;height:10px;margin:0}
.public-map-legend .incident-dot{background:#dc2626}
.public-map-legend .closed-dot{background:#6b7280}
.public-map-legend .facility-dot{background:#15803d}
.public-map-legend .barangay-dot{background:#ea580c}
.public-map-legend .office-dot{background:#1467cc}
@media(max-width:1200px){.public-map-controls{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
@media(max-width:900px){.public-map-controls{left:12px;bottom:calc(132px + env(safe-area-inset-bottom,0px));font-size:11px}.public-map-legend ul{gap:5px}}
@media(max-height:500px){.public-map-legend ul{max-height:85px}}