.production-assurance {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(105, 233, 206, .2);
  border-radius: 20px;
  background: radial-gradient(circle at 86% 0%, rgba(98, 216, 255, .1), transparent 36%), rgba(3, 12, 23, .58);
}
.production-assurance-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.production-assurance-head > div:first-child { max-width: 800px; }
.production-assurance-head span,
.production-assurance-metrics span { color: #69e9ce; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.production-assurance-head h3 { margin: 5px 0 7px; color: #f2f8ff; font-size: clamp(18px, 2vw, 27px); }
.production-assurance-head p { margin: 0; color: #8da2b8; line-height: 1.55; }
.production-assurance-state { min-width: 190px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; text-align: right; }
.production-assurance-state b { display: block; color: #aebccc; font-size: 12px; }
.production-assurance-state small { color: #71879e; font-size: 10px; }
.production-assurance-state[data-assurance-state="ready"] { border-color: rgba(105,233,206,.4); background: rgba(105,233,206,.08); }
.production-assurance-state[data-assurance-state="ready"] b { color: #69e9ce; }
.production-assurance-state[data-assurance-state="degraded"] { border-color: rgba(255,145,118,.4); background: rgba(255,145,118,.08); }
.production-assurance-state[data-assurance-state="degraded"] b { color: #ff9176; }
.production-assurance-state[data-assurance-state="running"] b { color: #62d8ff; }
.production-assurance-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 16px 0; }
.production-assurance-metrics article { padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(2,9,18,.45); }
.production-assurance-metrics b { display: block; margin: 3px 0; color: #eff8ff; font-size: 18px; }
.production-assurance-metrics small { color: #71879e; font-size: 10px; }
.production-assurance-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.production-assurance-steps article { padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; }
.production-assurance-steps article[data-status="ready"] { border-color: rgba(105,233,206,.2); }
.production-assurance-steps article[data-status="failed"] { border-color: rgba(255,145,118,.28); }
.production-assurance-steps b { display: block; color: #eaf6ff; font-size: 11px; }
.production-assurance-steps small { color: #7890a8; font-size: 9px; }
.production-assurance-steps em { display: block; margin-top: 5px; color: #69e9ce; font-size: 9px; font-style: normal; font-weight: 900; }
.production-assurance-steps article[data-status="failed"] em { color: #ff9176; }
.production-assurance-actions { display: flex; gap: 14px; align-items: center; margin-top: 14px; }
.production-assurance-actions button { min-height: 42px; padding: 0 16px; border: 0; border-radius: 11px; font-weight: 900; }
.production-assurance-actions button.primary { background: linear-gradient(135deg, #69e9ce, #62d8ff); color: #04101c; }
.production-assurance-actions p { margin: 0; color: #8297ae; font-size: 10px; }
@media (max-width: 760px) {
  .production-assurance { padding: 14px; }
  .production-assurance-head { display: grid; }
  .production-assurance-state { min-width: 0; text-align: left; }
  .production-assurance-metrics,
  .production-assurance-steps { grid-template-columns: 1fr; }
  .production-assurance-actions { align-items: stretch; flex-direction: column; }
}