:root{--rood:#bf1622;--blauw:#002b56;--creme:#f4f2ee;--wit:#fff;--inkt:#1b1b1b;--grijs:#6b6b6b;--lijn:#dedad2;--ruimte:16px;--rond:6px;--letter:"Barlow", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--creme);color:var(--inkt);font-family:var(--letter);margin:0;font-size:16px;line-height:1.5}a{color:var(--blauw)}.kop{background:var(--blauw);color:var(--wit);padding:12px var(--ruimte);justify-content:space-between;align-items:center;gap:12px;display:flex}.kop .merk{letter-spacing:.02em;font-weight:700}.kop .merk span{color:var(--rood);background:var(--wit);border-radius:3px;margin-left:6px;padding:0 6px;font-size:13px}.kop a,.kop button{color:var(--wit)}.proef{border-bottom:1px solid var(--lijn);padding:6px var(--ruimte);background:#fff4d6;font-size:14px}main{max-width:860px;padding:24px var(--ruimte) 48px;margin:0 auto}h1{color:var(--blauw);margin:0 0 12px;font-size:26px}h2{color:var(--blauw);margin:28px 0 8px;font-size:20px}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond);padding:var(--ruimte);margin:12px 0}label{margin:12px 0 4px;font-weight:600;display:block}.uitleg{color:var(--grijs);margin:0 0 4px;font-size:14px;font-weight:400}input,textarea,select{border:1px solid var(--lijn);border-radius:var(--rond);width:100%;font:inherit;background:var(--wit);padding:10px}textarea{min-height:84px}button,.knop{background:var(--rood);color:var(--wit);border-radius:var(--rond);font:inherit;cursor:pointer;border:0;margin-top:14px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}button.stil{color:var(--blauw);border:1px solid var(--blauw);background:0 0}button:disabled{background:var(--lijn);color:var(--grijs);cursor:not-allowed}.melding{border-left:4px solid var(--blauw);background:var(--wit);margin:12px 0;padding:10px 12px}.melding.fout{border-left-color:var(--rood)}table{border-collapse:collapse;background:var(--wit);width:100%}th,td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:8px}th{color:var(--blauw);font-size:14px}.stand{border:1px solid var(--lijn);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:13px}.stand.concept{color:var(--grijs)}.stand.klaar{color:var(--blauw);border-color:var(--blauw)}.stand.verstuurd{color:var(--wit);background:var(--blauw)}.rij{flex-wrap:wrap;gap:12px;display:flex}.rij>*{flex:240px}.avatar{background:var(--rood);width:44px;height:44px;color:var(--wit);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}@media (max-width:560px){th:nth-child(3),td:nth-child(3){display:none}}main:has(.gesprek-scherm){max-width:1180px}.chat-raam{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;margin-top:16px;display:grid}.chat{flex-direction:column;gap:10px;min-width:0;display:flex}.bel{border-radius:12px;max-width:85%;padding:10px 14px;line-height:1.45}.bel.gesprekspartner{background:var(--wit);border:1px solid var(--lijn);align-self:flex-start}.bel.deelnemer{background:var(--blauw);color:var(--wit);align-self:flex-end}.bel.bezig{color:var(--grijs);font-style:italic}.waarom{color:var(--grijs);margin-top:6px;font-size:13px}.waarom summary{cursor:pointer}.knoppen{flex-wrap:wrap;gap:8px;display:flex}.knoppen button{margin-top:0}.knoppen.klein button{padding:2px 10px;font-size:14px}.knoppen.meerkeuze{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond);flex-direction:column;padding:12px}.knoppen.meerkeuze label{align-items:flex-start;gap:8px;margin:0;font-weight:400;display:flex}.knoppen.meerkeuze label input{width:auto;margin-top:5px}.knoppen.meerkeuze label.aan{font-weight:600}.invoer{background:var(--creme);align-items:flex-end;gap:8px;padding:8px 0;display:flex;position:sticky;bottom:0}.invoer textarea{min-height:56px}.invoer button{margin-top:0}.verborgen{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.kaartpaneel{max-height:calc(100vh - 24px);position:sticky;top:12px;overflow:auto}.kaartpaneel h2{margin-top:0}.kans{margin:8px 0;padding:10px 12px}.kans.geparkeerd{border-style:dashed}.citaat{color:var(--grijs);margin-top:4px;font-size:13px}.stand.past{color:var(--wit);background:#2e7d32;border-color:#2e7d32}.stand.vraagt_meer{color:var(--blauw);border-color:var(--blauw)}.stand.geparkeerd{color:var(--grijs)}button.klein{margin:0 0 0 8px;padding:2px 10px}.tellingen th,.tellingen td{padding:4px 8px;font-size:14px}.ssbk{grid-template-columns:90px 1fr;gap:2px 10px;margin:6px 0;font-size:14px;display:grid}.ssbk dt{color:var(--blauw);font-weight:600}.ssbk dd{margin:0}.citaten{color:var(--grijs);margin:6px 0 0;padding-left:18px;font-size:14px}.transcript{padding-left:20px}.transcript li{margin:6px 0}.transcript li.deelnemer div{color:var(--blauw)}@media (max-width:860px){.chat-raam{grid-template-columns:1fr}.kaartpaneel{max-height:none;position:static}.bel{max-width:100%}}