/* Redlining-specifika stilar. Bastemat (variabler, topbar, paneler, knappar) ärvs
   från styles.css som länkas före denna. */

.diff {
  white-space: pre-wrap;
  font-size: 0.98rem;
  line-height: 1.6;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.8rem 0.9rem;
  background: #fff;
}

.diff.placeholder {
  color: var(--muted);
  font-style: italic;
  border-style: dashed;
}

/* Spårade ändringar: insättning understruken/grön, strykning genomstruken/röd. */
.diff ins {
  text-decoration: none;
  background: #e4f4ea;
  border-bottom: 2px solid var(--ok);
  color: #14502f;
}

.diff del {
  text-decoration: line-through;
  background: var(--del-soft);
  color: var(--del);
  text-decoration-color: var(--del);
}

/* En ändring som juristen avslagit: visa originalet, tona ner förslaget. */
.diff .change.rejected ins {
  display: none;
}

.diff .change.rejected del {
  text-decoration: none;
  background: transparent;
  color: var(--ink);
}

/* Klickbar ändring + liten kontroll. */
.diff .change {
  cursor: pointer;
  border-radius: 4px;
  padding: 0 1px;
}

.diff .change:hover {
  outline: 2px solid var(--line);
}

.change-tag {
  font-size: 0.66rem;
  font-family: var(--mono);
  vertical-align: super;
  color: var(--muted);
  user-select: none;
}

.diff .change.rejected .change-tag::after {
  content: "✕";
  color: var(--del);
}

.diff .change:not(.rejected) .change-tag::after {
  content: "✓";
  color: var(--ok);
}

/* Hovrad detalj (rationale + citation) under diffen. */
.change-detail {
  margin-top: 0.6rem;
  font-size: 0.82rem;
  color: var(--muted);
  min-height: 1.2em;
}

.change-detail .cid {
  font-family: var(--mono);
  font-weight: 700;
  color: var(--accent);
}

/* Resultatruta. */
.result {
  white-space: pre-wrap;
  font-size: 0.98rem;
  line-height: 1.6;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.8rem 0.9rem;
  background: #fcfcfd;
  min-height: 4rem;
}

/* button.ghost bor i styles.css (delas av båda vyerna). */
#copy {
  margin-bottom: 0.6rem;
}

/* Avvisade förslag (kunde inte förankras) — redovisas, aldrig tyst. */
.rejected-list {
  margin-top: 0.8rem;
  display: grid;
  gap: 0.35rem;
}

.rejected-item {
  font-size: 0.8rem;
  color: var(--warn);
  background: var(--warn-soft);
  border: 1px solid #e6cf86;
  border-radius: 6px;
  padding: 0.35rem 0.55rem;
}

.rejected-item .reason {
  font-weight: 600;
}