.tk-box { margin:14px 0; }
.tk-item { padding:10px 12px; border:1px solid var(--border-color); border-radius:12px; margin-bottom:8px; }
.tk-item.tk-dim { opacity:.72; border-style:dashed; }
.tk-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tk-ico { width:20px; height:20px; border-radius:5px; object-fit:contain; flex:none; }
.tk-ico-t { display:grid; place-items:center; font-size:15px; }
.tk-body { margin-top:6px; overflow-wrap:anywhere; }
.tk-answer { margin:8px 0 0 12px; padding:8px 10px; border-inline-start:3px solid var(--primary,#2563eb); background:var(--bg-soft,#f6f7f9); border-radius:0 10px 10px 0; }
.tk-mark { font-size:12px; padding:1px 7px; border-radius:999px; background:var(--bg-soft,#f1f5f9); color:var(--text-muted); }
.tk-acts { margin-inline-start:auto; display:flex; gap:6px; flex-wrap:wrap; }
.tk-acts .kh-btn { padding:2px 8px; font-size:12px; }
.tk-queue { margin-bottom:8px; }
.tk-tabs { display:flex; gap:6px; margin-bottom:8px; flex-wrap:wrap; }
.tk-tab { padding:5px 12px; border:1px solid var(--border-color); border-radius:999px; background:none; cursor:pointer; }
.tk-tab.on { background:var(--primary,#2563eb); color:#fff; border-color:var(--primary,#2563eb); }
.tk-tab .tk-n { opacity:.7; font-size:12px; }
.tk-pane.tk-off { display:none; }
.tk-form { display:flex; flex-direction:column; gap:6px; margin-top:10px; }
.tk-pane > .tk-form { margin-top:14px; }