/* Planner: de openbare tekstpagina's (/privacy, /voorwaarden) en de koppelkaart van /koppel/google (schema stap 31). Alleen tokens uit
   ui.css; licht en donker volgen vanzelf. De tekstpagina's hergebruiken de voetregel van de boekingspagina (.boek-voet uit boek.css);
   de koppelkaart is de loginkaart van het beheer (.login, .login-kaart uit beheer.css), iets breder voor de agendalijst. */

/* ---------- tekstpagina ---------- */
.tekst-body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}
.tekst{max-width:720px;margin:0 auto;padding:32px 24px 24px;display:flex;flex-direction:column;gap:24px;min-height:100vh;min-height:100dvh;box-sizing:border-box}
.tekst-kop{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.tekst-kop nav{display:flex;gap:4px 16px;flex-wrap:wrap}
.tekst-kop nav a{display:inline-flex;align-items:center;min-height:40px;font-size:var(--t-14);font-weight:600;color:var(--text-2);text-decoration:none}
.tekst-kop nav a:hover{color:var(--heading);text-decoration:underline}
.tekst-kop nav a[aria-current="page"]{color:var(--heading)}
.tekst-kaart{padding:32px 40px 24px}
.tekst-kaart h1{margin:4px 0 0;font-size:var(--t-32);color:var(--heading);line-height:1.15;letter-spacing:-.01em}
.tekst-meta{margin:8px 0 0;color:var(--muted);font-size:var(--t-13)}
.tekst-kaart h2{margin:32px 0 8px;font-size:var(--t-18);color:var(--heading);line-height:1.3}
.tekst-kaart h3{margin:16px 0 4px;font-size:var(--t-16);color:var(--heading)}
.tekst-kaart p,.tekst-kaart li{font-size:var(--t-16);line-height:1.65;max-width:35em}
.tekst-kaart p{margin:0 0 12px}
.tekst-kaart ul{margin:0 0 12px;padding-left:24px;list-style:disc}
.tekst-kaart li::marker{color:var(--muted)}
.tekst-kaart li{margin:0 0 4px}
.tekst-kaart a{overflow-wrap:anywhere}
.tekst-samenvatting{margin:24px 0 8px;padding:16px 20px;background:var(--inset);border-radius:var(--r-sm)}
.tekst-samenvatting p{margin:8px 0 0}
.tekst-verplicht{padding-left:16px;border-left:2px solid var(--line-strong)}
.tekst .boek-voet{margin-top:auto}
@media (max-width:560px){
  .tekst{padding:16px 16px 12px;gap:16px}
  .tekst-kaart{padding:24px 20px 16px}
  .tekst-kaart h1{font-size:var(--t-26)}
  .tekst-kaart h2{margin-top:24px}
  .tekst-samenvatting{padding:12px 16px}
}

/* ---------- koppelkaart (/koppel/google en /koppel/microsoft) ---------- */
.koppel-kaart{width:min(480px,100%)}
.koppel-teken{display:flex;align-items:center;gap:8px}
.koppel-teken.ok svg.i{color:var(--green-text)}
.koppel-teken.fout svg.i{color:var(--red-text)}
.koppel-email{overflow-wrap:anywhere}
.koppel-lijst{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column}
.koppel-lijst legend{padding:0;margin:0 0 4px;font-size:var(--t-12);font-weight:700;color:var(--text-2);letter-spacing:.02em}
.koppel-lijst .inl{display:flex;flex-wrap:wrap;row-gap:4px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-14);color:var(--text);cursor:pointer}
.koppel-lijst .inl:last-child{border-bottom:0}
/* Een lang adres breekt niet midden in het adres zolang het op een eigen regel past: de naam houdt zijn breedte (break-word telt niet mee
   in de minimumbreedte, anywhere wel), de chip Hoofdagenda schuift dan naar de volgende regel. Pas een adres dat breder is dan de kaart
   breekt waar het moet. De koppen en het adres in de kop breken overal (anywhere). */
/* Een vinkje met een lange zin (Titels voor het team): de zin loopt naast het vinkje door, het vinkje staat bovenaan */
.koppel-lijst .koppel-vink{flex-wrap:nowrap;align-items:flex-start}
.koppel-vink .box{margin-top:2px}
.koppel-naam{flex:1 1 auto;min-width:0;overflow-wrap:break-word;word-break:normal}
.koppel-kaart h1,.koppel-email{overflow-wrap:anywhere}
.koppel-kaart .selw,.koppel-kaart .sel{width:100%;min-width:0}
.koppel-kaart .sel{text-overflow:ellipsis}
.koppel-kaart .btn.primary{white-space:normal;height:auto;min-height:40px;padding-top:8px;padding-bottom:8px;text-align:center}
.koppel-noot{margin:0;color:var(--muted);font-size:var(--t-12);line-height:1.5}
/* Schema stap 36 (/koppel/microsoft): een melding onder de keuzelijst, als tegel op --inset; zonder Teams-link in amber */
.koppel-melding{margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--inset);color:var(--text);font-size:var(--t-13);line-height:1.5}
.koppel-melding.let-op{background:var(--amber-soft);border-color:var(--amber-rand)}