/* RailRadar Junction Guidance Polish 0.7.1.6.3.4 */

.rr-app-junction-info{
  grid-column:1 / -1 !important;
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:22px !important;
  padding:16px 18px !important;
  border:1px solid rgba(255,184,0,.44) !important;
  border-radius:14px !important;
  background:
    linear-gradient(135deg,rgba(255,184,0,.075),rgba(255,184,0,.025)) !important;
}

.rr-junction-guidance-main{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:13px;
}

.rr-junction-guidance-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,184,0,.55);
  border-radius:12px;
  color:#ffb800;
  background:rgba(255,184,0,.06);
  font-size:23px;
  line-height:1;
  font-weight:800;
}

.rr-junction-guidance-copy{
  min-width:0;
  display:grid;
  gap:4px;
}

.rr-junction-guidance-copy strong{
  color:#ffca2f !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  white-space:normal !important;
}

.rr-junction-guidance-copy span{
  color:#b4c3cf !important;
  font-size:12px !important;
  line-height:1.45 !important;
  text-align:left !important;
}

.rr-junction-guidance-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:max-content;
}

.rr-junction-guidance-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(255,184,0,.55);
  border-radius:999px;
  color:#ffcf4a;
  background:rgba(255,184,0,.08);
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.055em;
  white-space:nowrap;
}

/* Remove the old pseudo badge from 0.7.1.6.3.3. */
.rr-app-junction-info::after{
  content:none !important;
  display:none !important;
}

/* Selected branch: status becomes visually resolved. */
.rr-app-junction:has(.rr-junction-branch.is-active) .rr-junction-guidance-status{
  border-color:rgba(129,214,160,.48);
  color:#9fe0b6;
  background:rgba(93,184,126,.09);
}

.rr-app-junction:has(.rr-junction-branch.is-active) .rr-junction-guidance-status::before{
  content:"✓ ";
}

.rr-app-junction:has(.rr-junction-branch.is-active) .rr-junction-guidance-status{
  font-size:0;
}

.rr-app-junction:has(.rr-junction-branch.is-active) .rr-junction-guidance-status::after{
  content:"Ausgewählt";
  font-size:10px;
}

@media(max-width:760px){
  .rr-app-junction-info{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .rr-junction-guidance-side{
    justify-content:flex-start;
  }
}

@media(max-width:520px){
  .rr-junction-guidance-main{
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
  }

  .rr-junction-guidance-icon{
    width:36px;
    height:36px;
    border-radius:10px;
    font-size:20px;
  }

  .rr-app-junction-info{
    padding:14px !important;
  }
}