﻿.qabot-trigger,.qabot-dialog{--qabot-white: #FFFFFF;--qabot-gray-50: #F9FAFB;--qabot-gray-100: #F3F4F6;--qabot-gray-200: #E5E7EB;--qabot-gray-300: #D1D5DB;--qabot-gray-400: #9CA3AF;--qabot-gray-500: #6B7280;--qabot-gray-600: #4B5563;--qabot-gray-700: #374151;--qabot-gray-800: #1F2937;--qabot-gray-900: #111827;--qabot-accent: #64748B;--qabot-accent-light: #94A3B8;--qabot-accent-subtle: #E2E8F0;--qabot-accent-hover: #475569;--qabot-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--qabot-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--qabot-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--qabot-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--qabot-font-size-xs: 0.75rem;--qabot-font-size-sm: 0.875rem;--qabot-font-size-base: 1rem;--qabot-font-size-lg: 1.125rem;--qabot-radius-sm: 8px;--qabot-radius-md: 12px;--qabot-radius-lg: 16px;--qabot-radius-full: 9999px;--qabot-transition-fast: 150ms ease;--qabot-transition-normal: 250ms ease;--qabot-transition-slow: 350ms ease}.qabot-dialog,.qabot-dialog *,.qabot-dialog *::before,.qabot-dialog *::after{box-sizing:border-box !important;margin:0 !important;border:none !important;font-size:var(--qabot-font-size-sm) !important;line-height:1.5 !important;text-decoration:none !important;list-style:none !important;vertical-align:baseline !important}button.qabot-trigger{opacity:0 !important;visibility:hidden !important;position:fixed !important;bottom:24px !important;right:24px !important;z-index:400 !important;width:60px !important;height:60px !important;margin:0 !important;padding:0 !important;border:none !important;border-radius:var(--qabot-radius-full) !important;background:var(--qabot-gray-800) !important;color:var(--qabot-white) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:var(--qabot-shadow-lg) !important;transition:transform var(--qabot-transition-fast),background var(--qabot-transition-fast),box-shadow var(--qabot-transition-fast) !important}button.qabot-trigger.qabot-trigger--ready{opacity:1 !important;visibility:visible !important}button.qabot-trigger:hover{background:var(--qabot-gray-700) !important;transform:scale(1.05) !important;box-shadow:var(--qabot-shadow-xl) !important}button.qabot-trigger:active{transform:scale(0.98) !important}button.qabot-trigger .qabot-trigger__content{display:flex !important;flex-direction:column !important;align-items:center !important;gap:2px !important;transition:opacity var(--qabot-transition-fast),transform var(--qabot-transition-fast) !important}button.qabot-trigger .qabot-trigger__icon{width:22px !important;height:22px !important;margin:0 !important;padding:0 !important;flex-shrink:0 !important}button.qabot-trigger .qabot-trigger__text{font-size:10px !important;font-weight:600 !important;letter-spacing:0.3px !important;color:var(--qabot-white) !important;line-height:1 !important}button.qabot-trigger .qabot-trigger__close{position:absolute !important;width:24px !important;height:24px !important;margin:0 !important;padding:0 !important;opacity:0 !important;transform:rotate(-90deg) !important;transition:opacity var(--qabot-transition-fast),transform var(--qabot-transition-fast) !important}button.qabot-trigger.qabot-trigger--active .qabot-trigger__content{opacity:0 !important;transform:scale(0.5) !important}button.qabot-trigger.qabot-trigger--active .qabot-trigger__close{opacity:1 !important;transform:rotate(0deg) !important}dialog.qabot-dialog{position:fixed !important;bottom:100px !important;right:24px !important;left:auto !important;top:auto !important;z-index:9999 !important;width:380px !important;max-width:calc(100vw - 32px) !important;height:560px !important;max-height:calc(100vh - 140px) !important;margin:0 !important;padding:0 !important;border:1px solid var(--qabot-gray-200) !important;border-radius:var(--qabot-radius-lg) !important;background:var(--qabot-white) !important;box-shadow:var(--qabot-shadow-xl) !important;overflow:hidden !important;overscroll-behavior:contain !important;display:flex !important;flex-direction:column !important;opacity:0 !important;transform:translateY(20px) scale(0.95) !important;transition:opacity var(--qabot-transition-normal),transform var(--qabot-transition-normal) !important;pointer-events:none !important}dialog.qabot-dialog[open]{opacity:1 !important;transform:translateY(0) scale(1) !important;pointer-events:auto !important}dialog.qabot-dialog::backdrop{background:transparent !important}dialog.qabot-dialog>header.qabot__header{position:relative !important;top:0 !important;left:0 !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;min-height:56px !important;padding:16px 20px !important;margin:0 !important;background:var(--qabot-gray-800) !important;color:var(--qabot-white) !important;flex-shrink:0 !important;border:none !important;border-radius:0 !important}dialog.qabot-dialog>header.qabot__header .qabot__header-title{display:flex !important;align-items:center !important;gap:10px !important;font-size:var(--qabot-font-size-base) !important;font-weight:500 !important;color:var(--qabot-white) !important;background:transparent !important;padding:0 !important;margin:0 !important}dialog.qabot-dialog>header.qabot__header .qabot__header-icon{width:24px !important;height:24px !important;opacity:0.9 !important;flex-shrink:0 !important}dialog.qabot-dialog>header.qabot__header .qabot__header-title span{color:var(--qabot-white) !important;font-size:var(--qabot-font-size-base) !important;padding:0 !important;margin:0 !important}dialog.qabot-dialog>header.qabot__header button.qabot__header-close{display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;padding:0 !important;margin:0 !important;border:none !important;border-radius:var(--qabot-radius-sm) !important;background:transparent !important;color:var(--qabot-white) !important;cursor:pointer !important;transition:background var(--qabot-transition-fast) !important;flex-shrink:0 !important}dialog.qabot-dialog>header.qabot__header button.qabot__header-close:hover{background:rgba(255,255,255,0.1) !important}dialog.qabot-dialog>header.qabot__header .qabot__header-close-icon{width:20px !important;height:20px !important}dialog.qabot-dialog>.qabot__body{position:relative !important;z-index:1 !important;flex:1 1 auto !important;overflow-y:auto !important;overflow-x:hidden !important;padding:20px !important;margin:0 !important;background:var(--qabot-gray-50) !important;display:flex !important;flex-direction:column !important;gap:16px !important;scroll-behavior:smooth !important;overscroll-behavior:contain !important;scrollbar-width:thin;scrollbar-color:var(--qabot-gray-300) transparent}dialog.qabot-dialog>.qabot__body::-webkit-scrollbar{width:6px !important}dialog.qabot-dialog>.qabot__body::-webkit-scrollbar-track{background:transparent !important}dialog.qabot-dialog>.qabot__body::-webkit-scrollbar-thumb{background:var(--qabot-gray-300) !important;border-radius:3px !important}dialog.qabot-dialog .qabot__message{max-width:85% !important;width:auto !important;animation:qabot-fade-in var(--qabot-transition-normal) ease forwards !important}@keyframes qabot-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}dialog.qabot-dialog .qabot__message--bot{align-self:flex-start !important}dialog.qabot-dialog .qabot__message--user{align-self:flex-end !important}dialog.qabot-dialog .qabot__message-bubble{padding:14px 18px !important;border-radius:var(--qabot-radius-md) !important;font-size:var(--qabot-font-size-sm) !important;line-height:1.7 !important;white-space:pre-wrap !important;word-break:break-word !important}dialog.qabot-dialog .qabot__message--bot .qabot__message-bubble{background:var(--qabot-white) !important;color:var(--qabot-gray-700) !important;border:1px solid var(--qabot-gray-200) !important;border-radius:var(--qabot-radius-md) !important;border-bottom-left-radius:4px !important}dialog.qabot-dialog .qabot__message--user .qabot__message-bubble{background:var(--qabot-gray-800) !important;color:var(--qabot-white) !important;border:none !important;border-radius:var(--qabot-radius-md) !important;border-bottom-right-radius:4px !important}dialog.qabot-dialog .qabot__typing{display:flex !important;align-items:center !important;gap:4px !important;padding:14px 18px !important;background:var(--qabot-white) !important;border:1px solid var(--qabot-gray-200) !important;border-radius:var(--qabot-radius-md) !important;border-bottom-left-radius:4px !important}dialog.qabot-dialog .qabot__typing-dot{width:8px !important;height:8px !important;background:var(--qabot-gray-400) !important;border-radius:50% !important;animation:qabot-typing 1.4s infinite ease-in-out !important}dialog.qabot-dialog .qabot__typing-dot:nth-child(2){animation-delay:0.2s !important}dialog.qabot-dialog .qabot__typing-dot:nth-child(3){animation-delay:0.4s !important}@keyframes qabot-typing{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-4px);opacity:1}}dialog.qabot-dialog .qabot__selections{display:flex !important;flex-direction:column !important;gap:8px !important;margin-top:12px !important;padding:0 !important}dialog.qabot-dialog button.qabot__selection-btn{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;padding:12px 16px !important;margin:0 !important;border:1px solid var(--qabot-gray-200) !important;border-left:3px solid var(--qabot-gray-400) !important;border-radius:0 var(--qabot-radius-sm) var(--qabot-radius-sm) 0 !important;background:var(--qabot-white) !important;color:var(--qabot-gray-700) !important;font-size:var(--qabot-font-size-sm) !important;line-height:1.5 !important;text-align:left !important;cursor:pointer !important;transition:all var(--qabot-transition-fast) !important;animation:qabot-selection-appear var(--qabot-transition-normal) ease both !important}dialog.qabot-dialog button.qabot__selection-btn::after{content:'›' !important;display:inline-block !important;margin-left:8px !important;font-size:1.2em !important;font-weight:300 !important;color:var(--qabot-gray-400) !important;transition:transform var(--qabot-transition-fast),color var(--qabot-transition-fast) !important;flex-shrink:0 !important}@keyframes qabot-selection-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}dialog.qabot-dialog button.qabot__selection-btn:nth-child(1){animation-delay:0.05s !important}dialog.qabot-dialog button.qabot__selection-btn:nth-child(2){animation-delay:0.1s !important}dialog.qabot-dialog button.qabot__selection-btn:nth-child(3){animation-delay:0.15s !important}dialog.qabot-dialog button.qabot__selection-btn:nth-child(4){animation-delay:0.2s !important}dialog.qabot-dialog button.qabot__selection-btn:nth-child(5){animation-delay:0.25s !important}dialog.qabot-dialog button.qabot__selection-btn:nth-child(6){animation-delay:0.3s !important}dialog.qabot-dialog button.qabot__selection-btn:hover{border-color:var(--qabot-gray-400) !important;background:var(--qabot-gray-50) !important}dialog.qabot-dialog button.qabot__selection-btn:active{transform:scale(0.98) !important}dialog.qabot-dialog .qabot__related-section{margin-top:16px !important;padding-top:16px !important;padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important;border-top:1px solid var(--qabot-gray-200) !important}dialog.qabot-dialog .qabot__related-title{font-size:var(--qabot-font-size-xs) !important;font-weight:500 !important;color:var(--qabot-gray-500) !important;margin-bottom:10px !important;text-transform:uppercase !important;letter-spacing:0.5px !important}dialog.qabot-dialog button.qabot__related-btn{display:block !important;width:100% !important;padding:10px 14px !important;margin:0 0 6px 0 !important;border:1px dashed var(--qabot-gray-300) !important;border-radius:var(--qabot-radius-sm) !important;background:transparent !important;color:var(--qabot-gray-600) !important;font-size:var(--qabot-font-size-xs) !important;line-height:1.5 !important;text-align:left !important;cursor:pointer !important;transition:all var(--qabot-transition-fast) !important}dialog.qabot-dialog button.qabot__related-btn:hover{border-color:var(--qabot-gray-400) !important;border-style:solid !important;background:var(--qabot-gray-50) !important;color:var(--qabot-gray-700) !important}dialog.qabot-dialog button.qabot__related-btn:last-child{margin-bottom:0 !important}dialog.qabot-dialog>footer.qabot__footer{position:relative !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;padding:12px 20px !important;margin:0 !important;background:var(--qabot-white) !important;border-top:1px solid var(--qabot-gray-200) !important;border-left:none !important;border-right:none !important;border-bottom:none !important;flex-shrink:0 !important}dialog.qabot-dialog>footer.qabot__footer .qabot__footer-left{display:flex !important;align-items:center !important;gap:8px !important;padding:0 !important;margin:0 !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__back-btn{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:8px 14px !important;margin:0 !important;border:1px solid var(--qabot-gray-300) !important;border-radius:var(--qabot-radius-sm) !important;background:var(--qabot-white) !important;color:var(--qabot-gray-600) !important;font-size:var(--qabot-font-size-sm) !important;cursor:pointer !important;transition:all var(--qabot-transition-fast) !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__back-btn:hover{border-color:var(--qabot-gray-400) !important;background:var(--qabot-gray-50) !important;color:var(--qabot-gray-700) !important}dialog.qabot-dialog>footer.qabot__footer .qabot__back-btn-icon{width:16px !important;height:16px !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__restart-btn{padding:8px 14px !important;margin:0 !important;border:none !important;border-radius:var(--qabot-radius-sm) !important;background:var(--qabot-gray-100) !important;color:var(--qabot-gray-600) !important;font-size:var(--qabot-font-size-sm) !important;cursor:pointer !important;transition:all var(--qabot-transition-fast) !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__restart-btn:hover{background:var(--qabot-gray-200) !important;color:var(--qabot-gray-700) !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__end-btn{padding:8px 18px !important;margin:0 !important;border:none !important;border-radius:var(--qabot-radius-sm) !important;background:var(--qabot-gray-800) !important;color:var(--qabot-white) !important;font-size:var(--qabot-font-size-sm) !important;font-weight:500 !important;cursor:pointer !important;transition:all var(--qabot-transition-fast) !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__end-btn:hover{background:var(--qabot-gray-700) !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__end-btn:active{transform:scale(0.98) !important}@media (max-width: 480px){button.qabot-trigger{bottom:calc(50px + 16px + env(safe-area-inset-bottom)) !important;right:16px !important;width:56px !important;height:56px !important}button.qabot-trigger .qabot-trigger__icon{width:20px !important;height:20px !important}button.qabot-trigger .qabot-trigger__text{font-size:9px !important}dialog.qabot-dialog{bottom:0 !important;right:0 !important;left:0 !important;width:100% !important;max-width:100% !important;height:calc(96vh - 60px - env(safe-area-inset-bottom, 0)) !important;max-height:calc(100vh - 60px - env(safe-area-inset-bottom, 0)) !important;border-radius:var(--qabot-radius-lg) var(--qabot-radius-lg) 0 0 !important;border-bottom:none !important}dialog.qabot-dialog>header.qabot__header{padding:14px 16px !important}dialog.qabot-dialog>.qabot__body{padding:16px !important}dialog.qabot-dialog .qabot__message-bubble{padding:12px 14px !important}dialog.qabot-dialog>footer.qabot__footer{flex-wrap:wrap !important;gap:8px !important;padding:12px 16px !important;padding-bottom:calc(12px + env(safe-area-inset-bottom, 0)) !important}dialog.qabot-dialog>footer.qabot__footer .qabot__footer-left{flex:1 1 auto !important}dialog.qabot-dialog>footer.qabot__footer button.qabot__end-btn{flex-shrink:0 !important}}@media (prefers-reduced-motion: reduce){.qabot-trigger,.qabot-trigger *,.qabot-dialog,.qabot-dialog *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}button.qabot-trigger:focus-visible,dialog.qabot-dialog>header.qabot__header button.qabot__header-close:focus-visible,dialog.qabot-dialog button.qabot__selection-btn:focus-visible,dialog.qabot-dialog button.qabot__related-btn:focus-visible,dialog.qabot-dialog>footer.qabot__footer button.qabot__back-btn:focus-visible,dialog.qabot-dialog>footer.qabot__footer button.qabot__restart-btn:focus-visible,dialog.qabot-dialog>footer.qabot__footer button.qabot__end-btn:focus-visible{outline:2px solid var(--qabot-accent) !important;outline-offset:2px !important}
