.taskflow{background:#fafafa;border:1px solid #f0f0f3;border-radius:14px;min-height:132px;margin-top:12px;padding:12px;position:relative}.tf-biz{color:#8a8a94;font-size:10.5px;font-weight:700;position:absolute;top:10px;right:12px}.tf-row{align-items:flex-start;gap:9px;margin-bottom:8px;display:flex}.tf-row.out{animation:.45s ease-out tf-in}.tf-row.back{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(6px)}.tf-row.back.in{opacity:1;transform:none}.tf-tag{letter-spacing:.08em;color:#4b5a53;text-align:center;background:#eceff1;border-radius:6px;flex:none;min-width:42px;padding:4px 7px;font-size:9.5px;font-weight:800}.tf-tag.done{color:#17803d;background:#e7f7ed}.tf-tag.progress{color:#1d4e89;background:#e8f0ff}.tf-tag.blocked,.tf-tag.late{color:#c2410c;background:#ffe6e6}.tf-row b{color:#151515;font-size:12.5px;line-height:1.4;display:block}.tf-row b.done{color:#17803d}.tf-row b.blocked,.tf-row b.late{color:#c2410c}.tf-row small{color:#8a8a94;margin-top:2px;font-size:11px;display:block}.tf-typing{gap:4px;padding:6px 2px;display:inline-flex}.tf-typing i{background:#c3c3cc;border-radius:50%;width:5px;height:5px;animation:1.1s infinite tf-dot}.tf-typing i:nth-child(2){animation-delay:.18s}.tf-typing i:nth-child(3){animation-delay:.36s}.tf-note{color:#9a9aa4;margin-top:2px;font-size:10.5px;display:block}@keyframes tf-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes tf-dot{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.tf-row,.tf-row.out{opacity:1;transition:none;animation:none;transform:none}.tf-typing i{animation:none}}