.chat-card{max-width:720px}.new-chat{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:16px}.new-chat select{border:1px solid #cbd9de;border-radius:11px;padding:12px;font:inherit;background:white}.conversation-list{display:grid;gap:10px;margin-bottom:16px}.conversation-item{width:100%;display:grid;grid-template-columns:1fr auto;text-align:right;background:#f7fbfa;color:#183047;border:1px solid #dce8e7}.conversation-item:hover{background:#eaf5f2}.conversation-item small{color:#71828c;font-weight:400}.conversation-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.chat-header{display:flex;justify-content:space-between;align-items:flex-start}.chat-messages{height:min(55vh,520px);overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:14px;background:#edf3f6;border-radius:15px;margin-bottom:12px}.chat-message{max-width:82%;padding:10px 13px;border-radius:15px;background:white;align-self:flex-start;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.mine{align-self:flex-end;background:#0e746b;color:white}.chat-message time{display:block;font-size:.68rem;opacity:.7;margin-top:5px;direction:ltr}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-compose textarea{resize:none;border:1px solid #cbd9de;border-radius:11px;padding:12px;font:inherit;direction:auto}.danger-button{width:100%;background:#8b2d34;margin-top:12px}.danger-button:hover{background:#712129}@media(max-width:580px){.new-chat,.chat-compose{grid-template-columns:1fr}.conversation-preview{max-width:230px}.chat-card{padding:15px}.chat-messages{height:50vh}}