/* ─────────── het opmaakvak ───────────
   Hoort bij opmaakvak.js. Stond in index.html; nu op één plek, zodat het
   klantportaal en het beheerdersportaal dezelfde knoppen krijgen. */
/* ── het opmaakvak: schrijven zoals in een gewoon mailprogramma ── */
.fwo{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}
.fwo:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.fwo-balk{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:6px 7px;
  border-bottom:1px solid var(--line-2);background:#FAFBFC}
.fwo-k{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:7px;background:none;color:var(--muted);
  font:inherit;font-size:13px;cursor:pointer;padding:0;transition:.12s}
.fwo-k:hover{background:#EEF2F6;color:var(--text)}
.fwo-k.aan{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-ink)}
.fwo-k svg{width:16px;height:16px}
.fwo-k b{font-weight:800} .fwo-k i{font-style:italic;font-family:Georgia,serif}
.fwo-k u{text-decoration:underline}
.fwo-scheid{width:1px;height:19px;background:var(--line);margin:0 5px}
.fwo-kleur{position:relative}
.fwo-kleur input{position:absolute;inset:0;opacity:0;cursor:pointer;border:0;padding:0}
.fwo-streep{display:block;width:15px;height:4px;border-radius:2px;background:var(--text);margin-top:1px}
.fwo-vak{min-height:190px;max-height:46vh;overflow-y:auto;padding:13px 15px;outline:none;
  font-family:inherit;font-size:13.5px;line-height:1.65;color:var(--text)}
.fwo-vak p{margin:0 0 12px} .fwo-vak p:last-child{margin-bottom:0}
.fwo-vak ul,.fwo-vak ol{margin:0 0 12px;padding-left:24px}
.fwo-vak li{margin:0 0 4px}
.fwo-vak blockquote{margin:0 0 12px;padding-left:14px;border-left:3px solid var(--line)}
.fwo-vak:empty:before{content:attr(data-leeg);color:var(--muted-2)}
.fwo-uit{font-size:11.5px;color:var(--muted);padding:7px 15px;border-top:1px solid var(--line-2);
  background:#FAFBFC}