/* Text Compare — tool-specific styles (loaded after site.css).
 * Teal rule (WCAG AA): teal appears here only as the current-change
 * outline in --color-teal-text (#0F766E); #14B8A6 is not used as a text
 * colour or as a fill behind white text anywhere in this file. */

.tc-count { font-size: var(--text-sm); color: var(--color-muted); margin: 0; }
.tc-count.is-error { color: var(--color-error); font-weight: var(--weight-medium); }

.tc-file-row {
  display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center;
}
.tc-file-name { font-size: var(--text-sm); color: var(--color-ink-2); }

.tc-summary {
  display: flex; flex-wrap: wrap; gap: var(--space-2);
  margin: var(--space-4) 0;
}
.tc-chip-add { background: #ECFDF5; border-color: #A7F3D0; }
.tc-chip-del { background: #FEF2F2; border-color: #FECACA; }

.tc-nav {
  display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center;
  margin: var(--space-4) 0;
}
.tc-nav-pos { font-size: var(--text-sm); color: var(--color-ink-2); font-weight: var(--weight-medium); }

.tc-pane {
  background: var(--color-surface-alt); border: 1px solid var(--color-line);
  border-radius: var(--radius-sm); padding: var(--space-4);
  font-family: var(--font-mono); font-size: var(--text-sm); line-height: var(--leading-relaxed);
  white-space: pre-wrap; word-break: break-word; margin: 0;
  overflow: auto; max-height: 560px;
}

.tc-sbs-table td {
  font-family: var(--font-mono); font-size: var(--text-sm);
  white-space: pre-wrap; word-break: break-word; width: 50%;
}
.tc-cell-removed { background: #FFEEF0; }
.tc-cell-added { background: #E6FFED; }
.tc-cell-empty { background: var(--color-surface-alt); }

.tc-del { background: #FFEEF0; border-radius: 2px; }
.tc-ins { background: #E6FFED; border-radius: 2px; text-decoration: none; }
.tc-line { display: block; border-radius: 2px; }

.tc-current {
  outline: 2px solid var(--color-teal-text, #0F766E);
  outline-offset: 1px;
}
tr.tc-current { outline: none; }
tr.tc-current td { box-shadow: inset 0 0 0 2px var(--color-teal-text, #0F766E); }