/* ===== Kartennahe UI ===== */
#map{
  background: var(--surface-1);
}

/* Leaflet/Lizmap Toolbar */
#navbar, .lizmap-toolbar, .leaflet-control{
  border-radius: var(--radius);
}
.lizmap-toolbar .btn, .leaflet-control .btn{
  border-radius: var(--radius);
}

/* Toolbuttons (Messen, Zeichnen etc.) */
#navbar .btn, .lizmap-toolbar .btn{
  background: var(--surface-0);
  border: 1px solid var(--border-soft);
  color: var(--text-default);
}
#navbar .btn:hover, .lizmap-toolbar .btn:hover{
  border-color: color-mix(in srgb, var(--brand-primary) 25%, var(--border-soft));
}
#navbar .btn.active, .lizmap-toolbar .btn.active{
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

/* Legende */
#legend, .liz-legend{
  background: var(--surface-0);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
#legend .panel-heading{
  color: var(--brand-primary);
  border-bottom: 1px solid var(--border-soft);
}

/* Popups */
.leaflet-popup-content-wrapper{
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid var(--border-soft);
}
.leaflet-popup-tip{ display: none; } /* cleaner look */

/* Mess-/Zeichen-Overlay */
.measure-tooltip, .digitizing-tooltip{
  background: var(--brand-primary);
  color: #fff;
  border-radius: 6px;
  padding: 4px 8px;
}