:root {
  --launch-qa-cockpit-release: "20260726-launch-qa-cockpit-os-2125";
}

.launch-qa-cockpit-os,
.launch-qa-cockpit-os * {
  box-sizing: border-box;
}

.launch-qa-cockpit-os {
  border-radius: 8px;
}

.launch-qa-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.launch-qa-head h2 {
  margin: 3px 0;
  color: var(--ink, #271420);
  font-size: clamp(21px, 2vw, 28px);
  font-weight: 540;
  letter-spacing: 0;
  line-height: 1.08;
}

.launch-qa-head p {
  margin: 0;
  color: var(--muted, #725e68);
  font-size: 13px;
  line-height: 1.44;
}

.launch-qa-score {
  min-width: 96px;
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: 10px;
  border: 1px solid rgba(230, 95, 154, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
}

.launch-qa-score strong {
  color: var(--ink, #271420);
  font-size: 25px;
  font-weight: 540;
  line-height: 1;
}

.launch-qa-score small,
.launch-qa-metrics span,
.launch-qa-risk-list span,
.launch-qa-patterns span {
  color: #b37a20;
  font-size: 10px;
  font-weight: 540;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.launch-qa-metrics,
.launch-qa-risk-list,
.launch-qa-patterns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.launch-qa-risk-list,
.launch-qa-patterns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 12px 12px;
}

.launch-qa-metrics {
  margin-top: 12px;
}

.launch-qa-metrics article,
.launch-qa-risk-list article,
.launch-qa-patterns article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(230, 95, 154, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.launch-qa-metrics article[data-state="hold"],
.launch-qa-risk-list article[data-state="blocked"],
.launch-qa-risk-list article[data-state="next"] {
  border-color: rgba(255, 111, 181, 0.32);
  background: linear-gradient(135deg, rgba(255, 104, 167, 0.12), rgba(238, 185, 86, 0.12));
}

.launch-qa-metrics strong,
.launch-qa-risk-list strong,
.launch-qa-patterns strong {
  color: var(--ink, #271420);
  font-size: 14px;
  font-weight: 540;
  line-height: 1.22;
}

.launch-qa-metrics small {
  color: var(--muted, #725e68);
  font-size: 12px;
  line-height: 1.25;
}

.launch-qa-details {
  margin-top: 12px;
  border: 1px solid rgba(230, 95, 154, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.58);
}

.launch-qa-details summary {
  cursor: pointer;
  padding: 12px;
  color: var(--ink, #271420);
  font-size: 14px;
  font-weight: 540;
}

body[data-theme="dark"] .launch-qa-cockpit-os,
body:not([data-theme="bright"]).admin-page .launch-qa-cockpit-os {
  border-color: rgba(255, 111, 181, 0.25);
  background: linear-gradient(135deg, rgba(45, 17, 35, 0.98), rgba(35, 23, 23, 0.94));
  color: #fff4fb;
}

body[data-theme="dark"] .launch-qa-head h2,
body[data-theme="dark"] .launch-qa-metrics strong,
body[data-theme="dark"] .launch-qa-risk-list strong,
body[data-theme="dark"] .launch-qa-patterns strong,
body:not([data-theme="bright"]).admin-page .launch-qa-head h2,
body:not([data-theme="bright"]).admin-page .launch-qa-metrics strong,
body:not([data-theme="bright"]).admin-page .launch-qa-risk-list strong,
body:not([data-theme="bright"]).admin-page .launch-qa-patterns strong {
  color: #fff6fb;
}

body[data-theme="dark"] .launch-qa-head p,
body[data-theme="dark"] .launch-qa-metrics small,
body:not([data-theme="bright"]).admin-page .launch-qa-head p,
body:not([data-theme="bright"]).admin-page .launch-qa-metrics small {
  color: rgba(255, 234, 246, 0.76);
}

body[data-theme="dark"] .launch-qa-score,
body[data-theme="dark"] .launch-qa-details,
body[data-theme="dark"] .launch-qa-metrics article,
body[data-theme="dark"] .launch-qa-risk-list article,
body[data-theme="dark"] .launch-qa-patterns article,
body:not([data-theme="bright"]).admin-page .launch-qa-score,
body:not([data-theme="bright"]).admin-page .launch-qa-details,
body:not([data-theme="bright"]).admin-page .launch-qa-metrics article,
body:not([data-theme="bright"]).admin-page .launch-qa-risk-list article,
body:not([data-theme="bright"]).admin-page .launch-qa-patterns article {
  background: rgba(28, 10, 23, 0.74);
  border-color: rgba(255, 111, 181, 0.2);
}

@media (max-width: 860px) {
  .launch-qa-head,
  .launch-qa-metrics,
  .launch-qa-risk-list,
  .launch-qa-patterns {
    grid-template-columns: 1fr;
  }

  .launch-qa-score {
    width: 100%;
    justify-items: start;
  }
}

@media (max-width: 560px) {
  .launch-qa-cockpit-os {
    padding: 12px;
  }

  .launch-qa-details summary {
    padding: 11px;
  }
}