.chat-header{background:linear-gradient(135deg,var(--primary-color, #007bff) 0%,var(--primary-color-dark, #0056b3) 100%);color:#fff;padding:1rem 1.25rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:0 2px 4px #0000001a}.chat-header-content{display:flex;justify-content:space-between;align-items:center}.chat-status{display:flex;align-items:center;gap:.5rem}.company-logo{width:32px;height:32px;object-fit:contain}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:#28a745;box-shadow:0 0 0 2px #28a7454d;animation:pulse 2s infinite}.chat-status h3{margin:0;font-size:1rem;font-weight:600}.close-button{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.close-button img{width:20px;height:20px;filter:brightness(0) invert(1)}.close-button:hover{background-color:#ffffff1a}.close-button:active{background-color:#fff3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px){.chat-header{padding:.875rem 1rem}.chat-status h3{font-size:.9rem}}.message{display:flex;gap:.5rem;margin-bottom:1rem;animation:slideIn .3s ease-out;width:100%;align-items:flex-start}.message-user{flex-direction:row-reverse;margin-left:auto;max-width:85%;width:fit-content}.message-bot{flex-direction:row;margin-right:auto;max-width:85%;width:fit-content}.message-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 3px #0003}.message-content{flex:1;padding:.75rem 1rem;border-radius:1rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;box-shadow:0 1px 2px #0000001a;max-width:100%;min-width:0}.message-user .message-content{background-color:var(--primary-color, #007bff);color:#fff;border-bottom-right-radius:.25rem}.message-bot .message-content{background-color:#f1f3f5;color:#212529;border-bottom-left-radius:.25rem}.message-content p{margin:0 0 .25rem;line-height:1.4}.message-attachments{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.message-attachment{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background-color:#0000000d;border-radius:.5rem;font-size:.85rem}.attachment-link{text-decoration:none;color:inherit;transition:background-color .2s}.attachment-link:hover{background-color:#0000001a}.markdown-content{line-height:1.6}.markdown-content br{display:block;margin:.5em 0}.message-user .message-attachment{background-color:#fff3}.attachment-icon{width:16px;height:16px;object-fit:contain}.message-attachment svg{flex-shrink:0}.message-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{font-size:.7rem;opacity:.7;display:block;text-align:right}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.message-content{max-width:85%;padding:.625rem .875rem}}.message-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;background-color:#fff;scroll-behavior:smooth;max-width:100%}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:transparent}.message-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#6c757d;font-size:.9rem}.typing-indicator{display:flex;gap:.25rem;padding:.75rem 1rem;background-color:#f1f3f5;border-radius:1rem;width:fit-content;margin-bottom:1rem}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:#6c757d;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 480px){.message-list{padding:.75rem}}.chat-input-wrapper{background-color:#fff;border-top:1px solid #e9ecef}.attachments-preview{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem 0}.attachment-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#f8f9fa;border-radius:1rem;font-size:.85rem}.attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-attachment{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.remove-attachment:hover{color:#dc3545}.chat-input-container{display:flex;gap:.5rem;padding:1rem;background-color:#fff;align-items:center}.attach-button{width:2.5rem;height:2.5rem;border:none;border-radius:50%;background-color:transparent;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.attach-button:hover:not(:disabled){background-color:#f8f9fa;color:var(--primary-color, #007bff)}.attach-button:disabled{cursor:not-allowed;opacity:.5}.chat-input{flex:1;padding:.75rem .5rem .75rem 1rem;border:1px solid #dee2e6;border-radius:1.5rem;font-size:.9rem;outline:none;transition:all .2s;resize:none;font-family:inherit;line-height:1.4;overflow-y:auto;height:auto;min-height:40px;max-height:100px}.chat-input::-webkit-scrollbar{width:6px}.chat-input::-webkit-scrollbar-track{background:transparent;margin:8px 0}.chat-input::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.chat-input::-webkit-scrollbar-thumb:hover{background:#adb5bd;border:2px solid transparent;background-clip:padding-box}.chat-input:focus{border-color:var(--primary-color, #007bff)}.chat-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.chat-send-button{width:2.5rem;height:2.5rem;border:none;border-radius:50%;background-color:var(--primary-color, #007bff);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-button:hover:not(:disabled){background-color:var(--primary-color-dark, #0056b3);transform:scale(1.05)}.chat-send-button:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.6}.chat-send-button:active:not(:disabled){transform:scale(.95)}@media (max-width: 480px){.chat-input-container{padding:.75rem}.chat-input{padding:.625rem .875rem;font-size:.875rem}.chat-send-button{width:2.25rem;height:2.25rem}}.menu-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:0 1rem}.menu-option-button{padding:.75rem 1rem;background-color:#fff;border:2px solid var(--primary-color, #007bff);border-radius:.75rem;color:var(--primary-color, #007bff);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.menu-option-button:hover{background-color:var(--primary-color, #007bff);color:#fff;transform:translate(4px)}.menu-option-button:active{transform:scale(.98)}@media (max-width: 480px){.menu-options{padding:0 .75rem}.menu-option-button{padding:.625rem .875rem;font-size:.875rem}}.chat-window{position:fixed;bottom:100px;right:20px;width:380px;height:600px;max-height:90vh;max-width:calc(100vw - 40px);background-color:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;z-index:9999;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-window{width:340px;height:550px}}@media (max-width: 480px){.chat-window{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:100vh;border-radius:0}.chat-window.bottom-right,.chat-window.bottom-left{bottom:0;right:0;left:0}}.chat-window[data-theme=dark]{background-color:#1a1a1a;color:#fff}.chat-window[data-theme=dark] .message-list{background-color:#1a1a1a}.chat-window[data-theme=dark] .message-bot .message-content{background-color:#2d2d2d;color:#fff}.chat-window[data-theme=dark] .chat-input-container{background-color:#1a1a1a;border-top-color:#2d2d2d}.chat-window[data-theme=dark] .chat-input{background-color:#2d2d2d;color:#fff;border-color:#3d3d3d}.chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #007bff) 0%,var(--primary-color-dark, #0056b3) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 12px #007bff66;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:9998}.chat-button .button-icon{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}.chat-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #007bff80}.chat-button:active{transform:scale(.95)}.chat-button.chat-button-open{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d66}@media (max-width: 480px){.chat-button{width:56px;height:56px;bottom:16px;right:16px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-button.has-notification{animation:bounce .5s ease-in-out}.chat-button.has-notification:after{content:"";position:absolute;top:8px;right:8px;width:12px;height:12px;background-color:#dc3545;border-radius:50%;border:2px solid white}:root{--primary-color: #007bff;--primary-color-dark: #0056b3;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}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:inherit;line-height:1.5}.chatbot-widget{position:relative}.chatbot-widget *{box-sizing:border-box}@media (prefers-reduced-motion: reduce){.chatbot-widget *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;padding:0;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}#root{width:100%;height:100vh}