.task-comments{margin:24px 28px 28px;padding-top:24px;border-top:1px solid #e5e8f1}
.comments-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.comments-heading h3{margin:5px 0;font-size:17px;color:#263451}
.comments-heading>span{background:#eef0fa;border-radius:20px;padding:5px 12px;color:#747eb0;font-size:12px}
.comments-intro,.comments-empty,.comments-readonly{color:#818b9c;font-size:12px;line-height:1.7}
.comments-list{display:grid;gap:12px;margin:18px 0;max-height:350px;overflow:auto;overscroll-behavior:contain}
.task-comment{padding:16px 18px;background:#f6f7fb;border:1px solid #e8eaf2;border-radius:12px}
.comment-author{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.comment-author strong{font-size:12px;color:#34435e}
.comment-author time{font-size:10px;color:#8993a4}
.task-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;margin:9px 0 0;color:#536079}
#taskCommentForm label{display:grid;gap:9px;font-size:12px;color:#526079}
#taskCommentBody{width:100%;box-sizing:border-box;resize:vertical;min-height:95px;background:#fff;border:1px solid #dfe3ee;border-radius:11px;padding:14px;font:inherit;color:#34435e;line-height:1.6}
#taskCommentBody:focus{outline:2px solid #b3b9dd;outline-offset:2px}
.comment-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.comment-compose-footer small{color:#8993a4;font-size:11px}
.deletion-impact{background:#fcf2f2;border:1px solid #efdbdf;border-radius:12px;padding:16px;margin:15px 0;font-size:13px;line-height:1.7;color:#834c57}
.deletion-impact ul{padding-left:22px}.deletion-impact details{margin:10px 0}.deletion-impact summary{cursor:pointer}
@media(max-width:600px){.task-comments{margin:20px 16px}.comment-compose-footer{align-items:stretch;flex-direction:column}.comment-compose-footer button{width:100%}}