.td-diff {
    min-height: 160px;
    max-height: 420px;
    overflow: auto;
    padding: 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-family: var(--mono, "JetBrains Mono", monospace);
    font-size: 0.86rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.td-same { color: var(--text-muted); }
.td-removed { color: #f08080; display: block; }
.td-added { color: #7ddea8; display: block; }

[data-theme="light"] .td-diff {
    background: #fff;
    border-color: rgba(20, 32, 24, 0.12);
}

[data-theme="light"] .td-removed { color: #b42318; }
[data-theme="light"] .td-added { color: #1a7a52; }