/* NineConnect Web v53 — echte Navigationsoptik */
#page-planner .planner-v34-map-pane{
  background:#dfe7ed!important;
}
#page-planner .route-planner-map-v34{
  background:#dfe7ed!important;
}

/* Keep overlays compact so they do not cover the useful map. */
#page-planner .planner-map-topbar{
  left:14px!important;
  right:14px!important;
  top:14px!important;
}
#page-planner .planner-map-search-hint{
  max-width:350px!important;
  min-height:42px!important;
  padding:8px 12px!important;
  color:#dff6ff!important;
}
#page-planner .planner-layer-switch{
  min-width:138px!important;
}
#page-planner .planner-layer-switch button{
  min-height:31px!important;
  font-size:11px!important;
}
#page-planner .planner-map-chips{
  font-size:11px!important;
}
#page-planner .planner-map-actions-v34{
  pointer-events:none;
}
#page-planner .planner-map-actions-v34 button,
#page-planner .planner-map-actions-v34 span{
  pointer-events:auto;
}
#page-planner .planner-map-actions-v34 button{
  background:rgba(3,20,34,.90)!important;
  backdrop-filter:blur(10px);
}

/* Route result cards visually match the cyan route on the map. */
#page-planner .planner-alt.active{
  border-color:rgba(23,216,255,.48)!important;
  box-shadow:inset 3px 0 0 #17d8ff!important;
}
#page-planner .planner-alt.active .planner-alt-icon{
  color:#17d8ff!important;
}