.recent-reports-control{background:#fafbf5;color:#193c36;border:1px solid #d3ddd1;border-radius:10px;padding:9px 12px;box-shadow:0 2px 8px #10262b24;max-width:220px;font:14px/1.4 system-ui,sans-serif}.recent-reports-control label{display:flex;gap:8px;align-items:center;font-weight:600;cursor:pointer;margin:0}.recent-reports-control input{accent-color:#285c47;width:16px;height:16px;margin:0}.recent-reports-control small{display:block;font-size:11px;color:#64736a;margin-top:3px;max-width:200px}.recent-report-icon{background:none!important;border:none!important}.recent-report-marker{position:relative;width:34px;height:36px;background:#10262d;border:2px solid #e6b66b;border-radius:50% 50% 50% 3px;transform:rotate(-45deg);box-shadow:0 2px 6px #0005;display:grid;place-items:center}.recent-report-marker>span{color:#e6b66b;font:bold 23px system-ui;transform:rotate(45deg)}.recent-report-marker img{width:30px;height:30px;object-fit:contain;transform:rotate(45deg)}.recent-report-count{position:absolute;right:-8px;top:-8px;transform:rotate(45deg);border-radius:50%;background:#f5e7cb;color:#10262d;min-width:20px;text-align:center;font:bold 12px/20px system-ui}.recent-report-popup{font:13px/1.5 system-ui;color:#203a35}.recent-report-popup article+article{border-top:1px solid #d4ded8;margin-top:14px;padding-top:14px}.recent-report-popup h3{font:600 16px/1.3 system-ui;margin:6px 0}.recent-report-popup p{margin:8px 0}.recent-report-popup small,.recent-report-area{color:#63736a}.recent-report-links,.recent-report-social{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.recent-report-links a{font-size:12px}.recent-report-social a,.recent-report-social span{border:1px solid #d4ded8;border-radius:5px;padding:3px 7px}.recent-report-social span{opacity:.7}@media(max-width:600px){.recent-reports-control{font-size:12px;max-width:170px;padding:7px 9px}.recent-reports-control small{max-width:150px;font-size:10px}}

.recent-report-type{display:flex;align-items:center;gap:10px;font:600 13px/1.3 system-ui;color:#6b746b;margin-bottom:10px}.recent-report-type img,.recent-report-type svg{width:32px;height:32px;flex:none;object-fit:contain;color:#b47b31}.recent-crime-art{filter:url(#recent-crime-cutout)}.recent-report-popup h3{font:600 17px/1.4 system-ui;margin:0 0 13px;letter-spacing:-.015em}.recent-report-popup{padding:2px 0;min-width:210px}.recent-report-links{gap:14px;margin-top:0}.recent-report-links a{font:500 13px/1.5 system-ui;color:#285c47;text-underline-offset:3px}.recent-report-marker svg{width:24px;height:24px;color:#e6b66b;transform:rotate(45deg)}

.recent-reports-control>strong{display:block;font-size:14px;margin-bottom:7px}.recent-report-ranges{display:flex;gap:3px;padding:3px;background:#e9eee6;border-radius:7px}.recent-report-ranges button{border:0;background:transparent;color:#52665a;font:500 12px/1.35 system-ui;padding:5px 9px;border-radius:5px;cursor:pointer;white-space:nowrap}.recent-report-ranges button[aria-pressed=true]{background:#285c47;color:#fff;box-shadow:0 1px 3px #173a2520}.recent-report-ranges button:focus-visible{outline:2px solid #bf8b43;outline-offset:2px}.recent-reports-control small[hidden]{display:none}@media(max-width:600px){.recent-reports-control>strong{font-size:12px}.recent-report-ranges button{font-size:11px;padding:4px 7px}}

/* Light map markers, existing crime artwork and the Vidente gold accent. */
.recent-reports-control{background:#fffdf8;color:#142a34;border-color:#dcd7cd}.recent-report-ranges{background:#f1ece3}.recent-report-ranges button{color:#58615e}.recent-report-ranges button[aria-pressed=true]{background:#e8ab62;color:#10202a;box-shadow:0 1px 3px #80531d20}.recent-report-marker{background:#fffdf8;border-color:#c78d40;box-shadow:0 2px 5px #10202a28}.recent-report-marker svg{color:#142a34}.recent-report-type{color:#52616a}.recent-report-type svg{color:#142a34}.recent-report-links a{color:#80531d}

/* Separate desktop overlays; a compact single-row period picker on phones. */
.map-wrap>.map-badge{left:auto;right:auto;inset-inline-start:20px;inset-inline-end:auto}.recent-report-period-select{display:none}@media(max-width:720px){.map-wrap>.map-badge{display:none}.recent-reports-control{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:calc(100vw - 20px);padding:6px 8px}.recent-reports-control>strong{margin:0;font-size:12px}.recent-report-ranges{display:none}.recent-report-period-select{display:block;max-width:125px;min-height:32px;padding:5px 24px 5px 8px;border:0;border-radius:5px;background:#e8ab62;color:#10202a;font:700 12px/1.3 system-ui;cursor:pointer}.recent-report-period-select:focus-visible{outline:2px solid #80531d;outline-offset:2px}.recent-reports-control small:not([hidden]){flex-basis:100%}}
@media(max-width:720px){.recent-reports-control{max-width:calc(100vw - 65px)}.app .leaflet-bottom.leaflet-right,.app .leaflet-top.leaflet-left{left:0;right:auto}.app .leaflet-bottom.leaflet-right .leaflet-control,.app .leaflet-top.leaflet-left .leaflet-control{float:left;margin-left:10px;margin-right:0}}

/* Phone portrait starts with search; other controls live in a disclosure. */
.mobile-map-options-toggle{display:none}.mobile-map-extras{display:none}.mobile-map-extras[hidden]{display:none!important}@media(max-width:720px),(max-width:1000px) and (max-height:500px){.mobile-map-options-toggle:not([hidden]){display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin:5px 0 0;padding:5px 4px;border:0;background:transparent;color:#d9e3df;font:600 12px/1.3 system-ui;cursor:pointer}.mobile-map-options-toggle>span:last-child{color:#e8ab62;font-size:22px;line-height:1;transition:transform .15s}.mobile-map-options-toggle[aria-expanded=true]>span:last-child{transform:rotate(180deg)}.mobile-map-options-toggle:focus-visible{outline:2px solid #e8ab62;outline-offset:2px}.mobile-map-extras:not([hidden]){display:block;max-height:calc(100dvh - 260px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:5px}.mobile-map-extras>.recent-reports-control{float:none;margin:9px 0 0!important;padding:7px 8px;max-width:none;border-color:#36505a;box-shadow:none;justify-content:space-between}.mobile-map-extras .filter-fields{margin-top:4px}}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){.app{display:grid;grid-template-columns:300px minmax(0,1fr);height:100dvh;min-height:0}.app>.panel{position:relative;inset:auto;max-height:100dvh;overflow:auto;padding:12px;background:#10202a;pointer-events:auto}.app>.panel>.brand{position:static;height:auto;padding:0;box-shadow:none;background:transparent;align-items:center}.app>.panel>.intro{position:static;inset:auto;margin:9px 0 12px}.app>.panel>.controls{position:static;inset:auto;padding:0;box-shadow:none;background:transparent}.app>.map-wrap,.app #map{height:100dvh;min-height:0}.app>.panel>.legend{position:static;inset:auto;max-width:none;margin-top:12px;box-shadow:none}.app>.panel>.detail-sheet{position:static;inset:auto;max-height:none;overflow:visible;margin-top:12px;border-radius:0;box-shadow:none}.mobile-map-extras:not([hidden]){max-height:none;overflow:visible}.app .leaflet-bottom.leaflet-right,.app .leaflet-top.leaflet-left{top:8px;bottom:auto}}
.map-wrap{container-type:inline-size}@container(max-width:560px){.map-wrap>.map-badge{display:none}}
/* In the phone options panel, Recent reports is a filter, not a white card. */
.mobile-map-extras>.recent-reports-control{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;background:transparent;color:#d9e3df;border:0;border-radius:0;padding:0;margin:10px 0!important;box-shadow:none}.mobile-map-extras>.recent-reports-control>strong{font-size:11px;line-height:1.3;margin:0}.mobile-map-extras .recent-report-ranges{display:none}.mobile-map-extras .recent-report-period-select{display:block;width:100%;max-width:none;min-height:42px;border:1px solid #36505a;border-radius:8px;padding:9px 28px 9px 11px;background:#1b333e;color:#eef2ed;font:600 13px/1.3 system-ui;color-scheme:dark}.mobile-map-extras .recent-report-period-select:focus-visible{outline:2px solid #e8ab62;outline-offset:2px}.mobile-map-extras>.recent-reports-control small{color:#b8c8c6}
