.cf58-change-impact{margin:18px 0;padding:20px;border:1px solid color-mix(in srgb,var(--primary,#8b5cf6) 24%,var(--border,#e5e7eb));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#8b5cf6) 7%,var(--panel,#fff)),var(--panel,#fff) 62%);box-shadow:0 16px 44px rgba(39,20,79,.08)}
.cf58-change-impact.cf58-critical{border-color:color-mix(in srgb,#ef4444 40%,var(--border,#e5e7eb));background:linear-gradient(135deg,color-mix(in srgb,#ef4444 5%,var(--panel,#fff)),var(--panel,#fff) 64%)}
.cf58-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.cf58-head h2{margin:5px 0 7px;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.18}.cf58-head p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}.cf58-risk{flex:0 0 auto;min-width:76px;padding:10px 12px;border-radius:16px;text-align:center;background:color-mix(in srgb,var(--primary,#8b5cf6) 9%,transparent)}.cf58-critical .cf58-risk{background:color-mix(in srgb,#ef4444 10%,transparent)}.cf58-risk strong{display:block;font-size:1.45rem}.cf58-risk span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.cf58-changes,.cf58-drawer-changes{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.cf58-changes{grid-template-columns:repeat(3,minmax(0,1fr))}.cf58-changes li,.cf58-drawer-changes li{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--panel,#fff);min-width:0}.cf58-changes li b,.cf58-drawer-changes li b{font-size:.78rem}.cf58-changes li span,.cf58-drawer-changes li span{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.cf58-changes li span em,.cf58-drawer-changes li span em{font-style:normal;font-weight:900;color:var(--primary,#8b5cf6);padding:0 4px}.cf58-changes li.more{display:grid;place-items:center;color:var(--muted);font-size:.8rem}
.cf58-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel,#fff)}.cf58-summary>span{font-size:.9rem}.cf58-summary>span b{font-size:1.15rem}.cf58-summary>div{display:flex;gap:8px;flex-wrap:wrap}.cf58-change-impact footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;color:var(--muted);font-size:.76rem}.cf58-change-impact footer .text-btn{white-space:nowrap}
.cf58-drawer-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(20,12,35,.45);display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.cf58-drawer{width:min(760px,94vw);height:100%;overflow:auto;background:var(--panel,#fff);padding:24px;box-shadow:-24px 0 60px rgba(0,0,0,.18)}.cf58-drawer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--border)}.cf58-drawer-head h2{margin:5px 0 7px}.cf58-drawer-head p{margin:0;color:var(--muted)}.cf58-close{border:0;background:transparent;font-size:1.55rem;color:var(--muted);cursor:pointer;border-radius:10px;padding:5px 8px}.cf58-close:hover{background:color-mix(in srgb,var(--primary,#8b5cf6) 10%,transparent);color:var(--text)}.cf58-drawer section{margin-top:22px}.cf58-drawer section h3{margin:0 0 10px}.cf58-drawer-changes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.cf58-impact-list{display:grid;gap:10px}.cf58-impact-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--panel,#fff)}.cf58-impact-item.is-reviewed{opacity:.58}.cf58-impact-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary,#8b5cf6) 10%,transparent);font-weight:900}.cf58-impact-item small{display:block;color:var(--muted);font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem}.cf58-impact-item b{display:block;margin:3px 0}.cf58-impact-item p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.42}.cf58-impact-item p span{font-weight:700}.cf58-impact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cf58-drawer-footer{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;gap:8px;margin:24px -24px -24px;padding:16px 24px;background:color-mix(in srgb,var(--panel,#fff) 94%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(8px)}
@media(max-width:820px){.cf58-changes{grid-template-columns:1fr 1fr}.cf58-impact-item{grid-template-columns:auto 1fr}.cf58-impact-actions{grid-column:1/-1;align-items:stretch;flex-direction:row}.cf58-impact-actions .btn{flex:1}}
@media(max-width:620px){.cf58-change-impact{padding:16px;border-radius:19px}.cf58-head{gap:12px}.cf58-risk{min-width:64px}.cf58-changes,.cf58-drawer-changes{grid-template-columns:1fr}.cf58-summary,.cf58-change-impact footer{align-items:flex-start;flex-direction:column}.cf58-summary>div,.cf58-summary .btn{width:100%}.cf58-summary .btn{justify-content:center}.cf58-drawer{width:100vw;padding:18px}.cf58-drawer-footer{margin:22px -18px -18px;padding:14px 18px;flex-direction:column}.cf58-drawer-footer .btn{width:100%;justify-content:center}.cf58-impact-actions{flex-direction:column}.cf58-impact-actions .btn{width:100%}}