.messages-layout{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:390px 1fr;min-height:calc(100vh - 86px);display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--line)}.conversation-list>header{padding:22px}.conversation-link{border-top:1px solid var(--line);padding:18px 20px;display:block}.conversation-link.active{border-left:5px solid var(--blue);background:#e8f5fa}.conversation-link strong,.conversation-link small{display:block}.conversation-link small{color:var(--muted);margin-top:5px}.conversation-panel{flex-direction:column;min-width:0;display:flex}.conversation-panel>header{border-bottom:1px solid var(--line);padding:22px}.document-chat{border:1px solid var(--line);background:#fff;border-radius:7px;margin-top:25px;overflow:hidden}.conversation-panel .document-chat{border:0;border-radius:0;flex:1;margin:0}.document-chat>header{border-bottom:1px solid var(--line);background:#f7fafb;justify-content:space-between;padding:18px 22px;display:flex}.document-chat>header strong,.document-chat>header small{display:block}.document-chat>header small{color:var(--muted);margin-bottom:5px}.chat-messages{background:#fbfdfd;flex-direction:column;gap:13px;min-height:260px;max-height:520px;padding:22px;display:flex;overflow:auto}.conversation-panel .chat-messages{flex:1;max-height:none}.chat-message{border:1px solid var(--line);background:#fff;border-radius:12px 12px 12px 3px;max-width:75%;padding:14px 16px}.chat-message.mine{background:#e8f6fb;border-color:#acd0df;border-radius:12px 12px 3px;align-self:flex-end}.chat-message>div{justify-content:space-between;gap:25px;display:flex}.chat-message small{color:var(--muted)}.chat-message p{margin:9px 0 0;line-height:1.55}.chat-empty{color:var(--muted);margin:auto}.chat-composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:12px;padding:18px;display:grid}.chat-composer textarea{border:1px solid var(--line);resize:vertical;border-radius:5px;min-height:80px;padding:13px}.chat-composer .btn{align-self:end}.messages-empty{color:var(--muted);margin:auto}@media (width<=850px){.messages-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.chat-message{max-width:90%}}