.sag-preview{border:1px solid var(--border,#dde3ed);border-radius:14px;padding:16px;background:var(--surface,#fff);display:grid;gap:14px}
.sag-preview__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sag-kicker{margin:0;font-size:12px;color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em}
.sag-preview h3{margin:4px 0 0;font-size:18px}
.sag-muted{margin:0;color:var(--text-muted,#64748b);font-size:13px}
.sag-badges{display:flex;flex-wrap:wrap;gap:6px}
.sag-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--surface-2,#f3f6fa);font-size:12px}
.sag-badge--high,.sag-badge--medium{background:#fff4e5;color:#8a4b08}
.sag-notice{display:grid;gap:2px;padding:12px;border-radius:10px;background:var(--surface-2,#f3f6fa);border:1px solid var(--border,#dde3ed)}
.sag-section h4{margin:0 0 8px;font-size:14px}
.sag-state{margin:0;padding:10px;border-radius:10px;background:var(--surface-2,#f3f6fa);overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.45 ui-monospace,monospace}
.sag-diff,.sag-conflicts,.sag-section ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sag-diff li,.sag-conflicts li,.sag-section ul li{padding:10px;border:1px solid var(--border,#dde3ed);border-radius:10px;display:grid;gap:4px}
.sag-diff li span:first-child,.sag-conflicts li strong{font-size:12px;color:var(--text-muted,#64748b)}
.sag-actions{display:flex;flex-wrap:wrap;gap:8px}
.sag-actions .cc-btn{min-height:36px}
@media(max-width:720px){.sag-preview{padding:12px}.sag-preview__head{display:grid}.sag-actions .cc-btn{flex:1 1 auto}}
.sag-preview--embedded{border:none;padding:0;background:transparent}
.sag-confirm{border:1px solid var(--border,#dde3ed);border-radius:14px;padding:16px;background:var(--surface,#fff);display:grid;gap:14px}
.sag-kv{display:grid;gap:8px;margin:0}
.sag-kv div{display:grid;gap:2px}
.sag-kv dt{font-size:12px;color:var(--text-muted,#64748b)}
.sag-kv dd{margin:0;font-size:14px;word-break:break-word}
.sag-actions--confirm .cc-btn-primary{min-width:180px}
.sag-result{padding:12px;border-radius:10px;border:1px solid var(--border,#dde3ed);background:var(--surface-2,#f3f6fa)}
.sag-result--succeeded{border-color:#b7ebc6;background:#eefbf2}
.sag-result--blocked,.sag-result--failed{border-color:#fecaca;background:#fff1f2}
.sag-error{color:#b42318;margin:0}
@media(max-width:720px){.sag-confirm{padding:12px}.sag-actions--confirm .cc-btn{flex:1 1 100%}}
@media(prefers-color-scheme:dark){.sag-confirm{background:var(--surface,#151b25)}.sag-result--succeeded{background:#12301d;border-color:#1f6b3f}.sag-result--blocked,.sag-result--failed{background:#311821;border-color:#7f1d1d}}