.task-follow-history{display:grid;gap:24px;padding:8px 4px;color:#e6ece9}
.task-follow-history>header{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(120deg,#81aef018,transparent);border:1px solid #81aef025;border-radius:14px}
.task-follow-history>header>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:#81aef018;color:#a9c9f6;font-size:25px}
.task-follow-history>header small{color:#9eb8d9;font-size:11px;letter-spacing:.08em}.task-follow-history h3{font-size:20px;line-height:1.35;margin:5px 0;overflow-wrap:anywhere}
.task-follow-history h4{margin:0 0 12px;font-size:14px;color:#b3c1bb}.task-follow-history p{margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.task-follow-people>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0d}.task-follow-people>div>span{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#8aaf9b18;overflow:hidden}.task-follow-people img{width:100%;height:100%;object-fit:cover}.task-follow-people p{flex:1;min-width:0}.task-follow-people small{display:block;color:#a3b2aa;font-size:12px}.task-follow-people b{text-align:right;flex:none;font-size:16px;font-variant-numeric:tabular-nums}.task-follow-people b small{font-weight:400}
.task-follow-children{display:grid;gap:6px}.task-follow-children button{display:flex;gap:10px;align-items:center;width:100%;padding:12px;text-align:left;border:1px solid #ffffff10;border-radius:10px;background:#ffffff03;color:#dce7e1;cursor:pointer}.task-follow-children button:hover{background:#8bb6ec10;border-color:#8bb6ec45}.task-follow-children strong{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}.task-follow-children small{font-size:10px;color:#9db3cc}.task-follow-children i{font-size:20px;font-style:normal}
.task-follow-events article{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff0d}.task-follow-events article>i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#ffffff08;color:#b9c8c0;font-style:normal}.task-follow-events .is-pause>i{color:#c1a0f7;background:#a887ed16}.task-follow-events .is-work>i{color:#7ed6ae;background:#70c7a314}.task-follow-events .is-forward>i{color:#9ac7fa;background:#84b6f116}.task-follow-events article>div{flex:1;min-width:0}.task-follow-events small{display:block;color:#97aaa0;font-size:12px;margin-bottom:4px}.task-follow-events strong{font-size:14px}.task-follow-events p{color:#b2c0b8;font-size:13px;margin-top:5px}.task-follow-events article>b{white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.task-follow-empty{color:#9bada2}
.task-follow-conversation{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#85b0ee10;border:1px solid #85b0ee30;border-radius:10px;color:#b6d3fa;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
@media(max-width:550px){.task-follow-people>div{flex-wrap:wrap}.task-follow-people b{padding-left:48px;text-align:left}.task-follow-children button{flex-wrap:wrap}.task-follow-history>header{padding:12px}}