.chat-shell{display:flex;flex-direction:column;height:100%;min-height:0;background:#f5f7fa}.chat-shell__header{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid #e5e7eb}.chat-shell__header h1{margin:0;font-size:16px}.chat-shell__header button{border:0;background:none;font-size:22px}.chat-shell__sessions{position:absolute;right:12px;top:52px;z-index:5;width:min(320px,90vw);max-height:60vh;overflow:auto;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0002}.chat-shell__messages{flex:1;min-height:0;overflow:auto;padding:12px}.chat-shell__product{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-top:1px solid #e5e7eb}.chat-shell__product span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-shell__composer{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #e5e7eb}.chat-shell__composer input[data-chat-input]{flex:1;min-width:0;border:1px solid #d1d5db;border-radius:8px;padding:9px}.chat-shell__composer button{border:0;border-radius:8px;padding:0 14px;background:#2563eb;color:#fff}
.chat-message{display:flex;max-width:82%;margin:6px 0;padding:9px 11px;border-radius:10px;white-space:pre-wrap;word-break:break-word}.chat-message.is-self{margin-left:auto;background:#d8f3dc}.chat-message.is-other{margin-right:auto;background:#fff}.chat-product-card{color:#1d4ed8;text-decoration:none;font-weight:500}