/* LANGE WAARDEN BREKEN AF — één afspraak voor het hele portaal (17-09-2026).

   Een waarde die de klant of de adviseur invult (een erfpachtregel, een
   bestandsnaam, een adres, een e-mailadres) kan langer zijn dan zijn kader.
   Een zin brak al af op de spaties; een lang woord ZONDER spaties liep uit
   zijn kader en maakte de pagina breder dan het scherm. Dat gebeurde op drie
   plekken apart (documentnaam op 320 px, uitsluitingsregel onder een
   geïndexeerde prijs, Eigendom bij de kenmerken) en de inventaris vond er 57
   (klant 18, beheer 39) — zie _testrapporten/lange-waarden.md.

   Daarom hier, één keer, voor elke pagina: past een woord niet, dan breekt
   het af. Geladen als EERSTE stylesheet in base_portaal.html (klantkant),
   base_beheer.html en beheer/aankoop_base.html, zodat een component het
   bewust anders kan doen (nowrap, text-overflow: ellipsis).

   Bewust `break-word` en NIET `anywhere`. Gemeten: `anywhere` verlaagt ook de
   minimale breedte van elk stuk tekst, en dan herverdelen tabellen en
   rasters zich al bij gewone, korte waarden (beheertabellen van 1115 naar
   320 px, letter voor letter; voortgangsstappen en statistiekkaarten aan de
   klantkant). `break-word` breekt alleen wat werkelijk niet past.

   Wat deze regel NIET vangt: een flex- of rastercel die zelf niet smaller
   wil worden dan zijn inhoud (standaard `min-width: auto`). Die cellen
   krijgen `min-width: 0` bij hun eigen component. */
body {
  overflow-wrap: break-word;
}

/* `lf-waarde`: zet deze class op een element dat een INGEVOERDE waarde toont
   (naam, adres, bestandsnaam, e-mailadres, vrije tekst) en dat zich anders naar
   zijn langste woord rekt: een tabelcel, een flex- of rastercel. Hij breekt
   dan ook midden in een woord zonder spaties af.

   Niet op de hele tabel of op kolommen met datums, bedragen of statussen:
   `anywhere` laat een kolom smaller worden dan zijn langste woord, en dan
   verdeelt de tabel de ruimte anders (gemeten: een e-mailkolom van gewone
   adressen werd letter voor letter samengeperst toen ALLE cellen het kregen). */
.lf-waarde { overflow-wrap: anywhere; }