.version-panel { border-top:1px solid #dfe8e6; margin-top:24px; padding-top:16px; }
.version-history { display:grid; gap:10px; max-height:620px; overflow:auto; }
.version-entry { display:grid; grid-template-columns:60px 100px minmax(120px,1fr) auto; gap:7px 12px; padding:12px; border:1px solid #dfe8e6; border-radius:8px; font-size:12px; background:#fff; }
.version-entry p,.version-checksum,.version-entry-actions { grid-column:1/-1; }
.version-checksum { overflow-wrap:anywhere; font-size:11px; }
.version-state { color:#006d60; background:#e3f3ed; border-radius:5px; padding:2px 5px; width:fit-content; }
.version-entry-actions { display:flex; flex-wrap:wrap; gap:7px; }
.version-entry-actions button,.version-panel > button { font-size:12px; padding:5px 9px; }
.version-compare { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:14px; background:#f3f8f6; border:1px solid #dfe8e6; border-radius:8px; }
.version-compare label { display:grid; gap:5px; font-size:12px; }
.version-compare input { width:100px; }
.diff-section { border-top:1px solid #e0e8e5; padding:12px 0; }
.version-file,.field-change { border:1px solid #dce5e0; border-radius:8px; padding:12px; margin:10px 0; background:#fff; overflow-wrap:anywhere; }
.version-file > strong,.version-file > span { display:block; }
.version-file > p { font:11px/1.6 ui-monospace,monospace; }
.version-file > span { color:#687d75; font-size:12px; margin:5px 0; }
.version-diff .diff-hunk { white-space:pre; max-height:none; overflow:auto; font:12px/1.7 ui-monospace,monospace; padding:12px; background:#f8faf9; border:1px solid #dfe8e6; }
.diff-hunk span { display:block; min-width:fit-content; white-space:pre; }
.diff-add { background:#daf4e3; color:#135b32; }
.diff-delete { background:#ffe4e5; color:#862b35; }
.diff-context { color:#53685f; }
.diff-before,.diff-after { white-space:pre-wrap; overflow-wrap:anywhere; padding:10px; border-radius:5px; font-size:12px; }
.diff-before { background:#fff0f0; color:#7c2932; }
.diff-after { background:#eaf8ee; color:#1b5c34; }
.reference-summary,.orchestration-summary { padding:10px 12px; border-left:3px solid #00867b; background:#eef7f3; }
@media(max-width:650px) { .version-entry { grid-template-columns:50px minmax(0,1fr); } .version-entry time { grid-column:1/-1; } .version-compare { align-items:stretch; } .version-compare input { width:90px; } }