/* XPROD-021 / Operator release planning and real dependency readbacks. */
.xprod021-gate{display:flex;flex-direction:column;gap:4px}
.xprod021-gate h2{letter-spacing:-.035em}
.xprod021-gate-action{border-top:1px solid #384e40;margin-top:19px;padding-top:17px;display:grid;gap:8px}
.xprod021-overline{font-size:10px;color:#cbd9c9;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.xprod021-gate-action p{font-size:12px;line-height:1.6;color:#c0d0c1;margin:0}
.xprod021-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #87a68e;border-radius:10px;padding:10px 15px;color:#ecf4e9;font-size:12px;font-weight:700;text-decoration:none;width:max-content;max-width:100%;min-height:42px;margin-top:6px}
.xprod021-health{margin-top:60px;padding:clamp(24px,3vw,38px);border:1px solid #415b49;background:linear-gradient(135deg,#1d2c23,#142019);border-radius:19px}
.xprod021-section-head h2{font-size:clamp(27px,3vw,41px);line-height:1.1;letter-spacing:-.06em;font-weight:620;margin:11px 0}
.xprod021-section-head p{margin:0 0 25px;font-size:12px;max-width:670px}
.xprod021-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:10px}
.xprod021-check{display:grid;grid-template-columns:1fr auto;gap:8px;padding:19px;border:1px solid #526c58;border-radius:13px;background:#25372a;min-width:0}
.xprod021-check-state{grid-column:1/-1;color:#c4d3c6;font-size:9px;font-weight:800;letter-spacing:.11em}
.xprod021-check strong{font-size:13px;line-height:1.3}
.xprod021-check-count{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}
.xprod021-check p{grid-column:1/-1;margin:0;font-size:11px;color:#b7cabc;line-height:1.55}
.xprod021-limits,.xprod021-observed{font-size:11px;color:#b5c7b8;line-height:1.65}
.xprod021-limits{margin:19px 0 0}
.xprod021-observed{margin:19px 0 0}
#refresh:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.xprod021-health{margin-top:35px;padding:19px}.xprod021-gate-action{margin-top:12px}}