/* Demo offerte- en e-mailassistent. Alleen klassen met prefix taakloos-. */
.taakloos-demo{display:grid;gap:20px;margin:8px 0 28px}
@media(min-width:860px){.taakloos-demo{grid-template-columns:1fr 1fr;align-items:start}}
.taakloos-demo textarea{min-height:220px}
.taakloos-demo-acties{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.taakloos-demo-leeg{color:var(--gedempt)}
.taakloos-demo-fout{color:#9b1c1c}
.taakloos-demo dl{display:grid;grid-template-columns:9em 1fr;gap:6px 14px;margin:0 0 18px}
.taakloos-demo dt{color:var(--gedempt);font-weight:600}
.taakloos-demo dd{margin:0}
.taakloos-demo pre{white-space:pre-wrap;background:#f4f6fb;border:1px solid var(--lijn);border-radius:12px;padding:14px 16px;font:inherit}
.taakloos-demo-pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700;background:#e8edf7}
.taakloos-demo-pill-hoog{background:#ffe0e0;color:#8a1f1f}
.taakloos-waarschuwing{margin:0 0 22px}