.view-chat{padding:24px;margin:0 0 24px;box-sizing:border-box;width:100%;border:1px solid #cddfe8;background:linear-gradient(130deg,#f6fcff,#fff)}.view-chat>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.view-chat h2{margin:4px 0}.view-chat .eyebrow{margin:0}.view-chat-scope{font-size:.9rem;color:#476273;line-height:1.6}.view-chat-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.view-chat-prompts[hidden]{display:none}.view-chat-prompts button,.view-chat .secondary-button{border:1px solid #bfd5e0;background:#fff;color:#24536a;padding:9px 13px;border-radius:12px;font:inherit;cursor:pointer}.view-chat-messages{display:flex;flex-direction:column;gap:14px;max-height:450px;overflow:auto}.view-chat-message{padding:14px 18px;border-radius:14px;background:#eef6fa;overflow-wrap:anywhere}.view-chat-message.user{align-self:flex-end;max-width:90%;background:#e4f0f6}.view-chat-message p{white-space:pre-wrap;line-height:1.65;margin:8px 0 0}.view-chat-message nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.view-chat-form label{display:block;margin-bottom:8px;font-weight:600}.view-chat-form>div{display:flex;align-items:flex-end;gap:12px}.view-chat-form textarea{flex:1;min-width:0;width:100%;border:1px solid #bdd1dc;border-radius:12px;padding:12px;font:inherit;resize:vertical;min-height:65px;max-height:200px;background:white}.view-chat-form button{padding:12px 20px;border:0;border-radius:12px;background:#087c9f;color:white;font:inherit;font-weight:700;cursor:pointer}.view-chat>small{display:block;margin-top:10px;color:#5c7480;line-height:1.5}.view-chat-status{color:#355b70;min-height:1.2em;margin:10px 0}.view-chat-status.working:before{content:'';display:inline-block;width:12px;height:12px;margin-right:10px;border:2px solid #bdd7e1;border-top-color:#0787aa;border-radius:50%;animation:tt-spin 1s linear infinite}.view-chat button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.view-chat{padding:16px}.view-chat>header{align-items:start}.view-chat h2{font-size:1.2rem}.view-chat-form>div{flex-wrap:wrap}.view-chat-form textarea{flex-basis:100%}.view-chat-prompts button{width:100%;text-align:left}}@media(prefers-reduced-motion:reduce){.view-chat-status.working:before{animation:none}}