/* ============================================================
   Publiceren · wijzigingen-diff en versies/back-ups.

   Bouwt op beheer.css (.kaart, .knop, .tabel, .tabs, .leeg,
   .merk); hier staat alleen wat echt nieuw is: de diff-regels,
   de actiebalk en de rustige lege staat. Geen child-combinators
   (een hook maakt daar lege bestanden van).
   ============================================================ */

/* Zonder publiceerrecht: één rustige regel, geen slot op de inhoud. */
.pub-alleen-lezen{display:flex;align-items:center;gap:8px;margin:-8px 0 20px;
  color:var(--grijs);font-size:13px}
.pub-alleen-lezen svg{flex:none;color:var(--zacht)}

/* Actiebalk boven de lijst: alles-vinkje en telling links, de twee knoppen
   voor de hele selectie rechts. */
.pub-actie{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.pub-actie p{margin:0;color:var(--grijs);font-size:13.5px;flex:1 1 220px}
.pub-actie .knop--terra,.pub-actie .knop--gevaar{flex:none;padding:10px 18px;font-size:13.5px}
.pub-alles{display:inline-flex;align-items:center;gap:8px;flex:none;cursor:pointer;
  font-size:13.5px;font-weight:500;user-select:none}
.pub-alles .pub-vink{margin:0}

/* Eén diff-regel: vinkje · omschrijving met oud → nieuw · terugdraaien.
   Bewust geen rood/groen en geen doorstrepingen: oud is stil grijs,
   nieuw staat in inkt — dat leest als "dit wordt het". */
.pub-regel{display:flex;align-items:flex-start;gap:12px;padding:11px 0;
  border-bottom:1px solid var(--lijn-2)}
.pub-regel:last-child{border-bottom:0;padding-bottom:2px}
.pub-vink{width:15px;height:15px;margin:2px 0 0;accent-color:var(--navy);cursor:pointer;flex:none}
.pub-regel__tekst{flex:1;min-width:0}
.pub-regel__wat{font-size:13.5px;font-weight:500;overflow-wrap:anywhere}
.pub-waarden{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:13px}
.pub-oud{color:var(--grijs);overflow-wrap:anywhere}
.pub-pijl{color:var(--grijs);flex:none}
.pub-nieuw{color:var(--inkt);overflow-wrap:anywhere}
.pub-regel .knop{flex:none;margin-top:-2px}

/* Lege staat: dezelfde rustige sage-stip als op het overzicht. */
.pub-leeg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:44px 20px}
.pub-stip{width:8px;height:8px;border-radius:50%;background:var(--sage);margin-bottom:6px}
.pub-leeg b{font-weight:500;color:var(--inkt);font-size:14px}
.pub-leeg p{margin:0;color:var(--grijs);font-size:13px;max-width:44ch}

/* ---------- versies & back-ups ---------- */
.pub-wanneer{font-weight:500;white-space:nowrap}
/* De tabel scrolt in zijn eigen bak, zodat de knoppen op smal niet klemmen. */
.pub-scroll{overflow-x:auto;border-radius:var(--r-groot)}
.pub-hint{display:flex;align-items:flex-start;gap:8px;margin:14px 2px 0;
  color:var(--grijs);font-size:12.5px;line-height:1.5}
.pub-hint svg{flex:none;margin-top:2px;color:var(--zacht)}

/* ---------- klein scherm ---------- */
@media (max-width:820px){
  .pub-actie .knop--terra,.pub-actie .knop--gevaar{flex:1 1 auto;justify-content:center}
  .pub-regel{flex-wrap:wrap}
  .pub-regel .knop{margin-left:27px} /* lijnt uit onder de tekst, naast het vinkje */
}