/* RailRadar Journey Timeline & Active Community View 0.7.6.13 */

.rr-journey-active-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(119,148,171,.15);
  border-radius:12px;
  background:rgba(255,255,255,.025)
}

.rr-journey-active-counts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  color:#8ea5b7;
  font-size:.75rem
}

.rr-journey-active-counts strong{
  color:#e8f2f8;
  font-size:.88rem
}

.rr-journey-archive-toggle{
  border:1px solid rgba(102,147,180,.24);
  border-radius:9px;
  padding:7px 10px;
  background:rgba(60,126,176,.08);
  color:#b8d4e7;
  font:inherit;
  font-size:.72rem;
  font-weight:750;
  cursor:pointer
}

.rr-journey-archive-toggle:hover{
  background:rgba(60,126,176,.14)
}

.rr-journey-card.rr-journey-archived-card{
  opacity:.62
}

.rr-journey-card.rr-journey-archived-card::after{
  content:"Archiv";
  position:absolute;
  right:12px;
  bottom:10px;
  color:#7e92a2;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}

.rr-journey-active-empty{
  padding:18px;
  border:1px dashed rgba(126,153,174,.18);
  border-radius:12px;
  color:#8ea2b2;
  font-size:.8rem;
  line-height:1.45;
  text-align:center
}

.rr-journey-timeline.rr-journey-timeline-legacy-hidden{
  display:none
}

.rr-active-timeline-panel{
  margin:14px 0 18px;
  padding:15px;
  border:1px solid rgba(105,146,176,.16);
  border-radius:15px;
  background:rgba(5,18,29,.42)
}

.rr-active-timeline-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px
}

.rr-active-timeline-title h3{
  margin:3px 0 0;
  color:#f1f6fa;
  font-size:1rem
}

.rr-active-timeline-count{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#8fa7ba;
  font-size:.68rem;
  font-weight:750
}

.rr-active-timeline{
  list-style:none;
  margin:0;
  padding:0
}

.rr-active-timeline-step{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:10px;
  min-height:62px
}

.rr-active-timeline-rail{
  position:relative;
  display:flex;
  justify-content:center
}

.rr-active-timeline-dot{
  position:relative;
  z-index:2;
  width:10px;
  height:10px;
  margin-top:5px;
  border-radius:50%;
  border:2px solid #6d91aa;
  background:#0b1e2c
}

.rr-active-timeline-line{
  position:absolute;
  top:14px;
  bottom:-5px;
  width:2px;
  background:rgba(110,143,166,.18)
}

.rr-active-timeline-content{
  padding:0 0 16px
}

.rr-active-timeline-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
  color:#7f98ab;
  font-size:.69rem
}

.rr-active-timeline-content>strong{
  display:block;
  color:#dfeaf1;
  font-size:.86rem;
  line-height:1.35
}

.rr-active-timeline-route{
  display:block;
  margin-top:4px;
  color:#7f96a8;
  font-size:.7rem
}

.rr-timeline-kind{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:4px 7px;
  border:1px solid rgba(126,151,170,.18);
  background:rgba(255,255,255,.025);
  color:#91a9ba;
  font-size:.61rem;
  line-height:1;
  font-weight:800;
  white-space:nowrap
}

.rr-timeline-kind.is-confirmed{
  color:#9fd8f2;
  border-color:rgba(82,170,214,.23);
  background:rgba(82,170,214,.07)
}

.rr-timeline-kind.is-direction{
  color:#a9e0bd;
  border-color:rgba(84,203,131,.23);
  background:rgba(84,203,131,.07)
}

.rr-timeline-kind.is-direction_unknown{
  color:#f1bb74;
  border-color:rgba(235,163,76,.26);
  background:rgba(235,163,76,.07)
}

.rr-timeline-kind.is-station{
  color:#d3b7f6;
  border-color:rgba(171,123,226,.24);
  background:rgba(171,123,226,.07)
}

.rr-timeline-kind.is-prediction{
  color:#8dccf4;
  border-color:rgba(60,157,220,.26);
  background:rgba(60,157,220,.08)
}

.rr-timeline-kind.is-paused{
  color:#9baebb;
  border-color:rgba(135,154,168,.18)
}

.rr-active-timeline-step.is-prediction .rr-active-timeline-dot{
  border-color:#4fa6da;
  border-style:dashed
}

.rr-active-timeline-step.is-paused .rr-active-timeline-dot{
  border-color:#768b9a;
  opacity:.7
}

@media(max-width:640px){
  .rr-journey-active-toolbar,
  .rr-active-timeline-title{
    align-items:flex-start;
    flex-direction:column
  }

  .rr-journey-archive-toggle{
    width:100%
  }

  .rr-active-timeline-head{
    align-items:flex-start;
    flex-direction:column;
    gap:5px
  }
}

