/* ==========================================
   AI Chatbot style CSS - AIOGEE Plugin
   ========================================== */

    /* --- Reset & body --- */
    * {margin:0;padding:0;box-sizing:border-box;}
    body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f9f9f9;}

    /* --- Chatbot container --- */
    .chatbot-container {position: fixed; right: 20px; bottom: 20px; width: 350px; max-height: 600px; border-radius: 20px; background: linear-gradient(90deg,#fff 0%,#f0f0f0 100%) padding-box, linear-gradient(90deg,#f0f0f0 0%,#f732a0 100%) border-box; border: 3.5px solid transparent; box-shadow:0 10px 30px rgba(0,0,0,0.1); display: flex; flex-direction: column; overflow: hidden; z-index:10000;}
    .chatbot-header {background: linear-gradient(90deg,#fff 0%,#f0f0f0 100%); padding: 20px; border-bottom: 2px solid #e9ecef; display:flex; justify-content:space-between; align-items:center;}
    .header-left {display:flex;align-items:center;gap:12px;}
    .aiogee-logo {width:40px;height:40px;background:#f732a0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#fff;font-size:18px;}
    .header-info h3 {font-size:16px;font-weight:600;margin-bottom:2px;}
    .header-actions {display:flex;gap:10px;}
    .header-btn {width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s;}
    .header-btn:hover {background:#e9ecef;transform:translateY(-1px);}
    .chat-messages {flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;}
    .message {display:flex;flex-direction:column;max-width:85%;}
    .message.ai {align-self:flex-start;}
    .message.user {align-self:flex-end;}
    .message-bubble {padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative;transition:all 0.3s ease;}
    .message.ai .message-bubble {background:linear-gradient(90deg,#d9d9d9 0%,#f1f1f1 100%);}
    .message.user .message-bubble {background:linear-gradient(90deg,#0cc0df -50%,#f1f1f1 100%);}
    .quick-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
    .quick-action {background:#c5eef5;border:1px solid #c5eef5;color:#000;padding:6px 12px;border-radius:16px;font-size:12px;cursor:pointer;transition:0.3s;}
    .quick-action:hover {background:#0cc0df;color:#fff;}
    .typing-indicator {display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0f0f0;border-radius:18px;max-width:80%;}
    .typing-dots {display:flex;gap:4px;}
    .typing-dot {width:6px;height:6px;background:#999;border-radius:50%;animation:typing 1.4s infinite ease-in-out;}
    .typing-dot:nth-child(1){animation-delay:-0.2s;}
    .typing-dot:nth-child(2){animation-delay:-0.3s;}
    @keyframes typing {0%,80%,100%{transform:scale(0.8);opacity:0.5;}40%{transform:scale(1);opacity:1;}}
    .chat-input-container {padding:20px;background:linear-gradient(90deg,#fff 0%,#f0f0f0 100%);}
    .chat-input-wrapper {display:flex;align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:25px;padding:5px 16px;gap:12px;}
    .chat-input {flex:1;border:none;background:transparent;font-size:14px;padding:8px 0;outline:none;}
    .chat-input::placeholder{color:#999;}
    .send-btn{width:36px;height:36px;background:#0cc0df;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s;}
    .send-btn:hover{transform:scale(1.05);}
    .send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;}
    .powered-by{text-align:center;padding:15px;font-size:11px;color:#999;background:linear-gradient(90deg,#fff 0%,#f0f0f0 100%);}.powered-by strong{color:#f732a0;font-weight:600;}
    .chat-messages::-webkit-scrollbar{width:8px;}
    .chat-messages::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px;}
    .chat-messages::-webkit-scrollbar-thumb:hover{background:#ccc;}
    @media(max-width:400px){.chatbot-container{width:100%;height:100vh;border-radius:0;}}