/* Revision History Modal */

.revision-body { display: flex; gap: var(--space-16); height: 60vh; }

.revision-list {
    width: 260px; overflow-y: auto; border-right: 1px solid var(--color-border);
    padding-right: var(--space-12);
}

.revision-item {
    padding: var(--space-10) var(--space-12); border-radius: var(--radius-sm);
    cursor: pointer; transition: background 0.15s; margin-bottom: var(--space-4);
}
.revision-item:hover { background: var(--color-bg-hover); }
.revision-item.active { background: var(--color-accent-primary); color: white; }
.revision-item .rev-time { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); }
.revision-item .rev-source {
    display: inline-block; font-size: var(--font-size-xs);
    padding: 1px var(--space-6); border-radius: var(--space-8);
    margin-left: var(--space-6); text-transform: uppercase; letter-spacing: 0.5px;
}
.revision-item .rev-source.save    { background: var(--color-accent-primary); color: white; }
.revision-item .rev-source.ai      { background: var(--color-accent-secondary); color: white; }
.revision-item .rev-source.compile  { background: var(--color-accent-warning); color: black; }
.revision-item .rev-source.restore  { background: var(--color-accent-success); color: white; }
.revision-item .rev-actions { margin-top: var(--space-6); }

.revision-diff {
    flex: 1; overflow: auto; background: var(--color-bg-tertiary);
    border-radius: var(--radius-sm); padding: var(--space-12);
}
.revision-diff-placeholder {
    display: flex; align-items: center; justify-content: center;
    height: 100%; color: var(--color-text-muted); font-size: var(--font-size-lg);
}
.revision-diff pre {
    font-family: var(--font-family-mono); font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed); white-space: pre-wrap;
}
.diff-line-added { background: rgba(34, 197, 94, 0.15); color: var(--color-accent-success); }
.diff-line-removed { background: var(--color-accent-danger-bg-light); color: var(--color-accent-danger); }
.revision-empty {
    padding: var(--space-20); text-align: center;
    color: var(--color-text-muted); font-size: var(--font-size-md);
}