.messages-shell{display:grid;grid-template-columns:300px minmax(0,1fr);width:min(1100px,calc(100% - 32px));margin:25px auto 100px;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:450px}.messages-shell>aside{padding:20px;border-right:1px solid var(--line)}.messages-shell>aside>button{display:block;width:100%;padding:16px;margin-top:10px;text-align:left;border:1px solid var(--line);border-radius:8px;background:white}.messages-shell>aside>button.active{background:#eff6ff;border-color:var(--blue)}.messages-shell aside span{display:block;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-shell small{color:#8091a5;font-size:11px}.messages-conversation{min-width:0;padding:22px;background:#f8fbff}.message-history{max-height:60vh;overflow:auto}.message-history article{padding:16px;margin-bottom:12px;background:white;border:1px solid var(--line);border-radius:8px}.message-history header{display:flex;justify-content:space-between;gap:12px}.message-history p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.messages-conversation form{display:flex;gap:10px;padding-top:18px}.messages-conversation textarea{flex:1 1;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;min-height:80px}.messages-conversation form button{padding:15px;border:0;border-radius:8px;background:var(--blue);color:white}.messages-conversation button:disabled{opacity:.5}@media(max-width:700px){.messages-shell{grid-template-columns:1fr}.messages-shell>aside{max-height:220px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.messages-conversation{padding:12px}.message-history header{flex-wrap:wrap}}