/* Progressive, manifest-backed state rail for the public release center. */
.release-center-page .release-product-card {
  position: relative;
  overflow: clip;
}

.release-center-page .release-live-state {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(145,194,244,.16);
  border-radius: 14px;
  color: #aebfd1;
  background:
    linear-gradient(145deg, rgba(255,255,255,.04), transparent 38%),
    rgba(5,14,24,.58);
  box-shadow: inset 0 1px rgba(255,255,255,.04);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
  font-size: .78rem;
  line-height: 1.4;
}

.release-center-page .release-live-dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #79baff;
  box-shadow: 0 0 0 5px rgba(121,186,255,.09), 0 0 16px rgba(121,186,255,.28);
}

.release-center-page [data-release-live-state="loading"] .release-live-dot {
  animation: raysor-release-state-pulse 1.25s ease-in-out infinite;
}

.release-center-page [data-release-live-state="stable"] {
  border-color: rgba(101,220,177,.24);
  color: #bfe9d9;
  background: linear-gradient(145deg, rgba(94,219,175,.08), transparent 42%), rgba(5,19,17,.72);
}
.release-center-page [data-release-live-state="stable"] .release-live-dot { background: #69d8b1; box-shadow: 0 0 0 5px rgba(105,216,177,.09); }

.release-center-page [data-release-live-state="beta"] {
  border-color: rgba(190,151,255,.24);
  color: #dac7ff;
  background: linear-gradient(145deg, rgba(164,118,245,.08), transparent 42%), rgba(15,10,28,.72);
}
.release-center-page [data-release-live-state="beta"] .release-live-dot { background: #b891ff; box-shadow: 0 0 0 5px rgba(184,145,255,.09); }

.release-center-page [data-release-live-state="developer"],
.release-center-page [data-release-live-state="development"] {
  border-color: rgba(113,184,255,.22);
  color: #bcdcff;
}

.release-center-page [data-release-live-state="error"] {
  border-color: rgba(255,132,149,.28);
  color: #ffc0ca;
  background: linear-gradient(145deg, rgba(220,73,96,.08), transparent 42%), rgba(27,8,14,.72);
}
.release-center-page [data-release-live-state="error"] .release-live-dot { background: #ff8194; box-shadow: 0 0 0 5px rgba(255,129,148,.09); }

@keyframes raysor-release-state-pulse {
  0%, 100% { transform: scale(.86); opacity: .62; }
  50% { transform: scale(1.08); opacity: 1; }
}

@container (max-width: 34rem) {
  .release-center-page .release-live-state {
    align-items: flex-start;
    padding: 11px 12px;
  }
  .release-center-page .release-live-dot { margin-top: .28rem; }
}

@media (hover: none), (pointer: coarse) {
  .release-center-page .v1-download-actions .button { min-height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .release-center-page [data-release-live-state="loading"] .release-live-dot {
    animation: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .release-center-page .release-live-state {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #0a1521;
  }
}

@media (forced-colors: active) {
  .release-center-page .release-live-state {
    border-color: CanvasText;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
  .release-center-page .release-live-dot {
    background: Highlight;
    box-shadow: none;
  }
}