/* ========================================================================== DigiExpand Chatbot CSS Scoped with .de-chat- prefix to prevent conflicts ========================================================================== */:root{--de-chat-bg:#09090b;--de-chat-panel:#111116;--de-chat-border:rgba(114,161,212,0.2);--de-chat-primary:#4780BC;--de-chat-primary-light:#72A1D4;--de-chat-text:#ffffff;--de-chat-text-muted:#aaaaaa;--de-chat-font:'Outfit',system-ui,-apple-system,sans-serif;--de-chat-gradient:linear-gradient(135deg,#72A1D4 0%,#ffffff 50%,#4780BC 100%);--de-chat-shadow:0 10px 40px rgba(0,0,0,0.5),0 0 20px rgba(71,128,188,0.15);}.de-chat-launcher{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:var(--de-chat-gradient);border:none;box-shadow:var(--de-chat-shadow);cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s ease;padding:0;}.de-chat-launcher:hover{transform:scale(1.08);box-shadow:0 15px 45px rgba(0,0,0,0.6),0 0 30px rgba(71,128,188,0.3);}.de-chat-launcher svg{width:32px;height:32px;fill:#09090b;transition:opacity 0.3s;}.de-chat-window{position:fixed;bottom:110px;right:30px;width:400px;height:600px;max-height:calc(100vh - 140px);background:var(--de-chat-panel);border:1px solid var(--de-chat-border);border-radius:20px;box-shadow:var(--de-chat-shadow);z-index:9999;display:flex;flex-direction:column;overflow:hidden;font-family:var(--de-chat-font);opacity:1;transform:translateY(0) scale(1);transform-origin:bottom right;transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.175,0.885,0.32,1.1);}.de-chat-window.de-hidden{opacity:0;transform:translateY(20px) scale(0.95);pointer-events:none;}.de-chat-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:rgba(15,42,74,0.3);border-bottom:1px solid var(--de-chat-border);backdrop-filter:blur(10px);}.de-chat-header-info h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--de-chat-text);}.de-chat-status{display:flex;align-items:center;font-size:0.8rem;color:var(--de-chat-text-muted);margin-top:4px;}.de-online-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:6px;box-shadow:0 0 8px rgba(74,222,128,0.6);}.de-chat-header-actions button{background:none;border:none;color:var(--de-chat-text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:background 0.2s,color 0.2s;display:inline-flex;align-items:center;justify-content:center;}.de-chat-header-actions button:hover{background:rgba(255,255,255,0.1);color:var(--de-chat-text);}.de-chat-header-actions svg{width:20px;height:20px;fill:currentColor;}.de-chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;}.de-chat-messages::-webkit-scrollbar{width:6px;}.de-chat-messages::-webkit-scrollbar-track{background:transparent;}.de-chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:10px;}.de-msg{max-width:85%;line-height:1.5;font-size:0.95rem;animation:deMsgFadeIn 0.3s ease forwards;}@keyframes deMsgFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}.de-msg-ai{align-self:flex-start;}.de-msg-ai .de-msg-content{background:rgba(71,128,188,0.1);border:1px solid var(--de-chat-border);color:var(--de-chat-text);padding:14px 18px;border-radius:18px;border-top-left-radius:4px;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.de-msg-user{align-self:flex-end;}.de-msg-user .de-msg-content{background:var(--de-chat-primary);color:#ffffff;padding:14px 18px;border-radius:18px;border-top-right-radius:4px;box-shadow:0 4px 15px rgba(71,128,188,0.3);}.de-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;animation:deMsgFadeIn 0.4s ease forwards;animation-delay:0.2s;opacity:0;}.de-quick-action-btn{background:transparent;border:1px solid var(--de-chat-primary-light);color:var(--de-chat-primary-light);padding:8px 14px;border-radius:20px;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;font-family:inherit;}.de-quick-action-btn:hover{background:rgba(114,161,212,0.15);color:#ffffff;border-color:#ffffff;}.de-typing-indicator{display:flex;align-items:center;gap:4px;padding:14px 18px;background:rgba(71,128,188,0.05);border:1px solid var(--de-chat-border);border-radius:18px;border-top-left-radius:4px;width:fit-content;}.de-typing-dot{width:6px;height:6px;background-color:var(--de-chat-text-muted);border-radius:50%;animation:deTypingBounce 1.4s infinite ease-in-out both;}.de-typing-dot:nth-child(1){animation-delay:-0.32s;}.de-typing-dot:nth-child(2){animation-delay:-0.16s;}@keyframes deTypingBounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}.de-chat-input-area{padding:16px 20px;background:var(--de-chat-bg);border-top:1px solid var(--de-chat-border);display:flex;align-items:flex-end;gap:12px;}.de-chat-input-wrapper{flex:1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:12px 16px;transition:border-color 0.3s;}.de-chat-input-wrapper:focus-within{border-color:var(--de-chat-primary-light);}.de-chat-input-wrapper textarea{width:100%;background:transparent;border:none;color:var(--de-chat-text);font-family:inherit;font-size:0.95rem;resize:none;outline:none;max-height:120px;line-height:1.4;display:block;}.de-chat-input-wrapper textarea::placeholder{color:var(--de-chat-text-muted);}.de-chat-send-btn{background:var(--de-chat-primary);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.2s,opacity 0.2s;flex-shrink:0;}.de-chat-send-btn:hover:not(:disabled){background:var(--de-chat-primary-light);transform:scale(1.05);}.de-chat-send-btn:disabled{opacity:0.5;cursor:not-allowed;}.de-chat-send-btn svg{width:20px;height:20px;fill:currentColor;transform:translateX(1px);}@media (max-width:480px){.de-chat-window{bottom:0;right:0;width:100%;height:100%;max-height:100dvh;border-radius:0;border:none;}.de-chat-launcher{bottom:20px;right:20px;}.de-chat-window:not(.de-hidden) ~ .de-chat-launcher{display:none;}}
