.agent-conversation{display:flex;flex-direction:column;gap:12px;max-height:360px;overflow:auto;margin:12px 0}.agent-message{padding:12px 14px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2ff;color:#152344;line-height:1.6}.agent-message.agent-user{background:#edf7f3}.agent-conversation:empty{display:none}.store-assistant{display:flex;flex-direction:column-reverse;align-items:flex-end;font:14px/1.5 system-ui,sans-serif;position:fixed;right:20px;bottom:20px;z-index:1000;color:#162440}.agent-toggle,.agent-send{border:0;background:#224bb4;color:white;padding:13px 18px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700}.agent-toggle{box-shadow:0 6px 24px #14255333}.store-agent-panel{background:white;border:1px solid #dbe2ed;border-radius:18px;padding:18px;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;box-shadow:0 10px 40px #15234440;margin-bottom:12px}.store-agent-panel[hidden]{display:none}.store-agent-panel label{display:block;font-weight:600;margin-bottom:5px}.store-agent-panel textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #b6c3d8;border-radius:8px;font:inherit;resize:vertical}.agent-panel-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.agent-close{font-size:25px;background:none;border:0;cursor:pointer;color:#162440}.agent-disclosure{font-size:12px;color:#54627b}.agent-chat-error{background:#fff1ed;padding:10px;border-radius:8px;margin:8px 0}.agent-chat-error[hidden]{display:none}.agent-send{margin-top:8px}.store-agent-panel small{display:block;margin-top:12px;color:#596780}.store-agent-panel .agent-conversation{max-height:260px}.agent-send:disabled{opacity:.6;cursor:wait}.agent-toggle:focus-visible,.agent-close:focus-visible,.agent-send:focus-visible{outline:3px solid #f0ac35;outline-offset:3px}@media(max-width:600px){.store-assistant{right:12px;bottom:12px}.store-agent-panel{padding:14px}.agent-toggle{padding:11px 15px}}

/* The chat uses a light surface independently of the store theme. */
.store-assistant{--fg:#162440;--card:#fff;--muted:#54627b;--border:#b6c3d8;--accent:#224bb4;color-scheme:light}

.store-assistant .agent-send:hover,.store-assistant .agent-toggle:hover{background:#173b94;color:#fff}