.tk-head{margin:2px 0 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.tk-head h2{font-size:21px}.tk-head p{color:var(--grijs);font-size:12.5px;margin:3px 0 0}.tk-add{display:flex;gap:8px;max-width:940px;margin:0 0 14px}.tk-add input{flex:1;padding:12px 14px;border:1.5px solid var(--lijn);border-radius:11px;font-family:var(--body);font-size:14px;color:var(--inkt);background:var(--wit)}.tk-add input:focus{outline:none;border-color:var(--blauw);box-shadow:0 0 0 3px #2558ff1f}.tk-hint{font-size:11px;color:var(--grijs);margin:-9px 0 14px;max-width:940px}.tk-hint code{background:var(--ijs);border-radius:4px;padding:1px 5px;font-size:10.5px;color:var(--inkt)}.tk-list{max-width:940px;border:1px solid var(--lijn);border-radius:12px;overflow:hidden;background:var(--wit)}.tk-sec{margin:20px 0 7px;font-family:var(--display);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--inkt);display:flex;align-items:center;gap:8px}.tk-sec .cnt{color:var(--grijs);font-weight:600;font-size:11px}.tk-it{border-bottom:1px solid var(--lijn);border-left:3px solid transparent}.tk-it:last-child{border-bottom:none}.tk-it.open{background:#fbfcff}.tk-it.af .tk-t{text-decoration:line-through;color:var(--grijs)}.tk-row{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:10px 14px}.tk-row:hover{background:#f7faff}.tk-cb{width:19px;height:19px;border-radius:50%;border:2px solid var(--lijn);background:none;cursor:pointer;flex:none;margin-top:2px;padding:0;position:relative}.tk-cb:hover{background:#eef4ff}.tk-cb.on{background:var(--groen);border-color:var(--groen)}.tk-cb.on:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.tk-mid{min-width:0;cursor:pointer}.tk-t{font-size:13.5px;font-weight:600;color:var(--inkt);line-height:1.35;word-break:break-word}.tk-meta{display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:5px;align-items:center}.tk-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--ijs);color:var(--grijs);border:1px solid var(--lijn);white-space:nowrap}.tk-pill.proj{background:#eef4ff;color:var(--blauw);border-color:#c9d8ff}.tk-pill.lab{background:#f3eeff;color:#5b4ab7;border-color:#dcd2f7}.tk-pill.own{background:#f1f3f8;color:var(--grijs)}.tk-pill.wacht{background:#fff1db;color:#b4740a;border-color:#f3dca6}.tk-pill.klant{background:#eaf7ee;color:#15803d;border-color:#c7e9d3}.tk-pill.sub{background:var(--wit)}.tk-right{display:flex;align-items:center;gap:9px;white-space:nowrap;margin-top:1px}.tk-date{font-size:11.5px;font-weight:700;color:var(--grijs)}.tk-date.over{color:#d22f2f}.tk-date.vandaag{color:#0b7a3e}.tk-prio{font-family:var(--display);font-weight:800;font-size:10px;padding:1px 6px;border-radius:6px;color:#fff}.tk-panel{display:none;padding:0 14px 15px 44px}.tk-it.open .tk-panel{display:block}.tk-f{margin-bottom:10px}.tk-f label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--grijs);margin-bottom:4px}.tk-f input,.tk-f select,.tk-f textarea{width:100%;padding:8px 10px;border:1px solid var(--lijn);border-radius:8px;font-family:var(--body);font-size:12.5px;color:var(--inkt);background:var(--wit)}.tk-f textarea{resize:vertical;min-height:58px;line-height:1.5}.tk-4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.tk-3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tk-subs{margin:2px 0 10px}.tk-sub{display:flex;align-items:center;gap:8px;padding:4px 0}.tk-sub input[type=checkbox]{width:15px;height:15px;accent-color:var(--groen);flex:none}.tk-sub .st{flex:1;font-size:12.5px;color:var(--inkt)}.tk-sub.d .st{text-decoration:line-through;color:var(--grijs)}.tk-sub .x{border:none;background:none;color:var(--grijs);cursor:pointer;font-size:15px;line-height:1;padding:0 4px}.tk-sub .x:hover{color:#d22f2f}.tk-subadd{display:flex;gap:7px;margin-top:5px}.tk-subadd input{flex:1;padding:6px 9px;border:1px dashed var(--lijn);border-radius:8px;font-family:var(--body);font-size:12px}.tk-acts{display:flex;align-items:center;gap:11px;margin-top:6px;flex-wrap:wrap}.tk-del{background:none;border:1px solid var(--lijn);border-radius:8px;padding:6px 12px;font-family:var(--display);font-weight:600;font-size:11.5px;color:var(--grijs);cursor:pointer}.tk-del:hover{border-color:#d22f2f;color:#d22f2f}.tk-saved{color:var(--groen);font-size:11px;font-weight:600;opacity:0;transition:opacity .2s}.tk-saved.on{opacity:1}.tk-empty{max-width:940px;background:var(--wit);border:1px dashed var(--lijn);border-radius:12px;padding:26px;text-align:center;color:var(--grijs)}.tk-empty b{color:var(--inkt);font-family:var(--display)}.tk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 14px;max-width:640px}.tk-bron{font-size:11px;color:var(--blauw);text-decoration:none;font-weight:600}@media (max-width:640px){.tk-4,.tk-3{grid-template-columns:1fr 1fr}.tk-kpis{grid-template-columns:repeat(2,1fr)}.tk-panel{padding-left:14px}.tk-row{grid-template-columns:auto 1fr}.tk-right{grid-column:2;margin-top:6px}}