
.fier-canals-map { border: 1px solid #e5e7eb; border-radius: 0.75rem; overflow: hidden; }
.leaflet-control-layers-expanded { max-height: 240px; overflow: auto; }
.leaflet-popup-content { font-size: 14px; line-height: 1.35; }
.legend { background:white; padding:8px 10px; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.legend h4 { margin:0 0 6px; font-size:13px; }
.legend div { display:flex; gap:6px; align-items:center; margin:4px 0; }
.legend .swatch { width:14px; height:14px; border-radius:50%; border:1px solid #333; }
