/* Metin karşılaştırma (sekme/kart temeli text.css'ten gelir) */
.df-inputs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; padding: 20px 20px 0; }
@media (max-width: 760px) { .df-inputs { grid-template-columns: minmax(0, 1fr); } }
.df-inputs textarea {
  width: 100%; min-height: 200px; resize: vertical; padding: 12px 14px; box-sizing: border-box;
  font: 500 14px/1.55 var(--font-file); color: var(--ink); background: var(--paper);
  border: 1px solid var(--line); border-radius: 10px; tab-size: 4; white-space: pre; overflow: auto;
}
.df-inputs textarea:focus-visible { outline: 2px solid var(--signal); outline-offset: -1px; border-color: transparent; }
.df-opts { padding: 14px 20px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.df-result { padding: 14px 20px 20px; display: grid; gap: 10px; }
.df-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.df-stats { margin: 0; font-weight: 600; font-size: 14px; }
.df-result .msg { margin: 0; min-height: 0; }
.df-result .msg:empty { display: none; }

.diff-out { overflow: auto; max-height: 520px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.diff-out:empty { display: none; }
.diff-out:focus-visible { outline: 2px solid var(--signal); outline-offset: -1px; }
.diff-table { width: 100%; border-collapse: collapse; font: 400 13.5px/1.5 var(--font-file); }
.diff-table td { padding: 1px 8px; vertical-align: top; }
.diff-table .no { width: 3.2em; text-align: right; color: var(--muted); user-select: none; white-space: nowrap; border-right: 1px solid var(--line); }
.diff-table .mk { width: 1.6em; text-align: center; font-weight: 700; user-select: none; }
.diff-table .dt { white-space: pre-wrap; overflow-wrap: anywhere; width: 100%; }
.diff-table tr.add { background: color-mix(in srgb, #2f9e6b 16%, var(--paper)); }
.diff-table tr.del { background: color-mix(in srgb, var(--danger) 14%, var(--paper)); }
.diff-table tr.add .mk { color: #2f9e6b; }
.diff-table tr.del .mk { color: var(--danger); }
.diff-table tr.add mark { background: color-mix(in srgb, #2f9e6b 45%, transparent); color: inherit; border-radius: 3px; }
.diff-table tr.del mark { background: color-mix(in srgb, var(--danger) 40%, transparent); color: inherit; border-radius: 3px; }
.diff-table tr.skip td { text-align: center; color: var(--muted); font: 500 12.5px var(--font-ui); background: var(--surface); padding: 4px; }
.df-opts .btn-ghost { border: 1px solid var(--line); border-radius: 8px; padding: 6px 12px; color: var(--ink); }
.df-opts .btn-ghost:hover { border-color: var(--signal); }