
.comment-thread{margin:20px 0;background:var(--surface,#262320);color:var(--text,#f4f0e5);min-width:0}
.thread-history{max-height:65vh;overflow:auto}
.thread-message{border-bottom:1px solid #514b45;padding:18px 0;overflow-wrap:anywhere;scroll-margin-top:100px}
.thread-message .comment-body{color:#f0d77a}
.thread-message:target{outline:2px solid #dfccb1;outline-offset:4px}
.thread-reply{padding-left:16px;border-left:2px solid #645e56}
.thread-message .comment-top{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}
.thread-composer{border-top:1px solid #514b45;padding-top:20px;display:grid;gap:10px}
.comment-thread textarea,.thread-message textarea{width:100%;box-sizing:border-box;background:#201e1b;color:#f4f0e5;border:1px solid #645e56;border-radius:8px;padding:12px}
.thread-audience{padding:12px;border:1px solid #645e56;border-radius:8px}
.thread-audience label{display:inline-flex;align-items:center;gap:8px}
.thread-audience input[type=checkbox]{width:auto}
.comment-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}
.comment-filter input{max-width:100%}
.thread-message details{margin-top:12px}
.thread-message form{display:grid;gap:8px}
@media(max-width:600px){.thread-history{max-height:none}.comment-thread{padding:16px}.thread-message .crm-badge{white-space:normal}.thread-audience{padding:8px}}

.review-layout.conversation-review{grid-template-columns:minmax(0,1fr)}

.project-summary .progress-track{display:block;height:8px;min-height:8px;background:#4b453f;border-radius:8px;overflow:hidden;margin:10px 0;width:100%}
.project-summary .progress-track span{display:block;height:100%;background:#eee6d5;border-radius:8px}
