.chatbot-container{display:flex;flex-direction:column;height:100%;min-height:85vh;max-height:calc(100vh - 2rem);background-color:rgba(15,23,42,.9);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2);width:100%;margin-top:.5rem}.chatbot-header{display:flex;align-items:center;padding:1rem 1.5rem;background:linear-gradient(90deg,#92400e,#172554);color:white;border-bottom:1px solid rgba(255,255,255,.1)}.chatbot-avatar{margin-right:1rem}.bot-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#3b82f6);display:flex;align-items:center;justify-content:center;position:relative}.bot-icon:before{width:16px;height:16px;background-color:rgb(255,255,255);top:10px;left:12px}.bot-icon:after,.bot-icon:before{content:"";position:absolute;border-radius:50%}.bot-icon:after{width:10px;height:10px;background-color:#94c26ff3;top:13px;left:15px}.chatbot-info h2{font-size:1.25rem;margin:0;font-weight:600}.chatbot-info p{font-size:.85rem;margin:0;opacity:.8}.chatbot-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background-color:rgba(15,23,42,.8)}.chatbot-ai-message{display:flex;align-items:flex-start;max-width:80%}.bot-message{align-self:flex-start}.user-message-chatbot{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffa202;margin:0 .75rem}.bot-avatar-icon{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#3b82f6);position:relative}.bot-avatar-icon:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:rgb(255,255,255);top:5px;left:6px}.message-content{background-color:rgba(30,41,59,.8);padding:.75rem 1rem;border-radius:12px;position:relative}.bot-message .message-content{border-top-left-radius:0;background-color:rgba(59,130,246,.2)}.user-message-chatbot .message-content{border-top-right-radius:0;background:linear-gradient(90deg,#b17103,#a13503);text-align:right}.message-text{color:white;line-height:1.4}.message-time{font-size:.75rem;color:rgba(255,255,255,.5);margin-top:.25rem}.suggestion-chips{display:flex;padding:.75rem 1.5rem;gap:.5rem;overflow-x:auto;border-top:1px solid rgba(255,255,255,.05)}.suggestion-chip{white-space:nowrap;padding:.5rem 1rem;background-color:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:white;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.suggestion-chip:hover{background-color:rgba(59,130,246,.3)}.chatbot-input{display:flex;align-items:center;padding:.75rem 1rem;background-color:rgba(30,41,59,.8);border-top:1px solid rgba(255,255,255,.05)}.chatbot-input input{flex:1;padding:.75rem 1rem;background-color:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:24px;color:white;font-size:.95rem;margin:0 .5rem}.chatbot-input input:focus{outline:none;border-color:rgba(59,130,246,.5)}.input-button{width:36px;height:36px;border-radius:50%;background-color:rgba(30,41,59,.9);color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.input-button:hover{background-color:rgba(59,130,246,.2);color:white}.mic-button{color:rgba(245,158,11,.8)}.mic-button:hover{background-color:rgba(245,158,11,.2)}.send-button{width:42px;height:42px;border-radius:50%;margin-left:7px;background:linear-gradient(135deg,#f59e0b,#3b82f6);color:white;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.send-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.send-button:disabled{background:linear-gradient(135deg,rgba(245,158,11,.5),rgba(59,130,246,.5));cursor:not-allowed;transform:none;box-shadow:none}.typing-indicator{display:flex;padding:10px}.dot{width:8px;height:8px;margin:0 4px;background-color:#666;border-radius:50%;animation:typing 1.4s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:rgba(15,23,42,.3);border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb{background:rgba(245,158,11,.3);border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:rgba(245,158,11,.5)}@media (max-width:767px){.chatbot-container{border-radius:8px}.chatbot-header{padding:.75rem 1rem}.bot-icon{width:32px;height:32px}.bot-icon:before{width:12px;height:12px;top:8px;left:10px}.bot-icon:after{width:8px;height:8px;top:10px;left:12px}.chatbot-avatar{margin-right:.75rem}.chatbot-info h2{font-size:1rem}.chatbot-info p{font-size:.75rem}.chatbot-messages{padding:1rem;gap:.75rem}.chatbot-ai-message{max-width:95%}.message-avatar{width:24px;height:24px;margin:0 .5rem}.bot-avatar-icon{width:16px;height:16px}.bot-avatar-icon:before{width:6px;height:6px;top:4px;left:5px}.message-content{padding:.5rem .75rem}.message-text{font-size:.875rem}.message-time{font-size:.7rem}.suggestion-chips{padding:.5rem 1rem}.suggestion-chip{padding:.4rem .75rem;font-size:.75rem;border-radius:16px}.chatbot-input{padding:.5rem .75rem}.chatbot-input input{padding:.5rem .75rem;border-radius:20px;font-size:.875rem;margin:0 .3rem}.input-button{width:30px;height:30px}.send-button{width:34px;height:34px;margin-left:5px}.typing-indicator{padding:8px}.dot{width:6px;height:6px;margin:0 3px}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chatbot-messages::-webkit-scrollbar{width:4px}}@media (min-width:768px) and (max-width:1023px){.chatbot-container{margin-top:.5rem}.chatbot-header{padding:1rem 1.25rem}.bot-icon{width:36px;height:36px}.bot-icon:before{width:14px;height:14px;top:9px;left:11px}.bot-icon:after{width:9px;height:9px;top:11.5px;left:13.5px}.chatbot-avatar{margin-right:.85rem}.chatbot-info h2{font-size:1.15rem}.chatbot-messages{padding:1.25rem}.chatbot-ai-message{max-width:85%}.message-avatar{width:28px;height:28px;margin:0 .65rem}.bot-avatar-icon{width:18px;height:18px}.bot-avatar-icon:before{width:7px;height:7px;top:5px;left:5.5px}.suggestion-chips{padding:.65rem 1.25rem}.suggestion-chip{padding:.45rem .9rem;font-size:.8rem}.chatbot-input{padding:.65rem 1rem}.input-button{width:34px;height:34px}.send-button{width:38px;height:38px;margin-left:6px}}