:root{color-scheme:light;--ink:#17202f;--muted:#667085;--line:#d9e2ef;--bg:#f5f7fb;--card:#fff;--accent:#0f766e;--accent-strong:#0b5f59;--soft:#e7f7f4;--danger:#b42318;--warn:#b54708;--ok:#027a48}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}.shell{max-width:1120px;margin:0 auto;padding:38px 18px}.hero{padding:18px 0 26px}.eyebrow{margin:0 0 8px;color:var(--accent);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em}h1{margin:0;font-size:42px;letter-spacing:0}p{line-height:1.55}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.chat-card,.side{background:var(--card);border:1px solid var(--line);border-radius:8px}.chat-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.chat-head div{min-width:0}.chat-head strong,.chat-head small{display:block}.chat-head small{color:var(--muted);margin-top:2px}.dot{width:10px;height:10px;border-radius:50%;background:#22c55e;flex:0 0 auto}.agent-pill{margin-left:auto;border:1px solid #a7f3d0;color:var(--accent-strong);background:#ecfdf3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.access-panel{padding:14px 16px;border-bottom:1px solid var(--line);background:#fbfcff}.access-panel label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.access-row{display:flex;gap:10px}.access-row input{flex:1}.access-row button{height:43px;white-space:nowrap}.access-status{margin:8px 0 0;font-size:12px;color:var(--muted)}.access-status.error{color:var(--danger)}.access-status.success{color:var(--ok)}.messages{min-height:370px;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:82%;padding:12px 14px;border-radius:8px;line-height:1.45;overflow-wrap:anywhere}.bot{background:#eef6ff}.user{align-self:flex-end;background:var(--soft)}.pending{color:var(--muted);font-style:italic}.error-msg{background:#fff3f0;color:var(--danger);border:1px solid #fecdca}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);align-items:flex-start}.input-wrap{flex:1;min-width:0}input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:15px}input:disabled{background:#f2f4f7;color:var(--muted)}button{border:0;border-radius:8px;background:#111827;color:white;padding:0 16px;font-weight:700;min-width:92px;height:43px}button:disabled{opacity:.65;cursor:not-allowed}.composer-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}.status.error{color:var(--danger)}.status.warn{color:var(--warn)}.status.success{color:var(--ok)}.status.loading{color:#175cd3}.side{padding:18px}.side h2{font-size:18px;margin:0 0 10px}.side ul{padding-left:18px;margin:0}.side li{margin:8px 0;color:var(--muted)}@media(max-width:800px){.workspace{grid-template-columns:1fr}.msg{max-width:100%}.composer,.access-row{flex-direction:column}.composer button,.access-row button{width:100%}.composer-meta{flex-direction:column;gap:4px}.chat-head{align-items:flex-start}.agent-pill{margin-left:0}h1{font-size:34px}}
.msg .cta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.msg .cta-button{height:auto;min-width:0;border:1px solid #99d8d0;background:#fff;color:var(--accent-strong);padding:8px 10px;font-size:13px;line-height:1.2;white-space:normal;text-align:left}.msg .cta-button:hover,.msg .cta-button:focus{background:var(--soft);outline:2px solid transparent}.msg.bot.notice-msg{border:1px solid #c7d7fe;background:#eef4ff;color:#344054}