.comm-nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:auto;border-radius:999px;background:#b3261e;color:#fff;font-size:11px;font-style:normal}.comm-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:12px}.comm-summary>div{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid #d9e0e8;border-radius:14px;background:#fff}.comm-summary small{color:#68717e}.comm-summary b{font-size:22px;color:#15263d}.comm-actions{display:flex;gap:8px;justify-content:flex-end;margin:8px 0}.comm-tabs{display:flex;gap:5px;border-bottom:1px solid #d9e0e8}.comm-tabs button{border:0;border-radius:10px 10px 0 0;background:#edf1f6}.comm-tabs button.active{background:#155ca4;color:#fff}.comm-workspace{display:grid;grid-template-columns:minmax(280px,34%) minmax(420px,1fr);height:min(700px,calc(100vh - 255px));min-height:480px;border:1px solid #d9e0e8;border-radius:0 14px 14px 14px;overflow:hidden;background:#fff}.comm-list{border-right:1px solid #d9e0e8;overflow-y:auto;background:#f7f9fc}.comm-list-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:13px;background:#fff;border-bottom:1px solid #e0e5ec}.comm-list-head button{padding:6px 9px;font-size:12px}.comm-chat-card,.comm-notice{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;text-align:left;padding:13px;border:0;border-bottom:1px solid #e4e8ee;border-radius:0;background:transparent;color:#182331}.comm-chat-card:hover,.comm-chat-card.selected,.comm-notice:hover{background:#e8f1fb}.comm-chat-card>div,.comm-notice>div{min-width:0}.comm-chat-card b,.comm-notice b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-chat-card p,.comm-notice p{margin:4px 0;color:#596575;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.comm-chat-card small,.comm-notice small{color:#7a8492}.comm-chat-card i{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#b3261e;color:#fff;font-size:11px;font-style:normal}.comm-avatar,.comm-notice>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dbe9f8;color:#155ca4;font-weight:800}.comm-notice.unread{background:#fff8e3}.comm-notice.read{opacity:.72}.comm-thread{display:flex;flex-direction:column;min-width:0;overflow:hidden}.comm-thread-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #d9e0e8;background:#fff}.comm-thread-head h3,.comm-thread-head p{margin:0 0 3px}.comm-thread-head small{display:block;max-width:720px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#68717e}.comm-messages{flex:1;overflow-y:auto;padding:18px;background:#f1f4f8}.comm-message{width:min(78%,680px);margin:0 0 14px;padding:10px 12px;border:1px solid #d9e0e8;border-radius:4px 14px 14px;background:#fff;box-shadow:0 2px 8px #25364b0d}.comm-message.mine{margin-left:auto;border-radius:14px 4px 14px 14px;background:#e4f2ff}.comm-message>div:first-child{display:flex;justify-content:space-between;gap:10px}.comm-message p{margin:7px 0;overflow-wrap:anywhere}.comm-message small{color:#77818d}.comm-message blockquote{margin:7px 0;padding:6px 8px;border-left:3px solid #6b91b7;background:#eef3f8;color:#54606d;font-size:12px}.comm-message>button{border:0;background:transparent;color:#155ca4;padding:3px 0;font-size:12px}.comm-message>a{display:inline-block;margin-right:12px;color:#0b5fab;overflow-wrap:anywhere}.comm-composer{padding:10px 12px;border-top:1px solid #d9e0e8;background:#fff}.comm-composer textarea{width:100%;min-height:72px;resize:vertical}.comm-mention-tools,.comm-compose-foot{display:flex;gap:7px;margin-bottom:7px}.comm-mention-tools select{max-width:260px}.comm-mention-tools button{padding:7px 10px}.comm-compose-foot input{flex:1}.comm-composer>small{color:#6a7582}.comm-reply-preview{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;margin-bottom:7px;border-left:3px solid #155ca4;background:#eef4fb;font-size:12px}.comm-reply-preview button{border:0;background:transparent}.comm-empty,.comm-none{padding:28px;text-align:center;color:#68717e}.comm-dialog{width:min(650px,94vw)}.comm-dialog form{display:grid;gap:13px}.comm-dialog label{display:grid;gap:5px}.comm-dialog fieldset{border:1px solid #d9e0e8;border-radius:12px}.comm-member-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:280px;overflow-y:auto}.comm-member-choices label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#f4f7fa}.comm-member-choices span{display:flex;flex-direction:column}.comm-member-choices small{color:#6f7985}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.comm-project-mention{display:flex;gap:7px;grid-column:1/-1}.comm-project-mention select{min-width:230px}.comm-project-mention button{padding:8px 10px}
@media(max-width:900px){.comm-summary{grid-template-columns:repeat(2,1fr)}.comm-workspace{grid-template-columns:1fr;height:auto;min-height:0}.comm-list{max-height:300px;border-right:0;border-bottom:1px solid #d9e0e8}.comm-thread{min-height:520px}.comm-member-choices{grid-template-columns:1fr}}