@tailwind base;@tailwind components;@tailwind utilities;:root{--widget-primary: #F59E0B;--widget-secondary: #8B5CF6;--widget-accent-gold: #D97706;--widget-accent-purple: #7C3AED;--widget-bg: #ffffff;--widget-text: #1f2937;--widget-border: #e5e7eb;--widget-user-bg: linear-gradient(135deg, #F59E0B 0%, #D97706 25%, #8B5CF6 75%, #7C3AED 100%);--widget-assistant-bg: #f7f7f8;--widget-shadow: rgba(0, 0, 0, .1)}.dark{--widget-bg: #343541;--widget-text: #ececf1;--widget-border: #565869;--widget-user-bg: linear-gradient(135deg, #F59E0B 0%, #D97706 25%, #8B5CF6 75%, #7C3AED 100%);--widget-assistant-bg: #444654;--widget-shadow: rgba(0, 0, 0, .3)}.kb-chatbot-widget{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.75;letter-spacing:-.01em;text-rendering:optimizeLegibility}.kb-chatbot-widget p{margin-bottom:.75em}.kb-chatbot-widget p:last-child{margin-bottom:0}.chat-bubble-user{background:linear-gradient(135deg,var(--widget-user-bg) 0%,var(--widget-secondary) 100%);color:#fff;border-radius:18px 18px 4px;box-shadow:0 2px 4px var(--widget-shadow);max-width:100%}.chat-bubble-assistant{background:var(--widget-assistant-bg);color:var(--widget-text);border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px var(--widget-shadow);max-width:100%}.quick-reply-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;margin:0;background:linear-gradient(135deg,#f59e0b,#d97706 25%,#8b5cf6 75%,#7c3aed);border:none;border-radius:24px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f59e0b4d,inset 0 1px #fff3;letter-spacing:-.01em}.dark .quick-reply-button{background:linear-gradient(135deg,#f59e0b,#d97706 25%,#8b5cf6 75%,#7c3aed);color:#fff}.quick-reply-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #f59e0b66,inset 0 1px #ffffff4d}.dark .quick-reply-button:hover{box-shadow:0 6px 20px #f59e0b66,inset 0 1px #ffffff4d}.quick-reply-button:active{transform:translateY(0) scale(.98)}.quick-reply-button.quick-reply-yes{background:linear-gradient(135deg,#f59e0b,#d97706 25%,#8b5cf6 75%,#7c3aed);color:#fff}.quick-reply-button.quick-reply-yes:hover{box-shadow:0 6px 20px #f59e0b66,inset 0 1px #ffffff4d}.quick-reply-button.quick-reply-edit{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);color:#1f2937}.quick-reply-button.quick-reply-edit:hover{background:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #00000026}.quick-reply-button.quick-reply-no{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);color:#6b7280}.quick-reply-button.quick-reply-no:hover{background:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #00000026}.chat-input-container{background:var(--widget-bg);border-top:1px solid var(--widget-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kb-chatbot-widget ::-webkit-scrollbar{width:6px}.kb-chatbot-widget ::-webkit-scrollbar-track{background:transparent}.kb-chatbot-widget ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kb-chatbot-widget ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .kb-chatbot-widget ::-webkit-scrollbar-thumb{background:#4b5563}.dark .kb-chatbot-widget ::-webkit-scrollbar-thumb:hover{background:#6b7280}@supports (padding: max(0px)){.kb-chatbot-widget{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (max-width: 767px){.kb-chatbot-widget{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kb-chatbot-widget .message-bubble{max-width:85%!important}.kb-chatbot-widget input,.kb-chatbot-widget textarea{font-size:16px!important}.kb-chatbot-widget button{min-height:44px;min-width:44px}.kb-chatbot-widget ::-webkit-scrollbar{width:4px}}body.widget-open{overflow:hidden;position:fixed;width:100%;height:100%}.kb-chatbot-widget pre,.kb-chatbot-widget code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.9em;line-height:1.6}.kb-chatbot-button{transition:all .2s ease}.kb-chatbot-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.kb-chatbot-message{animation:fadeIn .3s ease-in}@keyframes spin{to{transform:rotate(360deg)}}.kb-chatbot-spinner{animation:spin 1s linear infinite}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}