/* RailRadar Journey Community Status UI 0.7.6.11 */

.rr-journey-live-state{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(142,165,184,.24);
  background:rgba(142,165,184,.08);
  color:#b9c9d6;
  font-size:.68rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap
}

.rr-journey-live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px rgba(255,255,255,.04)
}

.rr-journey-live-state.is-fresh{
  color:#8ee7b1;
  border-color:rgba(84,210,132,.28);
  background:rgba(84,210,132,.09)
}

.rr-journey-live-state.is-aging{
  color:#ffd56a;
  border-color:rgba(255,202,58,.32);
  background:rgba(255,202,58,.09)
}

.rr-journey-live-state.is-stale{
  color:#aebcca;
  border-color:rgba(150,169,185,.24);
  background:rgba(113,132,148,.10)
}

.rr-journey-live-state.is-direction_unknown{
  color:#f4bc77;
  border-color:rgba(240,164,76,.30);
  background:rgba(240,164,76,.09)
}

.rr-journey-card-top{
  gap:10px
}

.rr-journey-live-panel{
  margin:16px 0 18px;
  padding:16px;
  border:1px solid rgba(121,151,176,.18);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(12,31,46,.82),rgba(7,22,34,.82))
}

.rr-journey-live-panel.is-fresh{
  border-color:rgba(84,210,132,.22)
}

.rr-journey-live-panel.is-aging{
  border-color:rgba(255,202,58,.25)
}

.rr-journey-live-panel.is-stale{
  border-color:rgba(132,154,173,.20)
}

.rr-journey-live-panel.is-direction_unknown{
  border-color:rgba(240,164,76,.24)
}

.rr-journey-live-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px
}

.rr-journey-live-age{
  color:#8da4b7;
  font-size:.78rem;
  font-weight:650
}

.rr-journey-live-current{
  padding:13px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.035)
}

.rr-journey-live-kicker{
  display:block;
  margin-bottom:4px;
  color:#7f9ab0;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.12em
}

.rr-journey-live-current>strong{
  display:block;
  color:#f4f8fb;
  font-size:1rem
}

.rr-journey-live-facts{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin-top:7px;
  color:#9cb0c1;
  font-size:.78rem
}

.rr-journey-live-next{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-top:10px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(61,150,222,.08);
  border:1px solid rgba(61,150,222,.16)
}

.rr-journey-live-next span{
  color:#8da8bd;
  font-size:.72rem
}

.rr-journey-live-next strong{
  color:#dcefff;
  font-size:.87rem;
  text-align:right
}

.rr-journey-live-next.is-paused{
  background:rgba(255,255,255,.025);
  border-color:rgba(137,158,175,.13)
}

.rr-journey-live-next.is-paused strong{
  color:#aebdca
}

.rr-journey-live-message{
  margin:11px 1px 0;
  color:#879fb2;
  font-size:.76rem;
  line-height:1.45
}

@media (max-width:640px){
  .rr-journey-live-panel-head,
  .rr-journey-live-next{
    align-items:flex-start;
    flex-direction:column
  }

  .rr-journey-live-next strong{
    text-align:left
  }

  .rr-journey-live-facts{
    flex-direction:column;
    gap:4px
  }
}