.n8n-chat-root { --n8n-brand:#0ea5e9; --n8n-bg:#ffffff; --n8n-agent:#f1f5f9; --n8n-user:#dbeafe; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
.n8n-chat-floating { position: fixed; bottom: 18px; z-index: 99999; }
.n8n-chat-right { right: 18px; }
.n8n-chat-left { left: 18px; }
.n8n-chat-toggle { background: var(--n8n-brand); color:#fff; border:0; border-radius: 999px; padding: 10px 14px; box-shadow: 0 8px 24px rgba(0,0,0,.15); cursor: pointer; display: inline-flex; align-items: center; gap:8px; }
.n8n-chat-toggle:focus { outline: 2px solid #0000; box-shadow: 0 0 0 3px rgba(14,165,233,.35); }
.n8n-chat-panel { position: fixed; right: 18px; bottom: 74px; width: 340px; max-width: calc(100vw - 36px); background: var(--n8n-bg); border-radius: 16px; overflow: hidden; box-shadow: 0 16px 48px rgba(0,0,0,.22); border: 1px solid rgba(0,0,0,.06); }
.n8n-chat-left .n8n-chat-panel { right: auto; left: 18px; }
.n8n-chat-embedded .n8n-chat-panel { position: relative; inset: auto; width: 100%; max-width: 100%; box-shadow: none; border: 1px solid rgba(0,0,0,.08); }
.n8n-chat-header { background: linear-gradient(135deg, var(--n8n-brand), #111827); color:#fff; display:flex; align-items:center; justify-content: space-between; padding: 12px; }
.n8n-chat-agent { display:flex; gap:10px; align-items:center; }
.n8n-chat-agent-avatar { width:36px; height:36px; border-radius:50%; object-fit: cover; background:#fff; }
.n8n-chat-agent-avatar--placeholder { display:flex; align-items:center; justify-content:center; font-weight:700; background:#fff; color:#111827; width:36px; height:36px; border-radius:50%; }
.n8n-chat-agent-name { display:block; line-height:1.1; }
.n8n-chat-agent-status { opacity:.85; }
.n8n-chat-close { background: transparent; border:0; color:#fff; font-size: 22px; line-height:1; cursor:pointer; }
.n8n-chat-messages { padding: 12px; max-height: 380px; overflow:auto; display:flex; flex-direction: column; gap: 8px; background: #fafafa; }
.n8n-chat-bubble { max-width: 86%; padding: 8px 10px; border-radius: 14px; box-shadow: 0 1px 0 rgba(0,0,0,.05); font-size: 14px; line-height: 1.35; }
.n8n-chat-bubble--agent { background: var(--n8n-agent); align-self: flex-start; }
.n8n-chat-bubble--user { background: var(--n8n-user); align-self: flex-end; }
.n8n-chat-input { border-top: 1px solid #e5e7eb; padding: 10px; display:flex; gap:8px; background:#fff; }
.n8n-chat-input input { flex:1; border:1px solid #e5e7eb; border-radius: 999px; padding: 10px 12px; }
.n8n-chat-send { border:0; background: var(--n8n-brand); color:#fff; border-radius: 999px; padding: 0 14px; cursor:pointer; }
.n8n-chat-typing { display:inline-block; min-width: 36px; }
.n8n-dot { display:inline-block; width:6px; height:6px; background:#9ca3af; border-radius:50%; margin-right:3px; animation: n8n-bounce 1.4s infinite both; }
.n8n-dot:nth-child(2){ animation-delay: .2s; }
.n8n-dot:nth-child(3){ animation-delay: .4s; }
@keyframes n8n-bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } }