/* Parking and utility plot overlays: a drop-down of status-style chips in the district card
   (shown while districts are on, like the development-plan list), icons over the plots. */
.zones-disabled .facility-list{display:none}
.facility-list{margin-top:9px;border-top:1px solid var(--line);font-size:.66rem}
.facility-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:10px 0;color:var(--navy);cursor:pointer;list-style:none}
.facility-list summary::-webkit-details-marker{display:none}
.facility-list summary svg{width:12px;height:8px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s}
.facility-list[open]>summary svg{transform:rotate(180deg)}
.facility-list summary:focus-visible{outline:2px solid #008f88;outline-offset:-2px}
.facility-chips{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:2px}
.facility-chips button{
  display:flex;align-items:center;gap:8px;min-height:40px;padding:0 11px;
  border:1px solid color-mix(in srgb,var(--legend-color) 32%,#d8e1e2);border-radius:0;
  background:rgba(255,255,255,.94);color:var(--navy);
  font:inherit;font-size:.68rem;font-weight:600;white-space:nowrap;cursor:pointer;
  transition:background-color .2s,border-color .2s,transform .2s;
}
.facility-chips button:hover{transform:translateY(-1px)}
.facility-chips button[aria-pressed="true"]{border-color:var(--legend-color);background:color-mix(in srgb,var(--legend-color) 14%,#fff)}
.facility-chips button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.facility-chips .facility-chip-swatch{width:11px;height:11px;flex:none;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}
.facility-chips .facility-chip-count{color:var(--legend-color);font-size:.7rem;font-weight:700}
@media (max-width:820px){
  .facility-chips{gap:8px}
  .facility-chips button{min-height:44px;font-size:.8rem}
  .facility-chips .facility-chip-count{font-size:.8rem}
}

.facility-plot-marker{display:none;place-items:center;width:22px;height:22px;padding:0;border:2px solid #fff;border-radius:4px;background:var(--facility-color);box-shadow:0 2px 8px #002b3c40;color:#fff;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}
.facility-markers-visible .facility-plot-marker{display:grid}
.facility-plot-marker[hidden]{display:none!important}
.facility-plot-marker svg,.facility-plot-badge svg{width:13px;height:13px;fill:currentColor}
.facility-plot-marker:hover,.facility-plot-marker:focus-visible,.facility-plot-marker.is-selected{outline:3px solid #fdda72;outline-offset:1px}
.facility-plot-badge{border-radius:6px;color:#fff}
.facility-plot-badge svg{width:17px;height:17px}
.facility-plot-popup .investment-zone-popup-head h3{font-size:15px;line-height:1.3}
.facility-plot-popup>small{display:block;margin-top:12px;font-size:10px;line-height:1.5;color:var(--muted)}