#quoteOverlay .quote-activity,#detailOverlay .quote-activity{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#quoteOverlay .quote-actions,#quoteOverlay .activity-title,#detailOverlay .quote-actions,#detailOverlay .activity-title{flex-shrink:0}
.activity-list.document-comments{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px;overflow:hidden;padding:0}
.document-comment-history{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:3px}
.document-comment-history .activity-card{margin-bottom:10px}
.document-comment{margin:0 0 10px 12px;padding:10px 12px;border:1px solid #d9e8f6;border-radius:8px 8px 2px 8px;background:#edf5fc;min-width:0}
.document-comment-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:10px}
.document-comment-meta strong{overflow-wrap:anywhere;color:#346486}
.document-comment-meta time{font-size:9px;white-space:nowrap;color:var(--muted)}
.document-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.document-comment-composer{flex:0 0 auto;min-width:0}
.document-comment-composer label{display:block;margin-bottom:5px;font-size:11px;color:#64717c}
.document-comment-composer textarea{display:block;width:100%;height:74px;resize:none;border:1px solid #cfd5db;border-radius:5px;background:#fff;padding:9px;line-height:1.4}
.document-comment-composer textarea:focus{outline:2px solid rgba(47,131,204,.18);border-color:var(--blue)}
.document-comment-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}
.document-comment-footer span{font-size:9px;line-height:1.4;color:var(--muted)}
.document-comment-thread{min-width:0;margin-top:12px}
.document-comment-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;min-width:0}
.document-comment-attach{border:0;background:transparent;color:#426e98;padding:3px 0;font:inherit;font-size:11px;cursor:pointer}
.document-comment-selected{display:flex;align-items:center;gap:6px;max-width:100%;padding:4px 7px;background:#eef3f8;border-radius:4px;font-size:10px}
.document-comment-selected[hidden]{display:none}
.document-comment-selected span{min-width:0;overflow-wrap:anywhere}
.document-comment-selected button{flex:none;border:0;background:transparent;color:#677580;cursor:pointer;font-size:16px;padding:0 3px}
.document-comment-file{margin-top:7px;padding:6px 8px;border:1px solid #cddfeb;border-radius:4px;font-size:10px;overflow-wrap:anywhere;background:#f6faff}
.document-comments-approval.activity-list{gap:20px}
.document-comments-approval .document-comment-composer{border:1px solid #d5d9df;border-radius:12px;padding:10px 12px;background:#fff}
.document-comments-approval .document-comment-composer:focus-within{border-color:#88a8c9;box-shadow:0 0 0 2px rgba(75,128,180,.08)}
.document-comments-approval .document-comment-composer textarea{height:64px;border:0;border-radius:0;padding:4px 2px;font:inherit;font-size:12px;line-height:1.5;background:transparent;box-shadow:none}
.document-comments-approval .document-comment-composer textarea::placeholder{color:#949ba4}
.document-comments-approval .document-comment-composer textarea:focus{outline:none;border:0}
.document-comments-approval .document-comment-footer{margin-top:5px;gap:8px}
.document-comments-approval .document-comment-attachments{flex-wrap:nowrap;gap:10px;margin:0}
.document-comments-approval .document-comment-attach{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:5px;padding:3px;color:#687382;background:transparent}
.document-comments-approval .document-comment-attach:hover{background:#eef3f8;color:#4b80b4}
.document-comments-approval .document-comment-attach:focus-visible{outline:2px solid #4b80b4;outline-offset:2px}
.document-comments-approval .document-comment-attach svg{width:22px;height:22px;pointer-events:none}
.document-comments-approval .document-comment-footer .btn{min-height:32px;padding:5px 16px;border-radius:9px;font-size:12px}
.document-comments-approval .document-comment-footer .btn:disabled{background:#bacde1;border-color:#bacde1;color:#fff;opacity:1}
.document-comments-approval .document-comment-selected{margin-top:9px;color:#4b80b4;background:#f3f7fa}
.document-comments-approval .document-comment{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:0;border:0;border-radius:0;background:transparent}
.document-comments-approval .document-comment-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin-top:28px;border-radius:50%;color:#fff;font-size:11px;font-weight:600}
.document-comments-approval .document-comment-content{flex:1;min-width:0}
.document-comments-approval .document-comment-meta{justify-content:flex-start;flex-wrap:wrap;gap:3px 7px;margin:0 0 8px;font-size:12px;line-height:1.4}
.document-comments-approval .document-comment-meta strong{color:#202b36;font-weight:600}
.document-comments-approval .document-comment-meta time{font-size:10px;color:#939cab;white-space:normal}
.document-comments-approval .document-comment-text{padding:12px 13px;border:1px solid #e9ecef;border-radius:10px;background:#fbfcfd;font-size:12px;line-height:1.55}
.document-comments-approval .document-comment-file{display:flex;align-items:center;gap:6px;margin-top:6px;padding:0;border:0;border-radius:0;background:transparent;color:#5488b9;font-size:11px;line-height:1.5}
.document-comments-approval .document-comment-file svg{flex:0 0 16px;width:16px;height:16px}
.document-comments-approval .document-comment-file span{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){#quoteOverlay .quote-activity,#detailOverlay .quote-activity{height:350px;min-height:350px;max-height:350px}.activity-list.document-comments{max-height:none}}

.document-comment-avatar-tone-0{background:#64ae7b}
.document-comment-avatar-tone-1{background:#668bb8}
.document-comment-avatar-tone-2{background:#aa819d}
.document-comment-avatar-tone-3{background:#b69761}