/*
  Season2 Production UX Amendment 03 R1
  PA-04.7 COPY-COMPACT correction layer
  Scope: EP07 T state legibility / trajectory CTA hierarchy / Bridge3 save feedback / Bridge4 terminal navigation.
  No Sticky navigation in this layer.
*/

/* EP07 T: make placed vs unplaced destinations readable at a glance. */
.route-destination-box .route-placement-status{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:26px;
  padding:3px 9px;
  margin:2px 0 5px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.03em;
  line-height:1;
}
.route-destination-box .route-placement-status.is-empty{
  color:#7b8290;
  background:rgba(255,255,255,.52);
  border:1px dashed rgba(103,112,128,.35);
}
.route-destination-box .route-placement-status.is-placed{
  color:#355e49;
  background:rgba(226,240,229,.92);
  border:1px solid rgba(87,139,105,.46);
}
.route-destination-box.filled{
  box-shadow:inset 0 0 0 1.5px rgba(87,139,105,.33);
  background:rgba(246,251,246,.95);
}
.route-destination-box.empty{
  border-style:dashed;
  opacity:.88;
}
.parallel-item.route-card.placed{
  background:rgba(239,247,241,.92);
  border-color:rgba(87,139,105,.42);
}

/* Trajectory: the forward bridge gate remains the sole primary CTA. */
.trajectory-secondary-actions{
  margin-top:16px;
}
.trajectory-secondary-actions .text-btn{
  opacity:.82;
}

/* Bridge 3: explicit saved state. */
button.ux-save-complete,
.ux-save-complete{
  width:100%;
  min-height:52px;
  border:1px solid rgba(83,126,96,.36);
  border-radius:999px;
  background:rgba(232,241,234,.9);
  color:#41674e;
  font-weight:800;
  box-shadow:none;
  cursor:default;
  opacity:1;
}
button.ux-save-complete:disabled{
  opacity:1;
  -webkit-text-fill-color:#41674e;
}
.carry-save-actions + .bridge-note{
  margin-top:18px;
}

/* Bridge 4: terminal state and one forward primary. */
.bridge-terminal-state{
  display:grid;
  gap:5px;
  margin:20px 0 14px;
  padding:16px 18px;
  border:1px solid rgba(177,143,76,.28);
  border-radius:18px;
  background:rgba(250,246,237,.78);
}
.bridge-terminal-state strong{
  color:#17283c;
  font-size:1.05rem;
}
.bridge-terminal-state span{
  color:#68758a;
  line-height:1.65;
}
.bridge-terminal-actions .text-btn{
  margin-top:2px;
}

@media (max-width: 760px){
  .route-destination-box .route-placement-status{
    font-size:.68rem;
    min-height:24px;
    padding:3px 8px;
  }
  .bridge-terminal-state{
    margin-top:16px;
    padding:14px 15px;
  }
}