/* NineConnect Web v52 — Karten-/Routing Funktionsstatus */
.planner-provider-stack{
  display:grid;
  justify-items:end;
  gap:5px;
}
.planner-routing-state{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(35,210,255,.18);
  background:rgba(5,34,54,.62);
  color:#8fc6dd;
  font-size:9px;
  font-weight:850;
  letter-spacing:.07em;
}
.planner-routing-state.good{
  color:#7df2c1;
  border-color:rgba(42,232,161,.22);
  background:rgba(12,72,58,.22);
}
.planner-routing-state.working{
  color:#74ddff;
  animation:ncRoutePulse 1s ease-in-out infinite alternate;
}
.planner-routing-state.offline{
  color:#ffd17d;
  border-color:rgba(255,193,82,.24);
  background:rgba(86,58,13,.18);
}
@keyframes ncRoutePulse{to{opacity:.55}}

.planner-calc-route{
  width:100%;
  min-height:46px;
  margin:-2px 0 1px;
  border:1px solid rgba(27,208,255,.32);
  border-radius:14px;
  background:linear-gradient(100deg,rgba(0,190,231,.15),rgba(19,104,238,.15));
  color:#e9fbff;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.planner-calc-route:hover{
  border-color:rgba(31,222,255,.55);
  background:linear-gradient(100deg,rgba(0,190,231,.22),rgba(19,104,238,.20));
}