/* vt-0777: align diff2html theme with synaptyx dark palette.
 * Loaded AFTER agent-fleet/web/vendor/diff2html.min.css so these win. */

.d2h-wrapper {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  background: var(--bg-1, #111);
  color: var(--fg, #ddd);
}
.d2h-code-line { background: var(--bg-2, #1a1a1a); }
.d2h-ins { background: rgba(46, 160, 67, 0.15); }
.d2h-del { background: rgba(248, 81, 73, 0.15); }
.d2h-file-header {
  background: var(--bg-3, #222);
  border-color: var(--border, #333);
  color: var(--fg, #ddd);
}
.d2h-file-name { color: var(--fg, #ddd); }
.d2h-info { background: var(--bg-2, #1a1a1a); color: var(--fg-muted, #888); }
.d2h-cntx { color: var(--fg-muted, #888); }

/* Synaptyx-style file tree + diff panel layout */
.diff-tree {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  border: 1px solid var(--border, #333);
  border-radius: 4px;
  max-height: 480px;
  overflow-y: auto;
}
.diff-tree-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  cursor: pointer;
  border-bottom: 1px solid var(--border, #222);
}
.diff-tree-item:hover { background: rgba(255,255,255,0.04); }
.diff-tree-item.active { background: rgba(64, 132, 220, 0.18); }
.diff-tree-badge {
  display: inline-block;
  width: 18px; text-align: center;
  font-weight: 700;
  font-family: monospace;
  border-radius: 3px;
  padding: 1px 0;
}
.diff-tree-add { background: rgba(46, 160, 67, 0.25); color: #5dd97c; }
.diff-tree-mod { background: rgba(210, 153, 34, 0.25); color: #f0c674; }
.diff-tree-del { background: rgba(248, 81, 73, 0.25); color: #ff8784; }
.diff-tree-path { font-family: monospace; }

.diff-body {
  display: grid;
  grid-template-columns: minmax(180px, 280px) 1fr;
  gap: 12px;
  margin-top: 12px;
}
.diff-file-pane {
  border: 1px solid var(--border, #333);
  border-radius: 4px;
  min-height: 200px;
  max-height: 600px;
  overflow: auto;
  padding: 4px;
  background: var(--bg-2, #1a1a1a);
}

.diff-meta {
  font-size: 12px;
  color: var(--fg-muted, #888);
  margin: 8px 0;
}
.diff-perm {
  margin: 12px 0;
  font-size: 13px;
}
.diff-perm .perm-add { color: #5dd97c; margin-right: 6px; }
.diff-perm .perm-del { color: #ff8784; margin-right: 6px; }
.diff-perm .warn { color: #f0c674; margin-left: 6px; }

/* vt-0777 D-DIFF-T8: signing-key fingerprint warning */
.signing-warn {
  background: #4a2a0a;
  border: 1px solid #ff8c00;
  padding: 8px 12px;
  border-radius: 4px;
  margin: 8px 0;
  font-size: 13px;
  color: #ffdd99;
}
.signing-warn code {
  background: rgba(0,0,0,0.3);
  padding: 1px 4px;
  border-radius: 2px;
  font-family: monospace;
}

/* vt-0777 D-DIFF-T11: decline-with-comments box */
.decline-box {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--border, #333);
  border-radius: 4px;
  background: var(--bg-2, #1a1a1a);
}
.decline-box textarea {
  width: 100%;
  background: var(--bg-1, #111);
  color: var(--fg, #ddd);
  border: 1px solid var(--border, #333);
  border-radius: 3px;
  padding: 6px 8px;
  font-family: inherit;
  resize: vertical;
}
.decline-actions { margin-top: 8px; text-align: right; }