/* Kaspa Forge live telemetry rail.
   Shared by the Forge, Safe and Escrow landing pages so network and security
   proof always use one visual language: engraved iron, patina signal, mono data. */
.status-rail{
  --rail-accent:var(--kaspa);
  position:relative;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid var(--bd);
  background:
    linear-gradient(90deg,rgba(0,193,175,.07),transparent 24%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 12px),
    #121820;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px -26px rgba(0,193,175,.7);
  font-family:var(--mono);
  scrollbar-width:none;
}
.status-rail::-webkit-scrollbar{display:none}
.status-rail::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--rail-accent),rgba(0,193,175,.2));
  box-shadow:0 0 16px rgba(0,193,175,.45);
}
.status-rail--network{border-radius:8px 8px 0 0;border-bottom-color:var(--bd-soft)}
.status-rail--security{border-top:0;border-radius:0 0 8px 8px;background-color:#10161d}
.status-rail--security::before{background:linear-gradient(180deg,rgba(0,193,175,.2),var(--rail-accent))}
.status-rail--edge{border-right:0;border-left:0;border-radius:0}
.status-rail--edge::before{display:none}
.status-rail__inner{display:flex;align-items:stretch;min-width:max-content}
.status-metric{
  display:inline-flex;
  align-items:baseline;
  gap:9px;
  min-height:39px;
  padding:9px 18px;
  white-space:nowrap;
}
.status-metric+.status-metric{border-left:1px solid var(--bd-soft)}
.status-label{
  color:var(--ash2);
  font-size:9.5px;
  font-weight:500;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.status-value{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--silver,#c9d4d2);
  font-size:11.5px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.025em;
  font-variant-numeric:tabular-nums;
}
.status-value--live{color:var(--kaspa)}
.status-value--beta{color:var(--amber,#e0a93e)}
.status-metric--push{margin-left:auto}
.status-action{
  align-self:center;
  min-height:25px;
  padding:5px 10px;
  border:1px solid rgba(0,193,175,.25);
  border-radius:4px;
  background:rgba(0,193,175,.055);
  color:var(--kaspa);
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.status-action:hover{border-color:rgba(0,193,175,.55);background:rgba(0,193,175,.12);color:var(--kaspa-soft)}
.status-rail .ns-daa{min-width:11ch;color:var(--kaspa)}
.status-rail.ns-off .status-value,.status-rail.ns-off .ns-daa{color:var(--ash2)}
.status-rail .ns-dot{margin:0;vertical-align:0}

@media(max-width:760px){
  .status-metric--push{margin-left:0}
  .status-metric{min-height:36px;padding:8px 14px}
  .status-label{font-size:9px;letter-spacing:.12em}
  .status-value{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.status-rail{scroll-behavior:auto}}