/* NineConnect Web v55 — E-Bike / E-Roller Routen strikt getrennt */
.planner-vehicle-context{
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:9px 12px;
  border:1px solid rgba(33,213,255,.22);
  border-radius:17px;
  background:linear-gradient(110deg,rgba(0,179,231,.10),rgba(12,54,101,.13));
}
.planner-vehicle-context-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid rgba(36,218,255,.18);
  background:rgba(3,25,43,.72);
  font-size:21px;
}
.planner-vehicle-context small{
  display:block;
  color:#6f92ac;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.planner-vehicle-context b{
  display:block;
  margin-top:3px;
  color:#f0fbff;
  font-size:14px;
}
.planner-vehicle-context-lock{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(1,19,34,.64);
  color:#79a4bd;
  font-size:9px;
  white-space:nowrap;
}
.planner-vehicle-context[data-vehicle="ebike"]{
  border-color:rgba(39,231,166,.24);
}
.planner-vehicle-context[data-vehicle="ebike"] .planner-vehicle-context-icon{
  color:#55edba;
}
#page-planner[data-planner-vehicle="f20d"] .planner-vehicle-context{
  border-color:rgba(25,208,255,.27);
}
#page-planner[data-planner-vehicle="f20d"] .planner-vehicle-context-icon{
  color:#21d9ff;
}

.tour-vehicle-fixed{
  min-width:190px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:10px 14px;
  border:1px solid rgba(25,184,255,.18);
  border-radius:14px;
  background:rgba(3,22,39,.68);
}
.tour-vehicle-fixed>span{
  color:#708ca5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.tour-vehicle-fixed>b{
  color:#effaff;
  font-size:13px;
}
.tour-vehicle-fixed[data-vehicle="ebike"]{
  border-color:rgba(42,232,161,.20);
}

@media(max-width:650px){
  .planner-vehicle-context{
    grid-template-columns:42px 1fr;
  }
  .planner-vehicle-context-lock{
    grid-column:1 / -1;
    justify-self:start;
  }
}