/* One topic card, with compact hierarchical replies inside it. */
.chat-conversation{border:1px solid #dce8f8;border-radius:12px;background:#fff;margin:0 0 18px;overflow:hidden;box-shadow:0 2px 8px #6593c805}
.chat-conversation .chat-message{margin:0;padding:16px 18px;gap:10px}
.chat-conversation .chat-topic{border:0;background:#fbfdff;padding-bottom:12px}
.chat-conversation .chat-message-meta{margin:2px 0 7px}
.chat-conversation .chat-bubble,.chat-conversation .mine .chat-bubble{padding:0;background:none;border:0;border-radius:0;line-height:1.8;color:#3e5a7d}
.chat-conversation .chat-message-actions{margin-top:7px}
.chat-thread-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 18px 11px 55px;background:#fbfdff}
.chat-thread-controls:empty{padding:0;height:0}
.chat-thread-controls .button{background:transparent;border:0;padding:2px 0;min-height:24px;box-shadow:none;color:#688cc4;font-size:11px}
.chat-thread-controls .text-button,.chat-reply-count{font-size:11px;color:#8c9eb8}
.chat-thread-replies{background:#f7faff;border-top:1px solid #e7effa;padding:0 18px 0 48px}
.chat-thread-replies:empty{display:none}
.chat-conversation .chat-reply-row{margin-left:var(--reply-indent,0);padding:13px 0 12px 12px;border-left:2px solid #dfebfb;border-bottom:1px solid #e7effa;border-radius:0;background:transparent;box-shadow:none}
.chat-conversation .chat-reply-row:last-child{border-bottom:0}
.chat-reply-row .chat-message-avatar .avatar{width:23px;height:23px;font-size:10px}
.chat-reply-row .chat-message-meta strong{font-size:12px}
.chat-reply-to{font-size:11px;overflow-wrap:anywhere}
.chat-reply-row .chat-message-actions{margin-top:4px}
.chat-reply-row .chat-file{background:#fff}
.chat-reply-row .chat-picture{width:185px}
.chat-reply-row .chat-image-button img{max-height:120px}
.chat-conversation .chat-match{box-shadow:inset 3px 0 #8db8f8}
.chat-focus{animation:chat-focus-flash 2.4s ease-out}
@keyframes chat-focus-flash{0%,35%{background:#e2efff}100%{background:transparent}}
.chat-mentions,.chat-selected-mentions{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}
.chat-mentions:empty,.chat-selected-mentions:empty{margin:0}
.chat-mention{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#e8f1ff;color:#427bc5;padding:2px 7px;font-size:12px;line-height:1.7;max-width:100%;overflow-wrap:anywhere}
.chat-mention.me{background:#d9eaff;color:#245eab;box-shadow:inset 0 0 0 1px #bed8fd}
.chat-mention.selected{background:#edf5ff;border:1px solid #d3e5ff}
.chat-mention button{display:inline-flex;background:none;border:0;padding:0;color:#7795bd;cursor:pointer}
.chat-mention svg{width:13px;height:13px}
.chat-composer{position:relative}
.chat-selected-mentions{max-height:65px;overflow:auto}
.chat-mention-picker{position:absolute;left:18px;bottom:calc(100% - 5px);width:min(430px,calc(100% - 36px));padding:13px;border:1px solid #cddff7;border-radius:12px;background:#fff;box-shadow:0 8px 32px #2f57812b;z-index:5}
.chat-mention-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.chat-mention-heading strong{font-size:13px;color:#416589}
.chat-mention-heading .button{min-height:25px;padding:3px 10px;font-size:11px}
.chat-mention-picker>.input{width:100%;font-size:12px;min-height:34px;padding:7px 10px;margin-bottom:6px}
.chat-mention-picker>small{display:block;font-size:10px;line-height:1.6;color:#8da0bb;margin-top:8px}
#chat-mention-options{max-height:215px;overflow:auto;overscroll-behavior:contain}
.chat-mention-option{display:flex;align-items:center;gap:10px;padding:9px 7px;border-radius:7px;cursor:pointer;margin:0}
.chat-mention-option:hover,.chat-mention-option:focus-within{background:#eff6ff}
.chat-mention-option input{width:15px;height:15px;flex:none;margin:0;accent-color:#6592df}
.chat-mention-option>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.chat-mention-option strong{font-size:12px;font-weight:500;color:#496987;overflow-wrap:anywhere}
.chat-mention-option small{font-size:10px;color:#91a2bb}
@media(prefers-reduced-motion:reduce){.chat-focus{animation:none;outline:1px solid #8db8f8}}
@media(max-width:767px){.chat-conversation{margin-bottom:13px;border-radius:9px}.chat-conversation .chat-message{padding:12px}.chat-conversation .chat-reply-row{padding:11px 0 10px 9px;margin-left:min(var(--reply-indent),32px)}.chat-thread-replies{padding:0 10px 0 15px}.chat-thread-controls{padding:0 12px 9px;gap:9px}.chat-reply-row .chat-message-avatar{display:none}.chat-mention-picker{left:10px;width:calc(100% - 20px)}#chat-mention-options{max-height:175px}.chat-compose-bottom>div{gap:6px}.chat-compose-bottom [data-act=chat-mention-open]{font-size:11px;padding:5px 8px}.chat-reply-count{font-size:10px}.chat-conversation .chat-message-meta{column-gap:5px}}