.changes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}
.changes-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.changes-card h3,.changes-card p{margin:0}
.changes-card header,.changes-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.changes-card footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border,#e5e9e7)}
.change-impact{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}
.change-impact span{background:#f0f5f2;border-radius:7px;padding:7px 10px}
.changes-warning{background:#fff4df;color:#805c1b;border:1px solid #ead6ae;border-radius:10px;padding:12px 15px;font-size:13px}
.changes-warning ul{margin:10px 0;padding-left:20px}
.changes-warning li{margin:5px 0}
.changes-ready{color:#256047}
.changes-actions,.changes-links{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.changes-recipients{list-style:none;margin:12px 0;padding:0}
.changes-recipients li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #edf0ed}
.changes-history{margin-top:24px;border-top:1px solid #e5e9e7;padding-top:16px}
.changes-history>div{padding:12px 0;border-bottom:1px solid #edf0ed}
.changes-history p{margin:5px 0;white-space:pre-wrap}
.release-document-row{display:grid;grid-template-columns:170px minmax(0,1fr) 40px;gap:9px;margin:9px 0}
.release-readiness{display:grid;gap:12px;margin:16px 0}
.release-readiness label{display:flex;align-items:center;gap:9px}
.release-readiness input[type=checkbox]{width:17px;height:17px}
.release-checks{list-style:none;padding:0;display:grid;gap:9px}
.release-hash{display:block;font-size:11px;overflow-wrap:anywhere;max-width:260px;padding:8px 0}
.changes-card .status-pill.implemented{background:#e2f0e7;color:#256047}
.changes-card .status-pill.revoked,.changes-card .status-pill.cancelled{background:#fae8e4;color:#913e31}
.changes-card .status-pill.proposed{background:#f5eedf;color:#856527}
@media(max-width:650px){.release-document-row{grid-template-columns:1fr 40px}.release-document-row select:first-child{grid-column:1 / -1}.changes-recipients li{flex-direction:column;gap:4px}}
