.formatted-text{line-height:1.8;color:#333;font-size:15px}.formatted-header{font-size:19px;font-weight:700;color:#e4002b;margin:20px 0 14px;padding-bottom:10px;border-bottom:2px solid #E4002B;letter-spacing:.3px}.formatted-header:first-child{margin-top:0}.formatted-subheader{font-size:16px;font-weight:600;color:#444;margin:14px 0 10px;padding-left:4px}.formatted-paragraph{margin:12px 0;line-height:1.85;color:#333;text-align:justify}.formatted-list{margin:14px 0 14px 24px;padding-left:0;list-style:none}.formatted-list li{margin:10px 0;padding-left:28px;position:relative;line-height:1.85;text-align:justify}.bullet-list li:before{content:"•";position:absolute;left:0;color:#e4002b;font-weight:700;font-size:18px}.number-list{counter-reset:item;list-style:none}.number-list li{counter-increment:item}.number-list li:before{content:counter(item,lower-roman) ".";position:absolute;left:0;color:#e4002b;font-weight:600;font-size:15px}.roman-list{counter-reset:roman-counter;list-style:none}.roman-list li{counter-increment:roman-counter;position:relative}.roman-list li:before{content:counter(roman-counter,lower-roman) ".";position:absolute;left:0;color:#e4002b;font-weight:600;font-size:15px}.formatted-text strong{color:#333;font-weight:700;background:#0000000d;padding:2px 5px;border-radius:4px;margin:0 1px}.formatted-text br{margin:4px 0}.formatted-list .formatted-list{margin-top:6px;margin-bottom:6px;margin-left:20px}.chatbot-container{width:100%;height:100vh;display:flex;flex-direction:column;background:#fff}.chatbot-header{padding:16px 20px;background:#fff;color:#000;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;position:relative}.back-button{background:none;border:none;padding:8px;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;position:absolute;left:12px}.back-button:hover{opacity:.7}.chatbot-title{font-size:18px;font-weight:500;margin:0;text-align:center;flex:1;color:#000}.use-case-selector{position:absolute;right:20px}.use-case-dropdown{padding:6px 12px;border:1px solid #E0E0E0;border-radius:6px;background:#fff;color:#333;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:300px;max-width:400px;outline:none}.use-case-dropdown:hover{border-color:#9b6ed0}.use-case-dropdown:focus{border-color:#9b6ed0;box-shadow:0 0 0 2px #9b6ed01a}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px;background:#fff;width:100%}.message{display:flex;animation:fadeIn .3s ease-in;align-items:flex-start}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zelox-message{align-self:flex-end;justify-content:flex-end;max-width:85%}.ai-customer-message{align-self:flex-start;justify-content:flex-start;max-width:85%;gap:8px}.bot-avatar{width:32px;height:32px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-name{font-size:14px;color:#000;margin-bottom:4px;font-weight:500}.message-content{display:flex;flex-direction:column;flex:1}.message-text{padding:12px 16px;border-radius:12px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;font-size:15px;position:relative}.zelox-message .message-text{background:#e8d5ff;color:#333;border-radius:12px;min-height:20px;display:inline-block;padding-right:40px}.ai-customer-message .message-text{background:#fff;color:#333;border:1px solid #E0E0E0;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:12px 16px;width:100%}.ai-customer-message .message-text .formatted-text{width:100%}.zelox-name{font-size:14px;color:#000;margin-bottom:4px;font-weight:500;text-align:right}.play-button{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#9b6ed0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;padding:0}.play-button:hover{background:#8a5db8}.play-control{display:flex;align-items:center;gap:4px;margin-top:4px;color:#666;font-size:13px;cursor:pointer;align-self:flex-start}.play-control svg{width:16px;height:16px}.typing-cursor{display:inline-block;animation:blink 1s infinite;color:#9b6ed0;font-weight:700;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.thinking-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 2px #0000000d}.thinking-dot{width:8px;height:8px;border-radius:50%;background:#9b6ed0;animation:thinkingPulse 1.4s ease-in-out infinite}.thinking-dot:nth-child(1){animation-delay:0s}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinkingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.thinking-text{color:#666;font-size:14px;font-style:italic}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.App{height:100vh;width:100vw;background:#fff}*{margin:0;padding:0;box-sizing:border-box}body{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;background:#fff;height:100vh;overflow:hidden}#root{height:100vh;width:100vw}