/* NodumCRM — Беседы: шапка беседы, закреплённое сообщение и участники.
   Используются существующие панели, кнопки и модальные окна. */
.chat-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.chat-head-row .actions{display:flex;gap:8px;flex-wrap:wrap}
.chat-pinned{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--nd-rule);background:rgba(139,92,255,.10)}
.chat-pinned-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;color:inherit;cursor:pointer;padding:0;font:inherit}
.chat-pinned-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--nd-accent);font-weight:700}
.chat-pinned-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.chat-pinned .muted{font-size:11.5px}
.message .msg-actions{display:flex;gap:6px;margin-top:6px;opacity:0;transition:opacity .12s ease}
.message:hover .msg-actions,.message:focus-within .msg-actions{opacity:1}
.msg-pin{font-size:11px;padding:3px 9px}
.message.is-pinned-flash{box-shadow:0 0 0 2px var(--nd-accent)}
.chat-member{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--nd-rule)}
.chat-member:last-child{border-bottom:0}
.chat-member-main{min-width:0;flex:1}
.chat-member-main b{display:block;overflow-wrap:anywhere}
.chat-member-main .muted{font-size:12px;overflow-wrap:anywhere}
.chat-member-actions{display:flex;gap:8px;flex:0 0 auto}
.chat-member-cand{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--nd-rule);border-radius:10px;margin-top:8px;cursor:pointer;background:transparent;color:inherit;font:inherit;text-align:left;width:100%}
.chat-member-cand:hover{border-color:var(--nd-accent)}
.chat-member-cand.is-chosen{border-color:var(--nd-accent);background:rgba(139,92,255,.10)}
.chat-member-cand .avatar{flex:none}
.chat-member-cand .mark{margin-left:auto;color:var(--nd-accent);font-weight:700}
.chat-group-chosen{margin-top:10px;font-size:12.5px;color:var(--nd-ink-3)}
@media(max-width:650px){
  .chat-pinned{flex-wrap:wrap}
  .chat-pinned-body{flex:1 1 100%}
  .chat-head-row .actions{width:100%}
  .chat-head-row .actions .btn{flex:1}
}