:root{--n8n-primary:#0073aa;--n8n-accent:#8b5cf6;--n8n-success:#10b981;--n8n-warning:#f59e0b;--n8n-error:#ef4444;--n8n-bg:#fff;--n8n-text:#333;--n8n-border:#e1e5e9;--n8n-shadow:0 4px 12px rgba(0,0,0,.15);--n8n-radius:16px;--n8n-spacing:16px}@media(prefers-color-scheme:dark){:root{--n8n-bg:#1f2937;--n8n-text:#f3f4f6;--n8n-border:#374151;--n8n-shadow:0 4px 12px rgba(0,0,0,.3)}}.n8n-chat-frontend{background:var(--n8n-bg);border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);box-shadow:var(--n8n-shadow);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:500px;max-width:100%;overflow:hidden;position:relative;transition:all .3s ease}.n8n-chat-frontend:hover{box-shadow:0 8px 25px rgba(0,0,0,.2)}.n8n-chat-frontend[data-position=floating]{bottom:20px;max-width:380px;position:fixed;right:20px;width:90vw;z-index:9999}@media(max-width:768px){.n8n-chat-frontend[data-position=floating]{bottom:10px;max-width:320px;right:10px;width:calc(100vw - 20px)}}.n8n-chat-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid var(--n8n-error);border-radius:var(--n8n-radius);color:#dc2626;padding:20px;text-align:center}.n8n-chat-error .n8n-error-icon{font-size:48px;margin-bottom:12px}.n8n-chat-error .n8n-error-text h4{color:#dc2626;font-weight:700;margin:0 0 8px}.n8n-chat-error .n8n-error-text p{color:#dc2626;margin:0 0 8px;opacity:.8}.n8n-chat-error .n8n-error-text small{color:#dc2626;font-style:italic;opacity:.6}.n8n-chat-container{background:var(--n8n-bg);display:flex;flex-direction:column;height:100%;position:relative}.n8n-chat-header{align-items:center;background:linear-gradient(135deg,var(--persona-color,var(--n8n-accent)),color-mix(in srgb,var(--persona-color,var(--n8n-accent)) 80%,transparent));border-bottom:1px solid var(--n8n-border);display:flex;flex-shrink:0;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative}.n8n-chat-header:before{animation:headerShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.n8n-chat-header .n8n-chat-persona{align-items:center;display:flex;gap:12px}.n8n-chat-header .n8n-chat-persona .n8n-persona-avatar{align-items:center;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;font-size:24px;height:40px;justify-content:center;position:relative;width:40px}.n8n-chat-header .n8n-chat-persona .n8n-persona-avatar:after{animation:pulse 2s infinite;background:var(--n8n-success);border:2px solid #fff;border-radius:50%;content:"";height:10px;position:absolute;right:-2px;top:-2px;width:10px}.n8n-chat-header .n8n-chat-persona .n8n-persona-info h4{color:var(--n8n-text);font-size:16px;font-weight:700;line-height:1.2;margin:0}.n8n-chat-header .n8n-chat-persona .n8n-persona-info small{color:var(--n8n-text);font-size:11px;font-style:italic;opacity:.8}.n8n-chat-header .n8n-chat-controls{align-items:center;display:flex;gap:12px}.n8n-chat-header .n8n-chat-controls .n8n-status-indicator{align-items:center;color:var(--n8n-text);display:flex;font-size:11px;font-weight:600;gap:6px}.n8n-chat-header .n8n-chat-controls .n8n-status-indicator .n8n-status-dot{animation:pulse 2s infinite;background:var(--n8n-success);border-radius:50%;height:8px;width:8px}.n8n-chat-messages{background:linear-gradient(to bottom,var(--n8n-bg),color-mix(in srgb,var(--n8n-bg) 95%,var(--persona-color,var(--n8n-accent))));display:flex;flex:1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px;position:relative}.n8n-chat-messages::-webkit-scrollbar{width:6px}.n8n-chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.n8n-chat-messages::-webkit-scrollbar-thumb{background:var(--persona-color,var(--n8n-accent));border-radius:3px;opacity:.7}.n8n-chat-messages::-webkit-scrollbar-thumb:hover{opacity:1}.n8n-chat-message{animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;max-width:80%;position:relative}.n8n-chat-message.n8n-message-user{align-items:flex-end;align-self:flex-end}.n8n-chat-message.n8n-message-user .n8n-message-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.n8n-chat-message.n8n-message-user .n8n-message-content{background:linear-gradient(135deg,var(--n8n-primary),var(--n8n-accent));color:#fff;position:relative}.n8n-chat-message.n8n-message-user .n8n-message-content:after{border:8px solid transparent;border-bottom:8px solid var(--n8n-primary);border-right:none;bottom:0;content:"";height:0;position:absolute;right:-8px;width:0}.n8n-chat-message.n8n-message-bot{align-items:flex-start;align-self:flex-start}.n8n-chat-message.n8n-message-bot .n8n-message-avatar{background:linear-gradient(135deg,var(--persona-color,var(--n8n-accent)),color-mix(in srgb,var(--persona-color,var(--n8n-accent)) 80%,transparent));color:#fff}.n8n-chat-message.n8n-message-bot .n8n-message-content{background:#fff;border:1px solid var(--n8n-border);color:var(--n8n-text);position:relative}.n8n-chat-message.n8n-message-bot .n8n-message-content:after{border:8px solid transparent;border-bottom-color:#fff;border-left:none;bottom:0;content:"";height:0;left:-8px;position:absolute;width:0}.n8n-chat-message.n8n-message-bot.n8n-message-error .n8n-message-content{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:var(--n8n-error);color:#dc2626}.n8n-chat-message.n8n-message-bot.n8n-message-error .n8n-message-content:after{border-bottom-color:#fef2f2}.n8n-chat-message .n8n-message-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;font-size:16px;height:32px;justify-content:center;margin-bottom:6px;transition:all .2s ease;width:32px}.n8n-chat-message .n8n-message-content{border-radius:18px;padding:12px 16px;word-wrap:break-word;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:14px;line-height:1.5;margin-bottom:4px;max-width:100%;transition:all .2s ease}.n8n-chat-message .n8n-message-content:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.n8n-chat-message .n8n-message-content a{color:inherit;text-decoration:underline;transition:opacity .2s}.n8n-chat-message .n8n-message-content a:hover{opacity:.8}.n8n-chat-message .n8n-message-content code{background:rgba(0,0,0,.1);border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.n8n-chat-message .n8n-message-content strong{font-weight:700}.n8n-chat-message .n8n-message-content em{font-style:italic}.n8n-chat-message .n8n-message-time{color:var(--n8n-text);font-size:10px;font-weight:500;margin-top:2px;opacity:.6;padding:0 8px}.n8n-system-message{background:rgba(0,0,0,.05);border-radius:12px;color:var(--n8n-text);font-size:11px;margin:8px 0;opacity:.8;padding:6px 12px;text-align:center;transition:all .3s ease}.n8n-typing-indicator{align-items:center;animation:typingSlideIn .3s ease;background:#fff;border:1px solid var(--n8n-border);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;gap:8px;margin-bottom:4px;max-width:180px;padding:12px 16px}.n8n-typing-indicator .n8n-typing-avatar{align-items:center;background:linear-gradient(135deg,var(--persona-color,var(--n8n-accent)),color-mix(in srgb,var(--persona-color,var(--n8n-accent)) 80%,transparent));border-radius:50%;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}.n8n-typing-indicator .n8n-typing-dots{display:flex;gap:4px}.n8n-typing-indicator .n8n-typing-dots span{animation:typingPulse 1.4s ease-in-out infinite;background:var(--persona-color,var(--n8n-accent));border-radius:50%;height:8px;width:8px}.n8n-typing-indicator .n8n-typing-dots span:first-child{animation-delay:-.32s}.n8n-typing-indicator .n8n-typing-dots span:nth-child(2){animation-delay:-.16s}.n8n-typing-indicator .n8n-typing-dots span:nth-child(3){animation-delay:0s}.n8n-typing-indicator small{color:var(--n8n-text);font-size:11px;font-weight:600;opacity:.8}.n8n-chat-input-area{background:var(--n8n-bg);border-top:1px solid var(--n8n-border);flex-shrink:0;padding:16px 20px;position:relative}.n8n-chat-input-area .n8n-input-wrapper{align-items:center;display:flex;gap:10px}.n8n-chat-input-area .n8n-input-wrapper .n8n-message-input{background:var(--n8n-bg);border:2px solid var(--n8n-border);border-radius:24px;color:var(--n8n-text);flex:1;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease}.n8n-chat-input-area .n8n-input-wrapper .n8n-message-input:focus{border-color:var(--persona-color,var(--n8n-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--persona-color,var(--n8n-accent)) 20%,transparent);transform:scale(1.02)}.n8n-chat-input-area .n8n-input-wrapper .n8n-message-input::-moz-placeholder{color:var(--n8n-text);opacity:.5}.n8n-chat-input-area .n8n-input-wrapper .n8n-message-input::placeholder{color:var(--n8n-text);opacity:.5}.n8n-chat-input-area .n8n-input-wrapper .n8n-message-input:disabled{background:rgba(0,0,0,.05);cursor:not-allowed;opacity:.6}.n8n-chat-input-area .n8n-input-wrapper .n8n-send-button{align-items:center;background:linear-gradient(135deg,var(--persona-color,var(--n8n-accent)),var(--n8n-primary));border:none;border-radius:50%;box-shadow:0 2px 8px color-mix(in srgb,var(--persona-color,var(--n8n-accent)) 30%,transparent);color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.n8n-chat-input-area .n8n-input-wrapper .n8n-send-button:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.n8n-chat-input-area .n8n-input-wrapper .n8n-send-button:hover:not(:disabled){box-shadow:0 4px 15px color-mix(in srgb,var(--persona-color,var(--n8n-accent)) 40%,transparent);transform:scale(1.1)}.n8n-chat-input-area .n8n-input-wrapper .n8n-send-button:hover:not(:disabled):before{height:50px;width:50px}.n8n-chat-input-area .n8n-input-wrapper .n8n-send-button:disabled{background:var(--n8n-border);box-shadow:none;color:var(--n8n-text);cursor:not-allowed;opacity:.5;transform:none}.n8n-chat-input-area .n8n-powered-by{margin-top:8px;text-align:center}.n8n-chat-input-area .n8n-powered-by small{color:var(--n8n-text);font-size:10px;font-weight:500;opacity:.5}.n8n-debug-panel{background:linear-gradient(135deg,#fef3c7,#fde68a);border-top:2px solid var(--n8n-warning);flex-shrink:0;font-family:Courier New,monospace;font-size:10px;max-height:150px;overflow-y:auto;padding:12px}.n8n-debug-panel .n8n-debug-header{color:#92400e;font-size:11px;font-weight:700;margin-bottom:8px}.n8n-debug-panel .n8n-debug-content{color:#78350f;line-height:1.4}.n8n-debug-panel .n8n-debug-content .n8n-debug-entry{border-bottom:1px solid rgba(146,64,14,.2);padding:4px 0}.n8n-debug-panel .n8n-debug-content .n8n-debug-entry:last-child{border-bottom:none}.n8n-debug-panel .n8n-debug-content .n8n-debug-entry strong{color:#451a03}.n8n-debug-panel .n8n-debug-content .n8n-debug-entry pre{margin:4px 0 0;max-height:80px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes typingPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.3)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes headerShimmer{0%{left:-100%}to{left:100%}}@media(max-width:768px){.n8n-chat-frontend{height:400px}.n8n-chat-frontend[data-position=floating]{bottom:10px;height:350px;max-width:320px;right:10px;width:calc(100vw - 20px)}.n8n-chat-messages{gap:12px;padding:16px}.n8n-chat-message{max-width:90%}.n8n-chat-message .n8n-message-content{font-size:13px;padding:10px 14px}.n8n-chat-message .n8n-message-time{font-size:9px}.n8n-chat-input-area{padding:12px 16px}.n8n-chat-input-area .n8n-input-wrapper .n8n-message-input{font-size:16px;padding:10px 14px}.n8n-chat-header{padding:12px 16px}.n8n-chat-header .n8n-persona-avatar{font-size:20px;height:36px;width:36px}.n8n-chat-header .n8n-persona-info h4{font-size:14px}}@media(max-width:480px){.n8n-chat-frontend{height:350px}.n8n-chat-frontend[data-position=floating]{height:300px}.n8n-chat-header .n8n-persona-info h4{font-size:13px}.n8n-chat-header .n8n-persona-info small{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--n8n-border:#000;--n8n-text:#000;--n8n-bg:#fff}.n8n-message-content{border:2px solid var(--n8n-border)!important}}.n8n-message-input:focus,.n8n-send-button:focus{outline:2px solid var(--persona-color,var(--n8n-accent));outline-offset:2px}@media(forced-colors:active){.n8n-chat-frontend{border:2px solid}.n8n-message-content{border:1px solid}.n8n-send-button{border:2px solid}}