/* WStudio 2026-10-04 — تعليقاتُ المشروع بشكل شات: فقاعاتٌ، رسائلي يميناً، مرفقاتٌ كبطاقات.
 * ألوانٌ محايدة (شفافيات فوق لون البطاقة) كي تناسب الوضعَين الفاتح والداكن بلا تمييز للثيم. */
.ws-project-chat { display:flex; flex-direction:column; min-height:320px; background:transparent; }
.ws-project-chat .ws-chat-scroll { max-height:60vh; overflow-y:auto; padding:14px 14px 4px; }
.ws-project-chat .comment-container { border:0 !important; padding:4px 0 !important; margin:0 0 6px !important; background:transparent !important; }
.ws-project-chat .comment-container .d-flex { align-items:flex-end; }
.ws-project-chat .comment-container .w-100.ps-2 { max-width:78%; background:rgba(127,127,127,.12); border:1px solid rgba(127,127,127,.14); border-radius:16px 16px 16px 4px; padding:10px 14px !important; }
.ws-project-chat .comment-container .w-100.ps-2 > .mb5 { margin-bottom:2px !important; }
.ws-project-chat .comment-container p { margin:4px 0 2px; white-space:pre-wrap; }
.ws-project-chat .comment-container .comment-avatar .avatar { width:30px; height:30px; }
.ws-project-chat .comment-mine .d-flex { flex-direction:row-reverse; }
.ws-project-chat .comment-mine .comment-avatar { display:none; }
.ws-project-chat .comment-mine .w-100.ps-2 { background:rgba(var(--bs-primary-rgb, 13,110,253), .18); border-color:rgba(var(--bs-primary-rgb, 13,110,253), .22); border-radius:16px 16px 4px 16px; margin-inline-start:auto; }
.ws-project-chat .comment-mine .mb5 > a.dark.strong { display:none; }
.ws-project-chat .comment-image-box .mb15 { margin-bottom:0 !important; }
.ws-project-chat .comment-image-box img { max-width:260px; border-radius:12px; }
.ws-project-chat .comment-like-top { display:none; }
.ws-project-chat .comment-dropdown .dropdown-toggle { opacity:.45; }
.ws-project-chat .ws-chat-composer { border-top:1px solid rgba(127,127,127,.18); padding:10px 14px 4px; background:transparent; }
.ws-project-chat .ws-chat-composer .comment-form-container { border:0 !important; }
.ws-project-chat .ws-chat-composer .card-footer { background:transparent; border:0 !important; padding:6px 0 0 !important; }
.ws-project-chat .ws-chat-composer .note-editor { border-radius:14px; }
.ws-project-chat .ws-chat-empty { text-align:center; opacity:.65; padding:40px 10px; }