:root{--navy: #15182b;--green: #1f8a70;--blue: #2563eb;--amber: #e5733a;--bg: #f4f5f8;--line: #e2e4ea;--muted: #6b7180}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--navy)}.app{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}.header{padding:18px 20px;background:var(--navy);color:#fff}.title{font-size:18px;font-weight:700}.subtitle{font-size:13px;opacity:.7;margin-top:2px}.chat{flex:1;padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.msg{display:flex;flex-direction:column;max-width:85%}.msg.user{align-self:flex-end;align-items:flex-end}.msg.agent{align-self:flex-start;align-items:flex-start}.bubble{padding:10px 14px;border-radius:14px;line-height:1.45;font-size:14.5px;white-space:pre-wrap}.msg.user .bubble{background:var(--navy);color:#fff;border-bottom-right-radius:4px}.msg.agent .bubble{background:#eef0f5;color:var(--navy);border-bottom-left-radius:4px}.typing{letter-spacing:2px;color:var(--muted)}.badge-row{display:flex;align-items:center;gap:8px;margin-top:5px}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;color:#fff}.b-record{background:var(--green)}.b-kb{background:var(--blue)}.b-esc{background:var(--amber)}.latency{font-size:11px;color:var(--muted)}.examples{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px;border-top:1px solid var(--line)}.chip{font-size:12.5px;padding:6px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;color:var(--navy)}.chip:hover:not(:disabled){border-color:var(--navy)}.chip:disabled{opacity:.5;cursor:default}.composer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.composer input{flex:1;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:14.5px;outline:none}.composer input:focus{border-color:var(--navy)}.composer button{padding:0 18px;background:var(--green);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.footer{padding:10px 20px 16px;font-size:11px;color:var(--muted);text-align:center}