/* RailRadar Punkt 2 – Community ↔ Journey Integration 1.0.0 */

.sighting-item{position:relative}
.rr-sighting-main{min-width:0}
.rr-sighting-subline{display:block}

.rr-sighting-journey{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:7px;
}

.rr-sighting-journey-state{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 8px;
  border:1px solid rgba(116,153,183,.22);
  border-radius:999px;
  background:rgba(116,153,183,.08);
  color:#9fb4c5;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
}

.rr-sighting-journey-state.is-open{
  border-color:rgba(53,191,130,.28);
  background:rgba(53,191,130,.09);
  color:#67d9a0;
}

.rr-sighting-journey-link{
  appearance:none;
  border:0;
  padding:4px 2px;
  background:transparent;
  color:#ffcf4a;
  font:inherit;
  font-size:.74rem;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
}

.rr-sighting-journey-link:hover,
.rr-sighting-journey-link:focus-visible{
  text-decoration:underline;
}


.rr-sighting-journey-path{
  display:block;
  margin-top:7px;
  color:#8fa7ba;
  font-size:.74rem;
  line-height:1.45;
}

.rr-sighting-journey-path-label{
  margin-right:6px;
  color:#6f879a;
  font-weight:700;
}

.rr-sighting-journey-path-places{
  color:#a9bdcc;
}

.sighting-item time{white-space:nowrap}

@media(max-width:720px){
  .rr-sighting-journey{margin-top:6px}
  .rr-sighting-journey-state{font-size:.69rem}
}