html, body { margin:0; padding:0; height:100%; width:100%; }
#map { height:100%; width:100%; }

.basemap-bar { position:absolute; top:8px; left:50%; transform:translateX(-50%); display:flex; gap:6px; background:rgba(0,0,0,0.55); border-radius:999px; padding:6px; z-index:1100; }
.basemap-btn { border:0; background:transparent; color:#fff; font-weight:600; font-size:12px; padding:6px 10px; border-radius:999px; cursor:pointer; opacity:.85; }
.basemap-btn[aria-pressed="true"]{ background:rgba(255,255,255,0.18); opacity:1; }

#group-controls { position:absolute; top:56px; left:10px; background:rgba(0,0,0,0.6); padding:10px; border-radius:8px; color:white; z-index:1000; }
#group-controls label { display:block; margin-bottom:6px; cursor:pointer; font-size:13px; }

#copy-toast { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.8); color:#fff; font-size:13px; padding:8px 12px; border-radius:6px; opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:1000; white-space:nowrap; }
#copy-toast.show { opacity:1; }

.leaflet-control-zoom { display:none; }

.group-content { margin-left: 15px; display: none; }
.group-header[aria-expanded="true"] + .group-content { display: block; }
.toggle-symbol { display: inline-block; width: 16px; text-align: center; }