.chat-workspace{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);height: min(720px,78dvh)}.chat-workspace .chat-threads{position:static;height:auto;min-height:0;background:var(--soft);padding:16px;overflow:auto;color:var(--ink);display:block}.chat-thread{display:block;width:100%;text-align:left;background:var(--surface);color:var(--ink);padding:14px;margin-top:8px;overflow-wrap:anywhere;border:1px solid var(--border)}.chat-thread.active{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.chat-thread small{display:block;color:var(--muted);margin-top:5px}.chat-conversation{padding:16px;min-height:0;display:flex;flex-direction:column;min-width:0}.chat-conversation h2{font-size:17px;overflow-wrap:anywhere;margin:10px 0}.chat-conversation #chat-messages{flex:1;min-height:90px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px 4px;overscroll-behavior:contain}.chat-bubble{align-self:flex-start;max-width:85%;padding:10px 14px;border:1px solid var(--border);border-radius:16px 16px 16px 3px;background:var(--soft);overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;border-radius:16px 16px 3px 16px;background:var(--accent);color:var(--accent-on,#fff)}.chat-bubble p{white-space:pre-wrap;margin:5px 0}.chat-bubble small,.chat-bubble time{font-size:11px;opacity:.85}.chat-conversation form{display:flex;gap:10px;align-items:end;border-top:1px solid var(--border);padding-top:12px}.chat-conversation form[hidden]{display:none}.chat-conversation form label{flex:1}.chat-conversation textarea{resize:vertical;max-height:160px}.chat-conversation #chat-status{font-size:12px;margin:5px 0}#chat-back{display:none}
@media(max-width:700px){.chat-workspace{display:block;height:76dvh;min-height:420px}.chat-workspace .chat-threads{height:100%;border:0}.chat-conversation{display:none;height:100%}.conversation-open .chat-threads{display:none}.conversation-open .chat-conversation{display:flex}#chat-back{display:block;align-self:start}.chat-conversation form{flex-wrap:wrap}.chat-conversation form label{flex-basis:100%}.chat-conversation form button{width:100%}}