:where(:root[data-ontwerp=v2]) .tk-task{border-radius:var(--r-lijst);margin-bottom:var(--s8)}:where(:root[data-ontwerp=v2]) .tk-task.open{box-shadow:var(--sh-rust)}:where(:root[data-ontwerp=v2]) .tk-cards{gap:var(--s8)}:where(:root[data-ontwerp=v2]) .tk-task-row{padding:var(--s16);gap:var(--s12)}:where(:root[data-ontwerp=v2]) .tk-task-title{font-size:15px;font-weight:600;line-height:22px}:where(:root[data-ontwerp=v2]) .tile-large .tk-task .tk-task-title,:where(:root[data-ontwerp=v2]) .tile-breed .tk-task .tk-task-title{font-size:15px;line-height:22px}:where(:root[data-ontwerp=v2]) .tk-task-by{color:var(--ink2);font-size:13px;line-height:20px}:where(:root[data-ontwerp=v2]) .tk-task-by b{font-weight:600}:where(:root[data-ontwerp=v2]) .tk-task-view{height:var(--h-knop-s);padding:0 var(--s12);border-radius:var(--r-knop-s);color:var(--ink);background:var(--card);border-color:#0e143029;font-size:13px;font-weight:500}:where(:root[data-ontwerp=v2]) .tk-task-body,:where(:root[data-ontwerp=v2]) .tk-task-acts{padding:0 var(--s16) var(--s16)}:where(:root[data-ontwerp=v2]) .tk-task-body>.tk-task-acts{padding:0}:where(:root[data-ontwerp=v2]) .tk-task .tk-act:not(:where(.tk-meer-obj *)){height:var(--h-knop-s);padding:0 var(--s12);border-radius:var(--r-knop-s);font-size:13px;font-weight:500}:where(:root[data-ontwerp=v2]) .tk-task .tk-act.prim{font-weight:600}:where(:root[data-ontwerp=v2]) .vd-group-h,:where(:root[data-ontwerp=v2]) .voorstel-widget .vd-group-h:not(.urgent),:where(:root[data-ontwerp=v2]) .st-list .st-group-h{font:var(--t-caps);letter-spacing:var(--t-caps-spatie);color:var(--ink3);padding:var(--s4) var(--s4) 0;margin-top:0}:where(:root[data-ontwerp=v2]) .vd-group-n,:where(:root[data-ontwerp=v2]) .vd-group-h.urgent .vd-group-n.vd-group-n,:where(:root[data-ontwerp=v2]) .st-list .st-group-n{min-width:0;height:auto;margin-left:calc(var(--s4) * -1);color:inherit;font:inherit;background:0 0;border-radius:0;padding:0;display:inline}:where(:root[data-ontwerp=v2]) .vd-group-n:before,:where(:root[data-ontwerp=v2]) .st-list .st-group-n:before{content:"· "}:where(:root[data-ontwerp=v2]) .tk-task-acts.is-op-kaart{margin-top:calc(var(--s4) * -1)}:where(:root[data-ontwerp=v2]) .tk-task:not(.open) .tk-task-acts.is-op-kaart .tk-actions{border-top:0;margin-top:0;padding-top:0}:where(:root[data-ontwerp=v2]) .tk-task-view.is-alleen-pijl{width:var(--h-knop-s);justify-content:center;padding:0}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven>.tk-task-row>.avatar{left:var(--s16);display:inline-grid;position:absolute;top:18px}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven>.tk-task-row:not(:where(.tile[data-breed=smal] *)):has(>.avatar) .tk-task-meta{padding-left:28px}:where(:root[data-ontwerp=v2]) .tile[data-breed=smal] .tk-task.kop-boven>.tk-task-row>.avatar{display:inline-grid}:where(:root[data-ontwerp=v2]) .tile[data-breed=smal] .tk-task.kop-boven>.tk-task-row{padding:var(--s16)}:where(:root[data-ontwerp=v2]) .tile[data-breed=smal] .tk-task.kop-boven>.tk-task-row:has(>.avatar) .tk-task-meta{padding-left:28px}:where(:root[data-ontwerp=v2]) .tile-large .tk-task.kop-boven>.tk-task-row,:where(:root[data-ontwerp=v2]) .tile-breed .tk-task.kop-boven>.tk-task-row{padding:var(--s16)}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-mid{gap:var(--s8)}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-meta{order:-1;min-height:24px}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-by{order:-1}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-by b{letter-spacing:.1em;text-transform:uppercase;color:var(--tk-ag,var(--ink));font-size:12px;font-weight:700}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-agent{letter-spacing:.1em;text-transform:uppercase;color:var(--tk-ag,var(--ink));white-space:nowrap;order:-3;font-size:12px;font-weight:700}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-klant{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;order:-2;min-width:0;font-size:13px;overflow:hidden}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-pil{white-space:nowrap;color:#b7791f;background:#f7edd9;border-radius:11px;align-items:center;height:22px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-pil.is-rood{color:#c13a33;background:#f6e3e1}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-regel{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;line-height:20px;overflow:hidden}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-meta{gap:var(--s8);flex-wrap:nowrap;align-items:center}:where(:root[data-ontwerp=v2]) .tk-actions.is-kort{align-items:center;gap:var(--s8);flex-wrap:wrap;display:flex}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-act-stil,:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .plan-knop{color:var(--ink2);gap:var(--s8);background:0 0;border-color:#0000}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-kort-meer{margin-left:auto}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-act-kort{font-size:13px}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-act-ic svg{width:14px;height:14px}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-kort-meer>.tk-info-paneel{left:auto;right:0}:where(:root[data-ontwerp=v2]) .tk-task{min-width:0}:where(:root[data-ontwerp=v2]) .tk-task .tk-task-regel.tk-pil-reden{white-space:normal}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-act.prim{box-shadow:none}:where(:root[data-ontwerp=v2]) .tk-task .tk-actions.is-kort .tk-act-meer{width:var(--h-knop-s);color:var(--ink2);background:0 0;border-color:#0000;justify-content:center;padding:0}:where(:root[data-ontwerp=v2]) .tk-actions.is-kort .tk-act-meer svg{stroke-width:2px;width:14px;height:14px}:where(:root[data-ontwerp=v2]) .tk-actions.is-kort .tk-act-meer svg circle{r:1px}:where(:root[data-ontwerp=v2]) .tk-actions.is-kort .tk-act:not(:where(.tk-meer-obj *)) svg{width:14px;height:14px}:where(:root[data-ontwerp=v2]) .tk-actions.is-kort .tk-act.prim{gap:8px}:where(:root[data-ontwerp=v2]) .tk-actions.is-kort .tk-act:not(:where(.tk-meer-obj *)){border-width:0}:where(:root[data-ontwerp=v2]) .tk-task.kop-boven .tk-task-view.is-alleen-pijl:not(:focus-visible){clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:where(:root[data-ontwerp=v2]) .tile:has(>.tile-content .voorstel-widget)>.tile-content{padding:var(--s12);background:#fafafb}:where(:root[data-ontwerp=v2]) .voorstel-widget{padding:0}