.chat-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:1.5rem;min-height:70vh}.chat-inbox{display:flex;flex-direction:column;gap:1rem}.chat-compose,.chat-inbox form{display:grid;gap:1rem}.chat-thread{display:grid;text-align:left;gap:.5rem;padding:1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:1rem;cursor:pointer}.chat-thread.selected{border-color:var(--accent)}.chat-thread span{font-size:.875rem}.chat-conversation{min-width:0;display:flex;flex-direction:column;gap:1rem}.chat-conversation header{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.chat-stream{display:flex;flex-direction:column;gap:1rem;max-height:55vh;overflow:auto;padding:1rem}.chat-bubble{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1rem;max-width:85%;overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;border-color:var(--accent)}.chat-bubble p{white-space:pre-wrap}.chat-bubble small{font-size:.875rem}.chat-bubble>button{margin-top:.5rem}.chat-compose{border-top:1px solid var(--border);padding-top:1rem}.chat-empty{margin:auto;text-align:center;max-width:32rem}@media (max-width:760px){.chat-layout{grid-template-columns:1fr}.chat-inbox{max-height:40vh;overflow:auto}.chat-bubble{max-width:95%}.chat-stream{max-height:55vh}}