.mb-legend{ position:absolute; bottom:14px; inset-inline-start:14px; z-index:600; background:rgba(255,255,255,.96); border:1px solid #e6e8eb; border-radius:10px; padding:9px 12px; font-size:12px; box-shadow:0 4px 14px rgba(0,0,0,.14); color:#1f2937; }
.mb-legend b{ display:block; margin-bottom:6px; font-size:12.5px; }
.mb-legend span{ display:flex; align-items:center; gap:7px; margin:3px 0; }
.mb-legend i{ width:12px; height:12px; border-radius:50%; display:inline-block; flex:none; }
.leaflet-popup-content .mb-open:hover{ filter:brightness(1.08); }
#mb-city{ max-width:160px; }