/* RAILRADAR_JOURNEY_TRANSITION_FRONTEND_1_0_0 */
.rr-journey-transition{display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;padding:14px 15px;border:1px solid rgba(88,185,228,.24);border-radius:14px;background:rgba(42,125,169,.08)}
.rr-journey-transition-icon{flex:0 0 30px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(88,185,228,.28);background:rgba(88,185,228,.10);font-size:1rem}
.rr-journey-transition-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.rr-journey-transition-eyebrow{font-size:.68rem;letter-spacing:.09em;font-weight:700;color:#82cbea}
.rr-journey-transition-copy strong{font-size:.96rem}.rr-journey-transition-copy p{margin:0;color:#9fb1bd;line-height:1.45}
.rr-journey-transition-open{appearance:none;align-self:flex-start;margin-top:5px;padding:0;border:0;background:transparent;color:#8fd2ef;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;text-align:left}
.rr-journey-transition-open:hover{text-decoration:underline}@media(max-width:640px){.rr-journey-transition{padding:12px;gap:10px}}

/* RAILRADAR_JOURNEY_ROUTE_OVERVIEW_FRONTEND_1_0_0 */
.rr-route-overview{margin:0 0 14px;padding:15px;border:1px solid rgba(101,155,190,.2);border-radius:15px;background:rgba(6,21,33,.56)}
.rr-route-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.rr-route-overview-head>div{display:flex;flex-direction:column;gap:3px}
.rr-route-overview-eyebrow{font-size:.67rem;line-height:1;letter-spacing:.09em;font-weight:800;color:#7fa9c6}
.rr-route-overview-head strong{color:#f1f6fa;font-size:1rem}
.rr-route-overview-ref{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(100,169,211,.18);border-radius:999px;background:rgba(72,145,189,.08);color:#9bc8e1;font-size:.72rem;font-weight:750}
.rr-route-overview-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:15px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.025)}
.rr-route-overview-summary>span:not(.rr-route-overview-arrow){display:flex;flex-direction:column;gap:2px;min-width:0}
.rr-route-overview-summary>span:last-child{text-align:right;align-items:flex-end}
.rr-route-overview-summary small{color:#718b9e;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;font-weight:750}
.rr-route-overview-summary strong{overflow:hidden;color:#e8f0f5;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}
.rr-route-overview-arrow{color:#6f9bb8;font-size:1.1rem}
.rr-route-overview-chain{display:flex;align-items:center;gap:0;overflow-x:auto;padding:3px 1px 6px;scrollbar-width:thin}
.rr-route-overview-place{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:max-content}
.rr-route-overview-dot{width:9px;height:9px;flex:0 0 9px;border:2px solid #6d91aa;border-radius:50%;background:#0b1e2c}
.rr-route-overview-place.is-start .rr-route-overview-dot{border-color:#8ab5d0}
.rr-route-overview-place.is-last .rr-route-overview-dot{border-color:#69bf91;background:rgba(74,174,119,.12)}
.rr-route-overview-place-copy{display:flex;flex-direction:column;gap:1px}
.rr-route-overview-place-copy strong{max-width:180px;overflow:hidden;color:#dce7ee;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.rr-route-overview-place-copy small{color:#668296;font-size:.62rem}
.rr-route-overview-connector{flex:0 0 24px;width:24px;height:1px;margin:0 7px;background:rgba(111,151,178,.28)}
.rr-route-overview-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;margin:0 8px;padding:4px 7px;border:1px dashed rgba(240,178,93,.3);border-radius:8px;background:rgba(240,178,93,.06)}
.rr-route-overview-switch span{color:#a88c69;font-size:.55rem;text-transform:uppercase;letter-spacing:.04em}
.rr-route-overview-switch strong{color:#e3bb84;font-size:.65rem}
@media(max-width:640px){
  .rr-route-overview{padding:12px}
  .rr-route-overview-head{flex-direction:column;gap:8px}
  .rr-route-overview-summary{gap:8px;padding:10px}
  .rr-route-overview-summary strong{font-size:.82rem}
  .rr-route-overview-ref{align-self:flex-start}
  .rr-route-overview-place-copy strong{max-width:135px}
}


/* RAILRADAR_SIGHTING_NOTE_PHOTO_1_0_0 */
.rr-sighting-photo-field input[type="file"]{display:block;width:100%;margin-top:8px}
.rr-sighting-photo-help{display:block;margin-top:6px;color:#7f95a5;font-size:.74rem}
.rr-sighting-photo-preview,.rr-sighting-media,.rr-active-timeline-media{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.rr-sighting-photo-preview-item{position:relative;width:84px}
.rr-sighting-photo-preview-item img,.rr-sighting-media-thumb img,.rr-active-timeline-media img{display:block;width:84px;height:64px;object-fit:cover;border-radius:9px;border:1px solid rgba(124,166,192,.22);background:#0b1c28}
.rr-sighting-photo-preview-item span{display:block;margin-top:3px;color:#708696;font-size:.66rem}
.rr-sighting-photo-error{color:#e8aa7d;font-size:.78rem}
.rr-sighting-note,.rr-active-timeline-note{display:flex;align-items:flex-start;gap:7px;margin-top:8px;padding:8px 10px;border:1px solid rgba(117,161,189,.16);border-radius:9px;background:rgba(255,255,255,.025);color:#b8c8d3;font-size:.79rem;line-height:1.4}
.rr-sighting-media-thumb,.rr-active-timeline-media a{display:block;border-radius:9px;overflow:hidden}
.rr-sighting-media-thumb:hover img,.rr-active-timeline-media a:hover img{filter:brightness(1.08)}
@media(max-width:640px){.rr-sighting-photo-preview-item img,.rr-sighting-media-thumb img,.rr-active-timeline-media img{width:72px;height:56px}}