/* RailRadar Public Journey Overall State UI 0.7.6.17 */

.rr-public-overall-state{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid rgba(108,145,171,.28);
  border-radius:14px;
  background:rgba(4,18,29,.72);
  color:#eef6fb;
}

.rr-public-state-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.rr-public-state-label{
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.11em;
  color:#8fb4cc;
}

.rr-public-state-badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(109,156,187,.3);
  background:rgba(109,156,187,.10);
  color:#d9edf8;
  font-size:12px;
  font-weight:800;
}

.rr-state-active .rr-public-state-badge{
  border-color:rgba(64,194,125,.45);
  background:rgba(64,194,125,.10);
  color:#89e3b4;
}

.rr-state-paused .rr-public-state-badge,
.rr-state-direction_unknown .rr-public-state-badge{
  border-color:rgba(255,184,0,.46);
  background:rgba(255,184,0,.10);
  color:#ffc63b;
}

.rr-state-stale .rr-public-state-badge,
.rr-state-closed .rr-public-state-badge{
  border-color:rgba(132,151,166,.32);
  background:rgba(132,151,166,.08);
  color:#b5c4ce;
}

.rr-state-conflict{
  border-color:rgba(255,184,0,.46);
}

.rr-state-conflict .rr-public-state-badge{
  border-color:rgba(255,184,0,.55);
  background:rgba(255,184,0,.14);
  color:#ffc63b;
}

.rr-public-state-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.rr-public-state-item{
  min-width:0;
  padding:10px 11px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}

.rr-public-state-item span,
.rr-public-state-prediction span{
  display:block;
  margin-bottom:4px;
  color:#83a5bc;
  font-size:11px;
}

.rr-public-state-item strong,
.rr-public-state-prediction strong{
  display:block;
  color:#f3f8fb;
  font-size:13px;
  line-height:1.35;
}

.rr-public-state-item small{
  display:block;
  margin-top:3px;
  color:#7f98a9;
  font-size:10px;
}

.rr-public-state-prediction{
  margin-top:10px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(94,139,168,.24);
  background:rgba(3,14,23,.54);
}

.rr-pred-available{
  border-color:rgba(64,194,125,.34);
  background:rgba(64,194,125,.055);
}

.rr-pred-available strong{
  color:#96e6bc;
}

.rr-pred-blocked strong{
  color:#aabac5;
}

.rr-public-state-alert{
  margin-top:10px;
  padding:9px 11px;
  border:1px solid rgba(255,184,0,.35);
  border-radius:10px;
  background:rgba(255,184,0,.08);
  color:#ffc63b;
  font-size:12px;
  font-weight:700;
}

.rr-public-state-loading,
.rr-public-state-error{
  color:#8ca7b8;
  font-size:12px;
}

@media(max-width:760px){
  .rr-public-state-grid{
    grid-template-columns:1fr;
  }

  .rr-public-state-head{
    align-items:flex-start;
    flex-direction:column;
  }
}