/* Wellumo Artsen: takenlijsten (w-), teamchat (c-) en gedeelde onderdelen (k-). Hele breedte, zachte overgangen. */
[data-k=groen]{--kleur:#0b8f5f}[data-k=blauw]{--kleur:#2f6090}[data-k=paars]{--kleur:#5b5bb0}[data-k=roze]{--kleur:#a8517a}
[data-k=oranje]{--kleur:#c06a2b}[data-k=geel]{--kleur:#b28800}[data-k=rood]{--kleur:#b33045}[data-k=grijs]{--kleur:#6b7c75}
.w-app,.c-app,.k-pop,.k-modal{--glad:cubic-bezier(.2,.8,.2,1);--schaduw:0 1px 2px rgba(18,33,28,.05),0 8px 24px -16px rgba(18,33,28,.25)}
.w-app button,.c-app button,.k-pop button,.k-modal button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ---------- Knoppen ---------- */
.k-ico{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--text)!important;transition:background .18s var(--glad),color .18s,transform .12s}
.k-ico svg{width:19px;height:19px}
.k-ico:hover{background:var(--soft)!important;color:var(--deep)!important}
.k-ico:active{transform:scale(.94)}
.k-ico.is-aan{background:var(--soft)!important;color:var(--acc)!important}
.k-ico-vol{background:linear-gradient(135deg,#12a06c,#04502f)!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(4,80,47,.7)}
.k-ico-vol:hover{filter:brightness(1.08);color:#fff!important}
.k-ico-klein{width:28px;height:28px;border-radius:9px}
.k-ico-klein svg{width:16px;height:16px}
.k-knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#12a06c,#04502f)!important;color:#fff!important;font-weight:800;font-size:14px;letter-spacing:.01em;box-shadow:0 8px 18px -10px rgba(4,80,47,.75);transition:transform .15s var(--glad),box-shadow .15s,filter .15s;white-space:nowrap}
.k-knop svg{width:17px;height:17px}
.k-knop:hover{transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(4,80,47,.8);filter:brightness(1.05)}
.k-knop:active{transform:translateY(0) scale(.98)}
.k-knop:disabled{opacity:.5;cursor:default;transform:none}
.k-knop-klein{height:34px;padding:0 14px;font-size:13.5px;border-radius:10px}
.k-knop-licht{background:#fff!important;color:var(--deep)!important;border:1px solid var(--line)!important;box-shadow:none}
.k-knop-licht:hover{background:var(--soft)!important;box-shadow:none}
.k-knop-gevaar{background:var(--rood-zacht)!important;color:var(--rood)!important;box-shadow:none}
.k-knop-gevaar:hover{background:#f6dde2!important;box-shadow:none}

/* ---------- Zoekveld, schakelaar, laden ---------- */
.k-zoek{display:flex;align-items:center;gap:9px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);min-width:240px;transition:border-color .18s,box-shadow .18s}
.k-zoek:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px rgba(11,143,95,.12);color:var(--acc)}
.k-zoek svg{width:17px;height:17px}
.k-zoek input{flex:1;min-width:0;border:0!important;box-shadow:none!important;outline:0;padding:0!important;background:none;font-size:14px;color:var(--ink)}
.k-zoek input::-webkit-search-cancel-button{display:none}
.k-switch{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;color:var(--text);cursor:pointer;user-select:none}
.k-switch input{position:absolute;opacity:0;pointer-events:none}
.k-switch-baan{width:38px;height:22px;border-radius:999px;background:#d7e2dd;position:relative;transition:background .2s var(--glad)}
.k-switch-baan i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s var(--glad)}
.k-switch input:checked+.k-switch-baan{background:var(--acc)}
.k-switch input:checked+.k-switch-baan i{transform:translateX(16px)}
.k-switch input:focus-visible+.k-switch-baan{outline:3px solid rgba(11,143,95,.35);outline-offset:2px}
.k-laden{display:flex;justify-content:center;gap:6px;padding:40px}
.k-laden.is-klein{padding:10px;justify-content:flex-start}
.k-laden i{width:8px;height:8px;border-radius:50%;background:var(--acc);opacity:.3;animation:k-puls 1s infinite var(--glad)}
.k-laden i:nth-child(2){animation-delay:.15s}.k-laden i:nth-child(3){animation-delay:.3s}
@keyframes k-puls{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}

/* ---------- Keuzelijst ---------- */
.k-pop{position:fixed;z-index:300;width:300px;max-width:calc(100vw - 16px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 64px -24px rgba(18,33,28,.45),0 2px 6px rgba(18,33,28,.06);padding:6px;outline:none;animation:k-in .16s var(--glad)}
@keyframes k-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.k-pop.is-breed{width:380px}
.k-pop-titel{padding:8px 10px 6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.k-pop-zoek{display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:11px;color:var(--muted);margin-bottom:4px;background:#fbfcfc}
.k-pop-zoek:focus-within{border-color:var(--acc);background:#fff}
.k-pop-zoek svg{width:16px;height:16px}
.k-pop-zoek input{flex:1;min-width:0;border:0!important;outline:0;box-shadow:none!important;padding:0!important;background:none;font-size:14px;color:var(--ink)}
.k-pop-lijst{max-height:320px;overflow-y:auto}
.k-pop-leeg{padding:12px;color:var(--muted);font-size:13.5px}
.k-pop-voet{display:flex;justify-content:flex-end;padding:8px 4px 2px;border-top:1px solid var(--line);margin-top:4px}
.k-optie{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;text-align:left;color:var(--ink);transition:background .12s}
.k-optie:hover,.k-optie.is-actief{background:var(--soft)}
.k-optie:disabled{opacity:.6;cursor:default}
.k-optie.is-gevaar strong{color:var(--rood)}
.k-optie-tekst{display:flex;flex-direction:column;min-width:0;flex:1}
.k-optie-tekst strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-optie-tekst small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.k-optie-vink{color:var(--acc)}
.k-optie-ico{width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--acc);display:inline-grid;place-items:center;flex:none}
.k-optie-ico svg{width:16px;height:16px}
.k-vink{width:18px;height:18px;flex:none;border:1.5px solid var(--rule);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,border-color .15s}
.k-optie.is-gekozen .k-vink{background:var(--acc);border-color:var(--acc)}
.k-vink svg{width:13px;height:13px}
.k-pop.is-raster{width:260px}
.k-pop.is-raster .k-pop-lijst{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.k-pop.is-raster .k-optie{justify-content:center;padding:8px 0}
.k-pop.is-raster .k-optie-tekst{align-items:center}
.k-pop.is-raster .k-optie-tekst strong{font-size:22px;line-height:1.2}
.k-pop.is-raster .k-optie-vink{display:none}
.k-bol-leeg{background:#fff!important;color:var(--muted)!important;border:1.5px dashed var(--rule)!important}
.k-bol-leeg svg{width:14px;height:14px}

/* ---------- Modal en melding ---------- */
.k-modal{border:0;border-radius:20px;padding:0;width:min(540px,calc(100vw - 24px));box-shadow:0 40px 90px -30px rgba(18,33,28,.6);margin:auto;animation:k-modal .22s var(--glad)}
@keyframes k-modal{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.k-modal::backdrop{background:rgba(18,33,28,.4);backdrop-filter:blur(2px)}
.k-modal-form{display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
.k-modal-kop{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 6px}
.k-modal-kop h2{margin:0;font-size:20px}
.k-modal-inhoud{padding:10px 22px 16px;overflow-y:auto}
.k-modal-voet{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px;border-top:1px solid var(--line)}
.k-velden{display:flex;flex-direction:column;gap:16px}
.k-velden .a-veld input{height:42px;border-radius:11px}
.k-kleuren{display:flex;gap:10px;flex-wrap:wrap}
.k-kleur{width:32px;height:32px;border-radius:50%;border:3px solid #fff!important;box-shadow:0 0 0 1px var(--line);background:var(--kleur)!important;transition:transform .15s var(--glad)}
.k-kleur:hover{transform:scale(1.1)}
.k-kleur.is-aan{box-shadow:0 0 0 2.5px var(--ink)}
.k-leden{border:1px solid var(--line);border-radius:14px;padding:6px;margin-top:-8px}
.k-leden-lijst{max-height:240px;overflow-y:auto}
.k-melding{position:fixed;z-index:400;left:50%;bottom:22px;transform:translateX(-50%);max-width:420px;padding:12px 18px;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);animation:k-in .2s var(--glad);transition:opacity .4s,transform .4s}
.k-melding.is-fout{background:var(--rood)}
.k-melding.is-weg{opacity:0;transform:translate(-50%,8px)}

/* =================== TAKEN =================== */
.w-app{display:grid;grid-template-columns:270px minmax(0,1fr);height:calc(100vh - var(--top));background:var(--bg);transition:grid-template-columns .25s var(--glad)}
.w-app.met-paneel{grid-template-columns:270px minmax(0,1fr) 440px}
.w-zij{background:#fff;border-right:1px solid var(--line);padding:20px 14px;overflow-y:auto}
.w-zij-kop{padding:0 8px 14px}
.w-zij-kop h1{font-size:24px}
.w-zij-sectie{display:flex;align-items:center;justify-content:space-between;margin:20px 8px 6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.w-nav{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border-radius:12px;text-align:left;font-weight:700;color:var(--text);transition:background .15s,color .15s;margin-bottom:2px}
.w-nav-ico{width:28px;height:28px;border-radius:9px;background:var(--bg);display:inline-grid;place-items:center;flex:none;color:var(--muted);font-size:12px;font-weight:800;transition:background .15s,color .15s}
.w-nav-ico svg{width:16px;height:16px}
.w-nav-kleur{background:var(--kleur)!important;color:#fff!important}
.w-nav>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-nav i{font-style:normal;font-size:12px;font-weight:800;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center}
.w-nav:hover{background:#f6f9f8}
.w-nav.is-aan{background:var(--soft);color:var(--deep)}
.w-nav.is-aan .w-nav-ico:not(.w-nav-kleur){background:#fff;color:var(--acc)}
.w-nav.is-aan i{background:#fff;color:var(--deep)}
.w-nav.is-rood i{background:var(--rood);color:#fff}
.w-nav-leeg{padding:6px 10px;font-size:13px}
.w-stip{width:10px;height:10px;border-radius:50%;background:var(--kleur,#0b8f5f);flex:none}
.w-midden{overflow-y:auto;padding:26px 34px 80px}
.w-balk{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.w-balk-titel{margin-right:auto;min-width:0}
.w-titel{font-size:28px;margin:0 0 6px}
.w-stats{display:flex;gap:8px;flex-wrap:wrap}
.w-stats span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12.5px;color:var(--text)}
.w-stats b{color:var(--ink)}
.w-stats .is-geel{background:var(--geel-zacht);border-color:#ecd8a6;color:var(--geel)}
.w-stats .is-rood{background:var(--rood-zacht);border-color:#efc9cf;color:var(--rood)}
.w-stats .is-geel b,.w-stats .is-rood b{color:inherit}
.w-lijsten{display:flex;flex-direction:column;gap:20px}
.w-lijst{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--schaduw);overflow:hidden;animation:k-in .25s var(--glad)}
.w-lijst-kop{display:flex;align-items:center;gap:12px;padding:14px 16px 14px 12px}
.w-inklap{width:30px;height:30px;border-radius:9px;display:inline-grid;place-items:center;color:var(--muted)!important;transition:transform .2s var(--glad),background .15s}
.w-inklap svg{width:18px;height:18px}
.w-inklap:hover{background:var(--bg)!important}
.w-lijst.is-dicht .w-inklap{transform:rotate(-90deg)}
.w-lijst.is-dicht .w-lijst-body{display:none}
.w-lijst-ico{width:38px;height:38px;border-radius:12px;background:var(--kleur);color:#fff;display:inline-grid;place-items:center;font-weight:800;font-size:16px;flex:none;box-shadow:0 6px 14px -8px var(--kleur)}
.w-lijst-naam{flex:1;min-width:0}
.w-lijst-naam h3{font-family:var(--kop);font-size:18px;color:var(--ink);font-weight:600;line-height:1.2}
.w-voortgang{display:flex;align-items:center;gap:8px;margin-top:4px}
.w-voortgang-baan{width:140px;height:6px;border-radius:999px;background:var(--bg);overflow:hidden}
.w-voortgang-baan i{display:block;height:100%;border-radius:999px;background:var(--kleur);transition:width .4s var(--glad)}
.w-voortgang small{font-size:12px;color:var(--muted);font-weight:700}
.w-leden{display:flex;align-items:center;padding:3px 4px;border-radius:999px;transition:background .15s}
.w-leden:hover{background:var(--bg)!important}
.w-leden .a-bol{width:28px;height:28px;font-size:10.5px;margin-left:-8px;border:2px solid #fff}
.w-leden .a-bol:first-child{margin-left:0}
.w-leden-plus{width:28px;height:28px;margin-left:-8px;border-radius:50%;border:2px solid #fff;background:var(--soft);color:var(--acc);display:inline-grid;place-items:center;opacity:0;transition:opacity .15s}
.w-leden-plus svg{width:14px;height:14px}
.w-leden:hover .w-leden-plus{opacity:1}
.w-kolommen,.w-taak{display:grid;grid-template-columns:20px minmax(240px,1fr) 200px 136px 120px 50px 46px;align-items:center;column-gap:10px}
.w-kolommen{padding:8px 16px 8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfc;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.w-taken{list-style:none;min-height:4px}
.w-taak{position:relative;padding:8px 16px 8px 12px;border-bottom:1px solid #eef3f1;cursor:pointer;transition:background .15s}
.w-taak:hover{background:#f8fbfa}
.w-taak.is-open{background:var(--soft);box-shadow:inset 3px 0 0 var(--kleur)}
.w-taak.is-prio-urgent{box-shadow:inset 3px 0 0 var(--rood)}
.w-taak.is-sleep{opacity:.4}
.w-greep{color:var(--rule);cursor:grab;display:flex;opacity:0;transition:opacity .15s}
.w-greep svg{width:14px;height:14px}
.w-taak:hover .w-greep{opacity:1}
.w-titel-cel{display:flex;align-items:center;gap:10px;min-width:0}
.w-check{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid #c6d8cf!important;background:#fff!important;display:inline-flex;align-items:center;justify-content:center;color:transparent!important;transition:all .2s var(--glad)}
.w-check svg{width:13px;height:13px}
.w-check:hover{border-color:var(--acc)!important;color:var(--acc)!important;transform:scale(1.08)}
.w-check.is-bezig{border-color:#d6a43a!important;border-style:dashed!important}
.w-check.is-klaar{background:var(--acc)!important;border-color:var(--acc)!important;color:#fff!important}
.w-taak.is-net .w-check{animation:w-pop .45s var(--glad)}
@keyframes w-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
.w-taak-titel{min-width:0;color:var(--ink);font-weight:650;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:7px;transition:color .2s}
.w-taak-titel[contenteditable=true]{white-space:normal;outline:2px solid var(--acc);background:#fff;cursor:text}
.w-taak.is-klaar .w-taak-titel{color:var(--muted);text-decoration:line-through;text-decoration-color:#b8c7c0;font-weight:500}
.w-badge{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:800;flex:none}
.w-badge.is-bezig{background:#fff3d9;color:#8a5a00}
.w-badge-ico{color:var(--muted);display:flex;flex:none}
.w-badge-ico svg{width:14px;height:14px}
.w-cel{display:flex;align-items:center;min-width:0}
.w-cel-klein{justify-content:center}
.w-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px;border-radius:999px;border:1px solid var(--line)!important;background:#fff!important;font-size:12.5px;font-weight:700;color:var(--text)!important;white-space:nowrap;transition:border-color .15s,background .15s}
.w-chip span{overflow:hidden;text-overflow:ellipsis}
.w-chip svg{width:13px;height:13px;flex:none}
.w-chip:hover{border-color:var(--rule)!important;background:var(--bg)!important}
.w-chip.is-rood{background:var(--rood-zacht)!important;border-color:#efc9cf!important;color:var(--rood)!important}
.w-chip.is-geel{background:var(--geel-zacht)!important;border-color:#ecd8a6!important;color:var(--geel)!important}
.w-leeg-cel{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px dashed var(--rule)!important;font-size:12.5px;font-weight:700;color:var(--muted)!important;opacity:0;transition:opacity .15s,background .15s}
.w-leeg-cel svg{width:13px;height:13px}
.w-taak:hover .w-leeg-cel,.w-leeg-cel:focus-visible{opacity:1}
.w-leeg-cel:hover{background:var(--soft)!important;color:var(--deep)!important}
.w-prio{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--text)!important;transition:background .15s}
.w-prio:hover{background:var(--bg)!important}
.w-prio.is-normaal{color:var(--muted)!important}
.w-prio.is-hoog{color:#a85a1e!important;background:#fdf1e7!important}
.w-prio.is-urgent{color:#fff!important;background:var(--rood)!important}
.w-prio.is-urgent .w-prio-stip{background:#fff}
.w-prio-stip{width:9px;height:9px;border-radius:3px;background:#c9d6d0;flex:none}
.w-prio-stip.is-normaal{background:var(--acc)}.w-prio-stip.is-hoog{background:#d2843f}.w-prio-stip.is-urgent{background:var(--rood)}
.w-reacties-tel{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:var(--muted)}
.w-reacties-tel svg{width:14px;height:14px}
.w-aan{display:flex;border-radius:50%;transition:transform .15s var(--glad)}
.w-aan:hover{transform:scale(1.08)}
.w-aan .a-bol{width:30px;height:30px;font-size:11px}
.w-nieuw{display:flex;align-items:center;gap:12px;padding:10px 16px 12px 38px;color:var(--muted);cursor:text}
.w-nieuw-ico{width:22px;height:22px;border-radius:50%;border:2px dashed var(--rule);display:inline-grid;place-items:center;flex:none;transition:all .15s}
.w-nieuw-ico svg{width:12px;height:12px}
.w-nieuw input{flex:1;border:0!important;box-shadow:none!important;padding:6px 2px!important;background:none;font-size:14.5px;color:var(--ink);outline:0}
.w-nieuw:focus-within .w-nieuw-ico{border-style:solid;border-color:var(--acc);background:var(--acc);color:#fff}
.w-lijst-leeg{padding:18px 16px 4px 50px;color:var(--muted);font-size:14px}
.w-leeg{background:#fff;border:1px dashed var(--rule);border-radius:20px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.w-leeg-ico{width:58px;height:58px;border-radius:18px;background:var(--soft);color:var(--acc);display:grid;place-items:center;margin-bottom:6px}
.w-leeg-ico svg{width:28px;height:28px}
/* Paneel */
.w-paneel{background:#fff;border-left:1px solid var(--line);overflow-y:auto;padding:18px 24px 34px;display:flex;flex-direction:column;gap:16px;animation:w-in .28s var(--glad);box-shadow:-16px 0 40px -32px rgba(18,33,28,.4)}
.w-paneel>*{flex-shrink:0}
@keyframes w-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.w-paneel-kop{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--muted)}
.w-paneel-kop .k-ico{margin-left:auto}
.w-paneel-titel{border:0!important;box-shadow:none!important;padding:6px 8px!important;margin:0 -8px;font-family:var(--kop);font-size:24px;font-weight:600;color:var(--ink);resize:none;overflow:hidden;line-height:1.25;background:none;border-radius:10px;transition:background .15s}
.w-paneel-titel:hover{background:var(--bg)!important}
.w-paneel-titel:focus{background:var(--bg)!important}
.w-segment{display:inline-flex;background:var(--bg);border-radius:12px;padding:4px;gap:4px;align-self:flex-start}
.w-segment button{padding:7px 16px;border-radius:9px;font-weight:800;font-size:13px;color:var(--text);transition:all .18s var(--glad)}
.w-segment button:hover{color:var(--ink)}
.w-segment button.is-aan{background:#fff;color:var(--deep);box-shadow:0 1px 4px rgba(18,33,28,.12)}
.w-segment button.is-bezig{color:#8a5a00}
.w-segment button.is-klaar{background:var(--acc);color:#fff}
.w-velden{border:1px solid var(--line);border-radius:16px;padding:6px 12px}
.w-velden>div{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #f0f4f2}
.w-velden>div:last-child{border-bottom:0}
.w-velden dt{font-size:13px;color:var(--muted);font-weight:700}
.w-velden dd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.w-veld-knop{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;font-weight:700;color:var(--ink)!important;font-size:14px;max-width:100%;transition:background .15s}
.w-veld-knop:hover{background:var(--bg)!important}
.w-veld-knop .a-bol{width:26px;height:26px;font-size:10px}
.w-veld-knop svg{width:15px;height:15px;color:var(--muted)}
.w-datum{width:auto!important;padding:6px 10px!important;border-radius:10px!important}
.w-notitie{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:var(--muted)}
.w-notitie textarea{font-weight:400;color:var(--ink);font-size:14px;border-radius:12px!important;padding:10px 12px!important;line-height:1.5}
.w-reacties h4{font-size:13px;color:var(--muted);margin-bottom:10px;font-weight:800}
.w-reacties ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.w-reacties li{display:flex;gap:10px}
.w-reacties li .a-bol{width:30px;height:30px;font-size:11px;flex:none}
.w-reacties li>div{background:var(--bg);border-radius:4px 14px 14px 14px;padding:8px 12px;min-width:0}
.w-reacties li strong{color:var(--ink);font-size:13.5px}
.w-reacties li small{color:var(--muted);font-size:12px;margin-left:6px}
.w-reacties li p{font-size:14px;color:var(--text);margin-top:2px}
.w-reageer{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.w-reageer textarea{border-radius:12px!important}
.w-paneel-meta{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;line-height:1.6}
.w-verwijder{align-self:flex-start}
.w-voortgang-baan i[data-pct="0"]{width:0%}.w-voortgang-baan i[data-pct="5"]{width:5%}.w-voortgang-baan i[data-pct="10"]{width:10%}.w-voortgang-baan i[data-pct="15"]{width:15%}.w-voortgang-baan i[data-pct="20"]{width:20%}.w-voortgang-baan i[data-pct="25"]{width:25%}.w-voortgang-baan i[data-pct="30"]{width:30%}.w-voortgang-baan i[data-pct="35"]{width:35%}.w-voortgang-baan i[data-pct="40"]{width:40%}.w-voortgang-baan i[data-pct="45"]{width:45%}.w-voortgang-baan i[data-pct="50"]{width:50%}.w-voortgang-baan i[data-pct="55"]{width:55%}.w-voortgang-baan i[data-pct="60"]{width:60%}.w-voortgang-baan i[data-pct="65"]{width:65%}.w-voortgang-baan i[data-pct="70"]{width:70%}.w-voortgang-baan i[data-pct="75"]{width:75%}.w-voortgang-baan i[data-pct="80"]{width:80%}.w-voortgang-baan i[data-pct="85"]{width:85%}.w-voortgang-baan i[data-pct="90"]{width:90%}.w-voortgang-baan i[data-pct="95"]{width:95%}.w-voortgang-baan i[data-pct="100"]{width:100%}

/* =================== TEAMCHAT =================== */
.c-app{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100vh - var(--top));background:#fff;transition:grid-template-columns .25s var(--glad)}
.c-app.met-info{grid-template-columns:330px minmax(0,1fr) 330px}
.c-zij{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#f9fbfa}
.c-zij-kop{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 12px 20px}
.c-zij-kop h1{font-size:24px}
.c-zij-knoppen{display:flex;gap:6px}
.c-zoek{margin:0 14px 10px;min-width:0}
.c-kanalen{flex:1;overflow-y:auto;padding:0 10px 18px}
.c-sectie{margin:14px 10px 6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.c-kanaal{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;text-align:left;transition:background .15s,box-shadow .15s;margin-bottom:2px}
.c-kanaal:hover{background:#fff}
.c-kanaal.is-aan{background:#fff;box-shadow:var(--schaduw)}
.c-kanaal .a-bol,.c-groep-bol{width:42px;height:42px;font-size:14px;flex:none;position:relative}
.c-groep-bol{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#12a06c,#2f6090);color:#fff;font-weight:800;font-size:16px;box-shadow:0 6px 14px -8px rgba(47,96,144,.8)}
.c-kanaal-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.c-kanaal-tekst strong{display:flex;align-items:center;gap:5px;color:var(--ink);font-size:14.5px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.c-kanaal-tekst strong svg{width:13px;height:13px;color:var(--muted)}
.c-kanaal-tekst small{color:var(--muted);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.c-kanaal.is-ongelezen .c-kanaal-tekst strong{font-weight:800}
.c-kanaal.is-ongelezen .c-kanaal-tekst small{color:var(--ink);font-weight:650}
.c-kanaal-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.c-kanaal-rechts small{font-size:11.5px;color:var(--muted)}
.c-kanaal.is-ongelezen .c-kanaal-rechts small{color:var(--acc);font-weight:800}
.c-teller{font-style:normal;min-width:21px;height:21px;padding:0 7px;border-radius:999px;background:var(--acc);color:#fff;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;animation:k-in .2s var(--glad)}
.c-teller.is-noem{background:var(--rood)}
.c-teller.is-stil{background:#d7e2dd;color:var(--text)}
.c-zij-leeg{padding:22px 12px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.c-gesprek{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;background:#fff}
.c-gesprek.is-sleep::after{content:"Laat los om toe te voegen";position:absolute;inset:14px;border:2px dashed var(--acc);border-radius:20px;background:rgba(238,248,242,.92);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--deep);font-size:17px;z-index:5}
.c-leeg{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px}
.c-leeg-ico{width:66px;height:66px;border-radius:22px;background:var(--soft);color:var(--acc);display:grid;place-items:center;margin-bottom:6px}
.c-leeg-ico svg{width:30px;height:30px}
.c-kop{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.c-kop .a-bol,.c-kop .c-groep-bol{width:42px;height:42px}
.c-kop-tekst{flex:1;min-width:0}
.c-kop-tekst h2{margin:0;font-size:19px}
.c-kop-tekst small{color:var(--muted);font-size:13px}
.c-online{color:var(--acc);font-weight:800}
.c-kop-knoppen{display:flex;align-items:center;gap:4px}
.c-leden-knop{display:flex;align-items:center;padding:3px 8px 3px 3px;border-radius:999px;transition:background .15s;margin-right:4px}
.c-leden-knop:hover{background:var(--bg)!important}
.c-leden-knop .a-bol{width:30px;height:30px;font-size:10.5px;margin-left:-8px;border:2px solid #fff}
.c-leden-knop .a-bol:first-child{margin-left:0}
.c-zoekbalk{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#f9fbfa;animation:k-in .18s var(--glad)}
.c-zoekbalk .w-zoek,.c-zoekbalk .k-zoek{flex:1}
.c-zoekbalk .w-zoek{display:flex;align-items:center;gap:9px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted)}
.c-zoekbalk .w-zoek input{flex:1;border:0!important;box-shadow:none!important;outline:0;padding:0!important;background:none}
.c-zoekres{flex-basis:100%;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.c-zoekres button{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;text-align:left;background:#fff!important;border-radius:12px;padding:9px 12px;border:1px solid var(--line)!important;transition:border-color .15s}
.c-zoekres button:hover{border-color:var(--rule)!important}
.c-zoekres strong{color:var(--ink);font-size:13.5px}
.c-zoekres small{color:var(--muted);font-size:12px;justify-self:end}
.c-zoekres span{grid-column:1/-1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-berichten{flex:1;overflow-y:auto;padding:12px 0 16px;overscroll-behavior:contain;background:linear-gradient(#fff,#fbfdfc)}
.c-laden,.c-start-klein{text-align:center;color:var(--muted);font-size:12.5px;padding:16px}
.c-start{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}
.c-start>svg{width:44px;height:44px;color:var(--acc);padding:12px;border-radius:18px;background:var(--soft);box-sizing:content-box}
.c-dag{display:flex;justify-content:center;margin:16px 20px 8px;position:sticky;top:6px;z-index:1}
.c-dag span{padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800;text-transform:capitalize;box-shadow:0 2px 8px -4px rgba(18,33,28,.2)}
.c-nieuw{display:flex;align-items:center;gap:10px;margin:10px 20px;color:var(--rood);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.c-nieuw::before,.c-nieuw::after{content:"";flex:1;height:1px;background:#efc9cf}
.c-bericht{position:relative;display:flex;gap:12px;padding:6px 22px 4px;transition:background .15s}
.c-bericht:hover{background:#f6faf8}
.c-bericht.is-vervolg{padding-top:1px}
.c-bericht.is-in{animation:c-in .32s var(--glad)}
@keyframes c-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.c-bericht>.a-bol{width:38px;height:38px;font-size:12.5px;flex:none;margin-top:2px}
.c-tijd-klein{width:38px;flex:none;font-size:10.5px;color:transparent;text-align:right;padding-top:5px}
.c-bericht:hover .c-tijd-klein{color:var(--muted)}
.c-inhoud{min-width:0;flex:1}
.c-naam{display:flex;align-items:baseline;gap:8px}
.c-naam strong{color:var(--ink);font-size:14.5px}
.c-bericht.is-eigen .c-naam strong{color:var(--deep)}
.c-naam small{color:var(--muted);font-size:12px}
.c-pin-label{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:#a07a00;font-weight:800}
.c-pin-label svg{width:11px;height:11px}
.c-tekst{color:var(--ink);font-size:15px;line-height:1.55;word-wrap:break-word;overflow-wrap:anywhere}
.c-tekst a{color:var(--deep);font-weight:700;text-decoration-color:var(--rule)}
.c-tekst code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:13px}
.c-weg{color:var(--muted);font-style:italic}
.c-bewerkt{color:var(--muted);font-size:11.5px}
.c-noem{background:#e3f3ec;color:var(--deep);font-weight:800;border-radius:6px;padding:0 4px}
.c-noem.is-ik{background:#fff0c9;color:#7a5200}
.c-bericht.is-genoemd{background:#fffaeb;box-shadow:inset 3px 0 0 #e0b23a}
.c-bericht.is-pin{box-shadow:inset 3px 0 0 #e0b23a}
.c-bericht.is-flits{animation:c-flits 1.6s ease}
@keyframes c-flits{0%,40%{background:#fff3c4}100%{background:transparent}}
.c-citaat{display:block;width:100%;max-width:640px;text-align:left;border-left:3px solid var(--acc)!important;background:var(--soft)!important;border-radius:4px 12px 12px 4px;padding:6px 12px;margin:4px 0 5px;font-size:13px;color:var(--text);max-height:64px;overflow:hidden;transition:filter .15s}
.c-citaat:hover{filter:brightness(.97)}
.c-citaat strong{display:block;color:var(--deep);font-size:12px}
.c-beeld{display:inline-block;margin-top:6px;border-radius:14px;overflow:hidden;border:1px solid var(--line);max-width:min(420px,100%);transition:transform .2s var(--glad),box-shadow .2s}
.c-beeld:hover{transform:scale(1.01);box-shadow:var(--schaduw)}
.c-beeld img{display:block;max-width:100%;max-height:320px}
.c-bestand{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);background:#fff;max-width:100%;transition:border-color .15s,box-shadow .15s}
.c-bestand:hover{border-color:var(--rule);box-shadow:var(--schaduw)}
.c-bestand svg{width:28px;height:28px;color:var(--rood)}
.c-bestand span{display:flex;flex-direction:column;min-width:0}
.c-bestand strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-bestand small{color:var(--muted);font-size:12px}
.c-reacties{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.c-reactie{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line)!important;background:#fff!important;font-size:14px;transition:transform .12s var(--glad),border-color .15s}
.c-reactie:hover{transform:translateY(-1px);border-color:var(--rule)!important}
.c-reactie span{font-size:12px;font-weight:800;color:var(--text)}
.c-reactie.is-ik{background:#e3f3ec!important;border-color:#b9dfcd!important}
.c-reactie.is-ik span{color:var(--deep)}
.c-gelezen{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--acc);font-size:11.5px;font-weight:800}
.c-gelezen svg{width:13px;height:13px}
.c-acties{position:absolute;right:20px;top:-16px;display:flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;box-shadow:0 10px 24px -12px rgba(18,33,28,.4);z-index:2;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s,transform .15s var(--glad)}
.c-bericht:hover .c-acties,.c-acties:focus-within{opacity:1;transform:none;pointer-events:auto}
.c-acties button{width:32px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--text);transition:background .12s,transform .12s}
.c-acties button:hover{background:var(--bg)!important;transform:scale(1.08)}
.c-acties button.is-gevaar:hover{color:var(--rood)}
.c-acties svg{width:16px;height:16px}
.c-typen{min-height:24px;padding:0 24px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.c-stippen{display:inline-flex;gap:3px;padding:6px 8px;border-radius:999px;background:var(--bg)}
.c-stippen i{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:c-tik 1.2s infinite}
.c-stippen i:nth-child(2){animation-delay:.15s}.c-stippen i:nth-child(3){animation-delay:.3s}
@keyframes c-tik{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.c-schrijf{padding:4px 20px 14px}
.c-schrijf-extra{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.c-extra{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--soft);font-size:13px;color:var(--text);animation:k-in .18s var(--glad)}
.c-extra svg{width:16px;height:16px;color:var(--acc);flex:none}
.c-extra span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-extra button{color:var(--muted);display:flex;padding:2px;border-radius:6px}
.c-extra button:hover{color:var(--ink)}
.c-schrijf-rij{display:flex;align-items:flex-end;gap:6px;border:1px solid var(--line);border-radius:18px;padding:6px;background:#fff;box-shadow:0 6px 20px -14px rgba(18,33,28,.35);transition:border-color .18s,box-shadow .18s}
.c-schrijf-rij:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px rgba(11,143,95,.12),0 6px 20px -14px rgba(18,33,28,.35)}
.c-schrijf-rij textarea{flex:1;border:0!important;box-shadow:none!important;resize:none;padding:8px 6px!important;font-size:15px;line-height:1.45;max-height:220px;background:none;outline:0}
.c-stuur{width:40px;height:40px;border-radius:13px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#12a06c,#04502f)!important;color:#fff!important;box-shadow:0 8px 16px -10px rgba(4,80,47,.8);transition:transform .15s var(--glad),filter .15s}
.c-stuur svg{width:18px;height:18px}
.c-stuur:hover{transform:translateY(-1px) rotate(-8deg);filter:brightness(1.08)}
.c-stuur:active{transform:scale(.94)}
.c-hulp{display:block;margin-top:6px;padding-left:6px;font-size:11.5px;color:var(--muted)}
/* Infopaneel */
.c-info{border-left:1px solid var(--line);background:#f9fbfa;overflow-y:auto;padding:16px 16px 28px;animation:w-in .25s var(--glad)}
.c-info-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.c-info-kop h3{font-family:var(--kop);font-size:18px;color:var(--ink)}
.c-info-blok{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;margin-bottom:12px}
.c-info-titel{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.c-info-titel i{font-style:normal;background:var(--bg);border-radius:999px;padding:1px 8px;color:var(--text)}
.c-lid{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:11px;text-align:left;transition:background .15s}
.c-lid:hover{background:var(--bg)!important}
.c-lid .a-bol{width:32px;height:32px;font-size:11px}
.c-lid span{display:flex;flex-direction:column;min-width:0}
.c-lid strong{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-lid small{font-size:12px;color:var(--muted)}
.c-lid small.is-online{color:var(--acc);font-weight:800}
.c-info-actie{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:11px;color:var(--acc)!important;font-weight:800;font-size:13px}
.c-info-actie:hover{background:var(--soft)!important}
.c-info-actie svg{width:15px;height:15px}
.c-info-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border-radius:11px;text-align:left;transition:background .15s}
.c-info-item:hover{background:var(--bg)!important}
.c-info-item strong{font-size:12.5px;color:var(--deep)}
.c-info-item span{font-size:13px;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.c-info-leeg{padding:4px 10px 8px;font-size:13px;color:var(--muted)}
.c-info-beelden{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:2px}
.c-info-beelden a{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.c-info-beelden img{width:100%;height:100%;object-fit:cover;transition:transform .2s var(--glad)}
.c-info-beelden a:hover img{transform:scale(1.06)}
.c-info-bestand{display:flex;align-items:center;gap:10px;padding:8px;border-radius:11px;text-decoration:none;color:var(--ink);transition:background .15s}
.c-info-bestand:hover{background:var(--bg)}
.c-info-bestand svg{width:22px;height:22px;color:var(--rood);flex:none}
.c-info-bestand span{display:flex;flex-direction:column;min-width:0}
.c-info-bestand strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-info-bestand small{font-size:11.5px;color:var(--muted)}

/* Paneel open: compacter (patiënt en reacties staan dan in het paneel) */
.w-app.met-paneel .w-kolommen,.w-app.met-paneel .w-taak{grid-template-columns:20px minmax(0,1fr) 124px 116px 40px}
.w-app.met-paneel .w-taak>:nth-child(3),.w-app.met-paneel .w-taak>:nth-child(6),.w-app.met-paneel .w-kolommen>:nth-child(3),.w-app.met-paneel .w-kolommen>:nth-child(6){display:none}
@media (max-width:1280px){.w-app.met-paneel{grid-template-columns:230px minmax(0,1fr) 400px}.w-app:not(.met-paneel) .w-kolommen,.w-app:not(.met-paneel) .w-taak{grid-template-columns:20px minmax(200px,1fr) 160px 120px 110px 40px 40px}.c-app.met-info{grid-template-columns:290px minmax(0,1fr) 290px}}
@media (max-width:1100px){.w-app.met-paneel .w-kolommen{display:none}.w-app.met-paneel .w-taak{grid-template-columns:20px minmax(0,1fr) 40px}.w-app.met-paneel .w-taak .w-cel:not(:last-child){display:none}.c-app.met-info{grid-template-columns:280px minmax(0,1fr)}.c-app.met-info .c-info{position:fixed;right:0;top:var(--top);bottom:0;width:320px;z-index:20;box-shadow:-20px 0 40px -24px rgba(18,33,28,.4)}}
@media (max-width:900px){
  .w-app,.w-app.met-paneel{grid-template-columns:1fr;height:auto}
  .w-zij{border-right:0;border-bottom:1px solid var(--line)}
  .w-paneel{position:fixed;inset:var(--top) 0 0 0;z-index:30}
  .w-midden{padding:18px 14px 60px}
  .w-kolommen{display:none}
  .w-taak{grid-template-columns:20px minmax(0,1fr) 40px}
  .w-taak .w-cel:not(:last-child){display:none}
  .c-app,.c-app.met-info{grid-template-columns:1fr}
  .c-app .c-zij{display:none}
  .c-app:not(:has(.c-kop)) .c-zij{display:flex}
  .c-app:not(:has(.c-kop)) .c-gesprek{display:none}
  .c-info{position:fixed;inset:var(--top) 0 0 0;z-index:30}
}

/* ---------- Datumkiezer ---------- */
.k-kal{width:308px;padding:12px}
.k-kal-kop{display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px}
.k-kal-kop strong{font-family:var(--kop);font-size:16px;color:var(--ink);font-weight:600;text-transform:capitalize}
.k-kal-week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}
.k-kal-week span{text-align:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 0}
.k-kal-dagen{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.k-kal-dag{height:38px;border-radius:11px;font-size:14px;font-weight:700;color:var(--ink)!important;transition:background .12s,transform .12s;position:relative}
.k-kal-dag:hover{background:var(--soft)!important;color:var(--deep)!important}
.k-kal-dag.is-weekend{color:var(--text)!important}
.k-kal-dag.is-anders{color:#b9c7c1!important;font-weight:500}
.k-kal-dag.is-voorbij:not(.is-gekozen){color:#a6b5ae!important}
.k-kal-dag.is-vandaag{box-shadow:inset 0 0 0 1.5px var(--acc);color:var(--acc)!important}
.k-kal-dag.is-vandaag::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--acc)}
.k-kal-dag.is-gekozen{background:linear-gradient(135deg,#12a06c,#04502f)!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(4,80,47,.8)}
.k-kal-dag.is-gekozen::after{background:#fff}
.k-kal-dag:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.k-kal-dag:active{transform:scale(.94)}
.k-kal-voet{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.k-kal-snel{padding:6px 11px;border-radius:999px;background:var(--bg)!important;font-size:12.5px;font-weight:800;color:var(--text)!important;transition:background .12s,color .12s}
.k-kal-snel:hover{background:var(--soft)!important;color:var(--deep)!important}
.k-kal-wis{margin-left:auto;padding:6px 10px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--rood)!important}
.k-kal-wis:hover{background:var(--rood-zacht)!important}
.w-veld-knop.is-rood{color:var(--rood)!important}
.w-veld-knop.is-rood svg{color:var(--rood)}

/* ---------- Meldingen: bel en pop-ups ---------- */
.m-bel{width:380px!important;padding:6px!important}
.m-kop{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px}
.m-kop strong{font-family:var(--kop);font-size:16px;color:var(--ink)}
.m-alles{border:0;background:none;color:var(--acc);font:inherit;font-weight:800;font-size:12.5px;cursor:pointer;padding:4px 8px;border-radius:8px}
.m-alles:hover{background:var(--soft)}
.m-lijst{max-height:360px;overflow-y:auto}
.m-sectie{margin:10px 10px 4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.m-item{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start;gap:10px;padding:9px 10px!important;border-radius:12px;text-decoration:none;color:var(--text)!important;transition:background .12s;position:relative}
.m-item:hover{background:var(--bg)}
.m-item.is-nieuw{background:#f2faf6}
.m-item.is-nieuw::after{content:"";position:absolute;right:10px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.m-ico{width:32px;height:32px;border-radius:10px;background:var(--bg);color:var(--text);display:inline-grid;place-items:center;flex:none}
.m-ico svg{width:16px;height:16px}
.m-ico-taak{background:#e6f4ee;color:var(--acc)}
.m-ico-vermelding,.m-ico-direct,.m-ico-reactie{background:#e8eef7;color:#2f6090}
.m-ico-groep{background:#efeefa;color:#5b5bb0}
.m-ico-laat{background:var(--rood-zacht);color:var(--rood)}
.m-ico-vandaag{background:var(--geel-zacht);color:var(--geel)}
.m-tekst{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.4;color:var(--ink);padding-right:14px;min-width:0}
.m-tekst small{font-size:11.5px;color:var(--muted)}
.m-toasts{position:fixed;right:20px;bottom:20px;z-index:500;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px))}
.m-toast{display:flex;align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -22px rgba(18,33,28,.5);text-decoration:none;color:var(--ink);animation:m-toast-in .35s cubic-bezier(.2,.8,.2,1);transition:opacity .3s,transform .3s}
.m-toast:hover{border-color:var(--rule)}
.m-toast.is-weg{opacity:0;transform:translateX(20px)}
@keyframes m-toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.m-toast .m-tekst{flex:1;padding-right:0}
.m-toast-weg{border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px;border-radius:6px}
.m-toast-weg:hover{color:var(--ink);background:var(--bg)}
/* Geen letterlogo's: kleurbolletje bij lijsten, groepen zonder pictogram */
.w-nav-dot{background:transparent!important}
.w-nav-dot .w-stip{width:11px;height:11px}
.w-lijst-stip{width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb,var(--kleur) 16%,transparent)}
.c-kanaal:not(:has(.a-bol)){padding-left:14px}

/* ---------- Paginawissel: inhoud glijdt weg en de nieuwe pagina glijdt binnen (arts.js). Bovenbalk blijft staan. ---------- */
@view-transition{navigation:auto}
.a-top{view-transition-name:a-top}
.a-tabs a{position:relative}
.a-tabs a[aria-current]{border-bottom-color:transparent}
.a-tab-streep{position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--acc);view-transition-name:a-tab-streep}
::view-transition-group(a-top){animation:none}
::view-transition-old(a-top),::view-transition-new(a-top){animation:none}
::view-transition-old(root),::view-transition-new(root){animation:none}
::view-transition-group(a-tab-streep){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
body.a-app>:not(.a-top):not(.k-pop):not(.m-toasts):not(dialog){animation:a-pagina-in .42s cubic-bezier(.16,1,.3,1) both}
html.a-weg body.a-app>:not(.a-top):not(.k-pop):not(.m-toasts):not(dialog){animation:a-pagina-uit .2s cubic-bezier(.4,0,1,1) both}
@keyframes a-pagina-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes a-pagina-uit{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}
.a-tab-streep{transition:transform .2s}
@media (prefers-reduced-motion:reduce){
  body.a-app>*,html.a-weg body.a-app>*{animation:none!important}
  ::view-transition-group(*){animation:none!important}
}
/* Intake openen of wisselen: lijst staat stil, de intake schuift snel van rechts in. */
body.a-ov-intake>.a-werk{animation:none!important}
body.a-ov-intake .a-midden{animation:a-intake-in .3s cubic-bezier(.16,1,.3,1) both}
body.a-ov-intake .a-patient{animation:a-intake-fade .22s ease both}
@keyframes a-intake-fade{from{opacity:0}to{opacity:1}}
html.a-weg-intake .a-midden{animation:a-intake-uit .11s cubic-bezier(.4,0,1,1) both}
html.a-weg-intake .a-patient{animation:a-pagina-vervaag .11s ease both}
@keyframes a-pagina-vervaag{to{opacity:0}}
html.a-weg-intake body.a-app>.a-werk{animation:none!important}
@keyframes a-intake-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes a-intake-uit{to{opacity:0;transform:translateX(-12px)}}
@media (prefers-reduced-motion:reduce){body.a-ov-intake .a-midden,body.a-ov-intake .a-patient,html.a-weg-intake .a-midden,html.a-weg-intake .a-patient{animation:none!important}}

/* ---------- Lightbox voor afbeeldingen in de chat ---------- */
.c-lb{position:fixed;inset:0;z-index:600;background:rgba(8,16,13,.92);backdrop-filter:blur(6px);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;grid-template-rows:auto minmax(0,1fr) auto;outline:none;animation:c-lb-in .22s cubic-bezier(.2,.8,.2,1)}
.c-lb.is-weg{animation:c-lb-uit .2s ease both}
@keyframes c-lb-in{from{opacity:0}to{opacity:1}}
@keyframes c-lb-uit{to{opacity:0}}
.c-lb-balk{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;color:#fff}
.c-lb-info{display:flex;flex-direction:column;min-width:0}
.c-lb-info strong{font-size:14.5px}
.c-lb-info span{font-size:12.5px;color:rgba(255,255,255,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-lb-knoppen{display:flex;gap:6px}
.c-lb-knop{width:42px;height:42px;border-radius:12px;display:inline-grid;place-items:center;color:#fff!important;background:rgba(255,255,255,.08)!important;border:0;cursor:pointer;transition:background .15s}
.c-lb-knop:hover{background:rgba(255,255,255,.18)!important}
.c-lb-knop svg{width:20px;height:20px}
.c-lb-podium{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:6px}
.c-lb-podium img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);cursor:zoom-in;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.c-lb-podium.is-zoom{overflow:auto;align-items:flex-start;justify-content:flex-start}
.c-lb-podium.is-zoom img{max-width:none;max-height:none;cursor:zoom-out;border-radius:0}
.c-lb-podium img.is-in.van-rechts{animation:c-lb-foto-r .3s cubic-bezier(.16,1,.3,1)}
.c-lb-podium img.is-in.van-links{animation:c-lb-foto-l .3s cubic-bezier(.16,1,.3,1)}
@keyframes c-lb-foto-r{from{opacity:0;transform:translateX(30px) scale(.98)}to{opacity:1;transform:none}}
@keyframes c-lb-foto-l{from{opacity:0;transform:translateX(-30px) scale(.98)}to{opacity:1;transform:none}}
.c-lb-pijl{grid-row:2;align-self:center;justify-self:center;width:50px;height:50px;border-radius:50%;display:inline-grid;place-items:center;color:#fff!important;background:rgba(255,255,255,.1)!important;border:0;cursor:pointer;transition:background .15s,transform .15s}
.c-lb-pijl:hover{background:rgba(255,255,255,.22)!important;transform:scale(1.06)}
.c-lb-pijl svg{width:24px;height:24px}
.c-lb-pijl.is-links{grid-column:1}.c-lb-pijl.is-rechts{grid-column:3}
.c-lb-teller{grid-column:1/-1;text-align:center;padding:12px;color:rgba(255,255,255,.7);font-size:13px;font-weight:700}
.c-beeld,.c-info-beelden a{cursor:zoom-in}
@media (max-width:700px){.c-lb{grid-template-columns:0 minmax(0,1fr) 0}.c-lb-pijl{display:none}}

/* Vaste ruimte voor de scrollbalk, zodat de kolommen niet verschuiven als een intake langer of korter is */
@media (min-width:1001px){.a-werk>.a-kol{scrollbar-gutter:stable}}