/* Explicit flex bases prevent generic dialog span rules stretching avatars. */
.chat-avatar,.chat-header .chat-avatar,.chat-person .chat-avatar{border-radius:50%;flex:0 0 46px;width:46px;height:46px;aspect-ratio:1;overflow:hidden}
.chat-avatar img{display:block;object-fit:cover;object-position:center;width:100%;height:100%}
.chat-header .chat-avatar{flex-basis:40px;width:40px;height:40px}
.chat-person .chat-avatar{flex-basis:40px;width:40px;height:40px}
.chat-person .chat-person-copy{flex:1;min-width:0;display:block}
.chat-person-copy strong{display:block;font-size:14px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chat-person-copy small{display:block;font-size:12px;color:#7b8c94;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.chat-room-top{display:grid;grid-template-columns:minmax(0,1fr) 43px;align-items:baseline;gap:8px}
.chat-room-top b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-room-top time{width:43px;min-width:43px;text-align:right;white-space:nowrap;line-height:1.4;font-variant-numeric:tabular-nums}
.chat-room-preview{min-width:0}.chat-room-preview>span{min-width:0}.chat-room-copy{min-width:0;overflow:hidden}
.chat-send{padding:0;display:flex;align-items:center;justify-content:center;line-height:1}
.chat-send svg{display:block;width:22px;height:22px;flex:0 0 22px;margin:0}
.chat-message-menu{display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:1}
.chat-message-menu svg{width:18px;height:18px}
.chat-search-section{margin:10px 0 14px}.chat-search-section h3{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#83919b;margin:12px}
.chat-search-message{display:block;width:100%;padding:12px;border:0;border-bottom:1px solid #edf1ef;text-align:left;background:#fff;cursor:pointer;color:#293e35}
.chat-search-message:hover,.chat-person:hover{background:#f1f7f4}.chat-search-message .chat-room-top{grid-template-columns:minmax(0,1fr) auto;font-size:13px}.chat-search-message time{font-size:10px;width:auto}
.chat-search-snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;color:#75887d;margin-top:5px}
.chat-action-selected{outline:2px solid #7aaa93;outline-offset:2px}
.chat-popover{position:fixed;z-index:1500;background:#fff;color:#2b4037;border:1px solid #dfe8e2;border-radius:15px;box-shadow:0 10px 45px #1736242b;padding:6px;width:280px;overflow:auto;overscroll-behavior:contain}
.chat-popover-message{width:280px}.chat-popover-reactions{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;padding:3px 0 8px;border-bottom:1px solid #edf1ee;margin-bottom:4px}
.chat-popover-reactions button{background:none;border:0;border-radius:9px;padding:0;min-width:0;min-height:42px;font-size:23px;cursor:pointer}
.chat-popover-reactions button:hover{background:#edf5f0}
.chat-popover-action{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:11px 12px;border-radius:9px;min-height:42px;cursor:pointer;color:inherit;font-size:13px}
.chat-popover-action svg{width:18px;height:18px;flex:0 0 18px}.chat-popover-action:hover{background:#f0f6f2}.chat-popover-action.danger{color:#b5374c}
.chat-delete-question{font-size:14px;padding:14px 10px}.chat-delete-actions{display:flex;gap:8px;padding:8px}.chat-delete-actions .btn{flex:1}
.chat-popover-mention{width:370px;padding:9px}.chat-mention-search{width:100%;font:inherit;font-size:16px;border:1px solid #dfe7e2;background:#f5f8f6;border-radius:10px;padding:10px 12px;min-height:42px}
.chat-mention-list{max-height:230px;overflow:auto;margin-top:7px;position:relative;overscroll-behavior:contain}.chat-mention-list .chat-person{border-radius:10px;min-height:55px}.chat-mention-list .selected{background:#edf6f0}
@media(pointer:coarse){.chat-message-menu{opacity:0;pointer-events:none}.chat-message-menu:focus-visible{opacity:1;pointer-events:auto}.chat-bubble{-webkit-touch-callout:none}.chat-popover-action{min-height:46px}}
@media(max-width:720px){
 html.chat-viewport-locked,html.chat-viewport-locked body{overflow:hidden;overscroll-behavior:none}
 html.chat-viewport-locked body{position:fixed;inset:0;width:100%}
 body.chat-open .topbar{position:fixed;top:var(--chat-viewport-top,0px);left:0;right:0;width:100%;z-index:80}
 body.chat-open #content{position:fixed!important;top:var(--chat-content-top,60px);left:0;right:0;width:100%;height:var(--chat-mobile-height,calc(100dvh - 148px));overflow:hidden;min-height:0!important}
 body.chat-open #content>.chat-screen{height:100%;min-height:0}
 body.chat-keyboard #mobileNav{display:none!important}
 .chat-header .chat-avatar{flex-basis:36px;width:36px;height:36px}
 .chat-header,.chat-compose,.chat-pins,.chat-live-status{flex-shrink:0}
 .chat-compose{padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}
 body.chat-keyboard .chat-compose{padding-bottom:9px}
 .chat-compose-row{align-items:center}.chat-send{width:42px;height:42px;min-width:42px}
 .chat-thread{min-height:0;touch-action:pan-y;overflow-y:auto;-webkit-overflow-scrolling:touch}
 .chat-popover-mention{width:calc(100vw - 20px);max-width:370px}
 .chat-mention-list{max-height:180px}
}