/* Status is encoded twice: in the label and in the whole investment box. */
.project{--state:#c98518;border-left:6px solid var(--state)}
.investment-pin{background:transparent!important;border:0!important}.investment-pin span{display:block;box-sizing:border-box;width:26px;height:26px;border-radius:50%;border:5px solid #fff;box-shadow:0 2px 10px rgba(4,29,41,.65)}.investment-pin.planned span{background:#f4bd55}.investment-pin.active span{background:#28b77d}.investment-pin.completed span{background:#4f9ee3}.investment-pin.cancelled span{background:#d95c51}
.project:has(.status.planned){--state:#c98518;background:linear-gradient(90deg,#fffaf0,#fff 28%)}
.project:has(.status.active){--state:#198858;background:linear-gradient(90deg,#f0fbf5,#fff 28%)}
.project:has(.status.completed){--state:#2973b9;background:linear-gradient(90deg,#f0f7ff,#fff 28%)}
.project:has(.status.cancelled){--state:#b9473d;background:linear-gradient(90deg,#fff2f0,#fff 28%)}
.project:has(.status.planned) .project-side{border-color:#eed39f}
.project:has(.status.active) .project-side{border-color:#bde4cf}
.project:has(.status.completed) .project-side{border-color:#c9ddf1}
.project:has(.status.cancelled) .project-side{border-color:#f0c5bf}

/* Map pins use the same status colours and remain visible over pale tiles. */
#map .leaflet-interactive{stroke-width:3;filter:drop-shadow(0 1px 2px rgba(6,58,77,.45));cursor:pointer}.map-legend i.boundary{border-radius:2px;background:transparent}.map-legend i.boundary.city{border-color:#0d6370}.map-legend i.boundary.municipality{border-color:#167d72;border-style:dashed}.map-legend i.boundary.county{border-color:#7353a6;border-style:dashed}
.map-frame{position:relative}.map-legend{position:absolute;z-index:500;right:16px;bottom:16px;display:flex;gap:12px;flex-wrap:wrap;padding:10px 12px;background:#fffefcf2;border:1px solid #d7e0df;border-radius:10px;box-shadow:0 4px 18px #12394722;font-size:.76rem;font-weight:800;color:#173c4b}.map-legend span{display:inline-flex;align-items:center;gap:6px}.map-legend i{width:11px;height:11px;border:2px solid;border-radius:50%;display:inline-block}.map-legend .planned{background:#f4bd55;border-color:#bb7919}.map-legend .active{background:#28b77d;border-color:#17845b}.map-legend .completed{background:#4f9ee3;border-color:#2973b9}@media(max-width:760px){.map-legend{left:12px;right:12px;bottom:12px;justify-content:space-between;gap:6px;padding:9px;font-size:.7rem}}.project.map-target{box-shadow:0 0 0 4px #f5bf4490,0 12px 26px #12394718}