:root{--smartir-primary: #21baed;--smartir-secondary: #040d65;--smartir-success: #10b981;--smartir-error: #ef4444;--smartir-text-dark: #1f2937;--smartir-text-light: #6b7280;--smartir-bg-light: #f9fafb;--smartir-bg-white: #ffffff;--smartir-border: #e5e7eb;--smartir-space-xs: 4px;--smartir-space-sm: 8px;--smartir-space-md: 16px;--smartir-space-lg: 24px;--smartir-space-xl: 32px;--smartir-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--smartir-font-size-sm: 12px;--smartir-font-size-md: 14px;--smartir-font-size-lg: 16px;--smartir-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--smartir-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--smartir-shadow-lg: 0 12px 48px rgba(0, 0, 0, .2);--smartir-radius-sm: 8px;--smartir-radius-md: 16px;--smartir-radius-lg: 24px;--smartir-radius-full: 50%;--smartir-z-widget: 999999}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typing{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--smartir-font-family);color:var(--smartir-text-dark);background:var(--smartir-bg-light)}.demo-page{max-width:760px;margin:0 auto;padding:64px 20px}#smartir-chat-widget{position:fixed;right:20px;bottom:20px;z-index:var(--smartir-z-widget)}#smartir-chat-button{width:60px;height:60px;border:0;border-radius:var(--smartir-radius-full);color:var(--smartir-bg-white);background:linear-gradient(135deg,var(--smartir-primary),var(--smartir-secondary));box-shadow:var(--smartir-shadow-md);cursor:pointer;transition:transform .2s}#smartir-chat-button:hover{transform:scale(1.1)}#smartir-chat-button:active,.close-button:active{transform:scale(.95)}#smartir-chat-button svg{fill:currentColor}.notification-badge{position:absolute;top:-4px;right:-4px;display:grid;min-width:22px;height:22px;place-items:center;border:2px solid var(--smartir-bg-white);border-radius:var(--smartir-radius-full);color:var(--smartir-bg-white);background:var(--smartir-error);font-size:var(--smartir-font-size-sm);animation:pulse 2s infinite;z-index:1}#smartir-chat-window{position:fixed;right:20px;bottom:92px;z-index:var(--smartir-z-widget);width:380px;height:600px;max-height:calc(100vh - 120px);overflow:hidden;border-radius:var(--smartir-radius-md);background:var(--smartir-bg-white);box-shadow:var(--smartir-shadow-lg);animation:slideUp .3s ease-out;display:flex;flex-direction:column}#smartir-chat-window[hidden]{display:none}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--smartir-space-md);background:linear-gradient(135deg,var(--smartir-primary),var(--smartir-secondary));color:var(--smartir-bg-white)}.header-info{display:flex;align-items:center;gap:var(--smartir-space-sm)}.avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--smartir-radius-full);background:#ffffff40;font-size:var(--smartir-font-size-sm);font-weight:600}.title h3{margin:0;font-size:var(--smartir-font-size-md)}.title p{margin:2px 0 0;font-size:var(--smartir-font-size-sm);opacity:.85}.close-button{border:0;background:transparent;color:var(--smartir-bg-white);font-size:22px;line-height:1;cursor:pointer;opacity:.85;padding:6px 8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:.2s}.close-button:hover{opacity:1;background:#ffffff1a;transform:scale(1.05)}.close-button:focus{outline:0;box-shadow:0 0 0 3px #fff3}.chat-messages{flex:1;overflow-y:auto;padding:var(--smartir-space-md);display:flex;flex-direction:column;gap:var(--smartir-space-sm);min-height:0}.chat-message{display:flex;max-width:85%;animation:fadeIn .3s ease-out}.chat-message--user{align-self:flex-end}.chat-message--assistant{align-self:flex-start}.chat-message__content{padding:var(--smartir-space-sm) var(--smartir-space-md);border-radius:var(--smartir-radius-md);font-size:var(--smartir-font-size-md);line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-message--user .chat-message__content{background:linear-gradient(135deg,var(--smartir-primary),var(--smartir-secondary));color:var(--smartir-bg-white);border-bottom-right-radius:4px}.chat-message--assistant .chat-message__content{background:var(--smartir-bg-light);color:var(--smartir-text-dark);border-bottom-left-radius:4px}.chat-message--assistant .chat-message__content p{margin:0 0 6px}.chat-message--assistant .chat-message__content p:last-child{margin-bottom:0}.chat-message--assistant .chat-message__content h3,.chat-message--assistant .chat-message__content h4{margin:8px 0 4px;font-size:var(--smartir-font-size-md);font-weight:700}.chat-message--assistant .chat-message__content ul,.chat-message--assistant .chat-message__content ol{margin:4px 0;padding-left:18px}.chat-message--assistant .chat-message__content li{margin-bottom:2px}.chat-message--assistant .chat-message__content code{padding:1px 5px;border-radius:4px;background:#00000012;font-family:monospace;font-size:12px}.chat-message--assistant .chat-message__content pre{margin:6px 0;padding:var(--smartir-space-sm);border-radius:var(--smartir-radius-sm);background:#0000000f;overflow-x:auto}.chat-message--assistant .chat-message__content pre code{padding:0;background:transparent}.chat-message--assistant .chat-message__content strong{font-weight:700}.chat-message--assistant .chat-message__content em{font-style:italic}.chat-message--assistant .chat-message__content hr{margin:8px 0;border:none;border-top:1px solid var(--smartir-border)}.chat-typing .chat-message__content{display:flex;align-items:center;gap:4px;padding:var(--smartir-space-sm) var(--smartir-space-md)}.chat-typing .chat-message__content span{display:block;width:7px;height:7px;border-radius:50%;background:var(--smartir-text-light);animation:typing 1.2s infinite ease-in-out}.chat-typing .chat-message__content span:nth-child(2){animation-delay:.2s}.chat-typing .chat-message__content span:nth-child(3){animation-delay:.4s}.quick-replies{display:flex;flex-wrap:wrap;gap:var(--smartir-space-xs);padding:0 var(--smartir-space-md) var(--smartir-space-sm)}.quick-reply-btn{padding:7px 14px;border:1.5px solid var(--smartir-primary);border-radius:var(--smartir-radius-sm);background:transparent;color:var(--smartir-primary);font-size:var(--smartir-font-size-sm);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;transition:.2s}.quick-reply-btn:hover{background:var(--smartir-primary);color:var(--smartir-bg-white);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.quick-reply-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea33}#smartir-chat-send:focus,.quick-reply-btn:focus{outline:0;box-shadow:0 0 0 3px #667eea26}.chat-input-area{display:flex;align-items:center;gap:var(--smartir-space-xs);padding:var(--smartir-space-sm) var(--smartir-space-md);border-top:1px solid var(--smartir-border)}#smartir-chat-input{flex:1;padding:8px 12px;border:1.5px solid var(--smartir-border);border-radius:18px;font-size:var(--smartir-font-size-md);font-family:inherit;outline:0;transition:.15s;min-width:0}#smartir-chat-input::placeholder{color:var(--smartir-text-light);opacity:.6}#smartir-chat-input:hover{border-color:var(--smartir-primary);background:#667eea05}#smartir-chat-input:focus{border-color:var(--smartir-primary);background:#667eea0a;box-shadow:0 0 0 3px #667eea1a}#smartir-chat-input:disabled{opacity:.6;cursor:not-allowed}#smartir-chat-send{padding:8px 16px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--smartir-primary),var(--smartir-secondary));color:var(--smartir-bg-white);font-size:var(--smartir-font-size-md);font-weight:600;cursor:pointer;transition:.15s;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:36px;user-select:none}#smartir-chat-send:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}#smartir-chat-send:active{transform:translateY(0);opacity:.95}#smartir-chat-send:disabled{opacity:.45;cursor:not-allowed;transform:none}.image-preview{position:relative;display:inline-flex;align-items:flex-start;margin:0 var(--smartir-space-md) var(--smartir-space-xs)}.image-preview img{width:80px;height:80px;object-fit:cover;border-radius:var(--smartir-radius-sm);border:2px solid var(--smartir-border)}.image-preview__remove{position:absolute;top:-8px;right:-8px;display:grid;width:20px;height:20px;place-items:center;border:none;border-radius:var(--smartir-radius-full);background:var(--smartir-error);color:#fff;font-size:11px;line-height:1;cursor:pointer}.chat-message__content--image{padding:var(--smartir-space-xs);background:transparent!important}.chat-message__image{display:block;max-width:220px;max-height:200px;border-radius:var(--smartir-radius-sm);object-fit:contain;cursor:zoom-in}.chat-message__caption{margin:var(--smartir-space-xs) 0 0;padding:0 var(--smartir-space-xs);font-size:var(--smartir-font-size-md);color:var(--smartir-text-dark);white-space:pre-wrap;word-break:break-word}@media(max-width:479px){#smartir-chat-widget{right:10px;bottom:10px}#smartir-chat-button{width:50px;height:50px;font-size:24px}#smartir-chat-window{right:10px;bottom:70px;width:calc(100vw - 20px);height:calc(100vh - 90px);max-height:calc(100vh - 90px);border-radius:var(--smartir-radius-sm)}.chat-header{padding:var(--smartir-space-sm) var(--smartir-space-md)}.avatar{width:36px;height:36px;font-size:11px}.title h3{font-size:13px}.title p{font-size:11px}.close-button{font-size:18px}.chat-messages{padding:var(--smartir-space-sm)}.chat-message{max-width:90%}.chat-message__content{font-size:13px;padding:6px 10px}.quick-replies{padding:0 var(--smartir-space-sm) var(--smartir-space-xs)}.quick-reply-btn{padding:5px 8px;font-size:11px;border-radius:var(--smartir-radius-sm)}.chat-input-area{padding:var(--smartir-space-xs) var(--smartir-space-sm);gap:4px}#smartir-chat-input{padding:6px 8px;font-size:13px}#smartir-chat-send{padding:6px 12px;font-size:12px;font-weight:600}}@media(max-width:767px)and (min-width:480px){#smartir-chat-widget{right:15px;bottom:15px}#smartir-chat-button{width:56px;height:56px}#smartir-chat-window{right:15px;bottom:80px;width:min(90vw,360px);height:min(85vh,550px);max-height:min(85vh,550px)}.chat-message{max-width:88%}.chat-message__content{font-size:13px}#smartir-chat-send{padding:7px 14px;font-size:12px}}@media(min-width:768px)and (max-width:1023px){#smartir-chat-widget{right:20px;bottom:20px}#smartir-chat-window{width:360px;height:580px;max-height:calc(100vh - 100px)}.chat-message{max-width:85%}}@media(min-width:1024px)and (max-width:1439px){#smartir-chat-widget{right:27px;bottom:27px}#smartir-chat-window{width:380px;height:600px;max-height:calc(100vh - 120px)}.chat-message{max-width:82%}}@media(min-width:1440px){#smartir-chat-widget{right:28px;bottom:28px}#smartir-chat-window{width:400px;height:620px;max-height:calc(100vh - 140px)}.chat-message{max-width:80%}}@media(orientation:landscape)and (max-height:600px){#smartir-chat-window{height:calc(100vh - 80px);max-height:calc(100vh - 80px)}.chat-messages{padding:var(--smartir-space-sm)}}.ai-disclaimer{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px var(--smartir-space-md);font-size:11px;color:var(--smartir-text-light);border-top:1px solid var(--smartir-border);text-align:center;line-height:1.4;flex-shrink:0}.ai-disclaimer svg{flex-shrink:0;opacity:.6}.chat-message--assistant{flex-direction:column}.feedback-bar{display:flex;gap:2px;padding:3px 0 0 var(--smartir-space-xs)}.feedback-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 5px;border-radius:6px;opacity:.5;transition:opacity .15s,transform .15s;line-height:1}.feedback-btn:hover:not(:disabled){opacity:1;transform:scale(1.25)}.feedback-btn:disabled{cursor:default;opacity:.25;transform:none}.feedback-thanks{display:inline-block;padding:3px 0 0 var(--smartir-space-xs);font-size:var(--smartir-font-size-sm);color:var(--smartir-success)}.feedback-comment{margin-top:var(--smartir-space-xs);padding:var(--smartir-space-sm);border-radius:var(--smartir-radius-sm);background:var(--smartir-bg-light);border:1px solid var(--smartir-border);display:flex;flex-direction:column;gap:var(--smartir-space-xs);width:100%;box-sizing:border-box}.feedback-comment__label{margin:0;font-size:var(--smartir-font-size-sm);color:var(--smartir-text-dark)}.feedback-textarea{width:100%;min-height:60px;padding:6px 8px;border:1.5px solid var(--smartir-border);border-radius:var(--smartir-radius-sm);font-family:inherit;font-size:var(--smartir-font-size-sm);resize:vertical;outline:none;box-sizing:border-box;background:var(--smartir-bg-white);color:var(--smartir-text-dark);transition:border-color .15s}.feedback-textarea:focus{border-color:var(--smartir-primary);box-shadow:0 0 0 3px #667eea1a}.feedback-submit{align-self:flex-end;padding:5px 14px;border:none;border-radius:var(--smartir-radius-sm);background:linear-gradient(135deg,var(--smartir-primary),var(--smartir-secondary));color:var(--smartir-bg-white);font-size:var(--smartir-font-size-sm);font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.feedback-submit:hover{opacity:.9;transform:translateY(-1px)}.feedback-submit:active{transform:none;opacity:.95}@media(hover:none)and (pointer:coarse){#smartir-chat-button{width:56px;height:56px}#smartir-chat-button:active{transform:scale(.9)}.quick-reply-btn{padding:8px 12px}#smartir-chat-input,#smartir-chat-send{min-height:44px}}@media(prefers-color-scheme:dark){:root{--smartir-text-dark: #f3f4f6;--smartir-text-light: #d1d5db;--smartir-bg-light: #1f2937;--smartir-bg-white: #111827;--smartir-border: #374151}#smartir-chat-window{background:var(--smartir-bg-white)}.chat-message__content{font-size:var(--smartir-font-size-md)}.chat-message--assistant .chat-message__content{background:var(--smartir-bg-light)}}