.ai-guide-launcher { position: fixed; z-index: 120; right: 22px; bottom: 92px; width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: #fff; background: linear-gradient(145deg,#5d3cff,#18191b); box-shadow: 0 18px 45px rgba(57,37,174,.32); font-size: 16px; font-weight: 900; letter-spacing: 0; transition: transform .25s; }
.ai-guide-launcher:hover { transform: translateY(-4px) scale(1.04); }
.ai-guide-launcher::after { content: ""; }
.ai-guide-panel { position: fixed; z-index: 130; right: 22px; bottom: 160px; width: min(380px, calc(100% - 30px)); max-height: min(610px, calc(100svh - 190px)); display: none; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid rgba(255,255,255,.3); border-radius: 25px; color: #f5f5f7; background: rgba(15,16,18,.96); box-shadow: 0 30px 90px rgba(0,0,0,.38); backdrop-filter: blur(28px); }
.ai-guide-panel.is-open { display: grid; animation: ai-pop .28s cubic-bezier(.2,.8,.2,1); }
.ai-guide-head { padding: 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1); }
.ai-guide-title { display: grid; gap: 3px; }
.ai-guide-title strong { font-size: 14px; }
.ai-guide-title span { color: #9f9fa5; font-size: 9px; }
.ai-guide-close { width: 35px; height: 35px; border-radius: 50%; color: #fff; background: rgba(255,255,255,.09); font-size: 18px; }
.ai-guide-messages { padding: 17px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; }
.ai-message { max-width: 88%; padding: 11px 13px; border-radius: 16px 16px 16px 4px; color: #d8d8dc; background: rgba(255,255,255,.09); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.ai-message.user { align-self: flex-end; border-radius: 16px 16px 4px 16px; color: #171719; background: #fff; }
.ai-message a { color: #9de9b7; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.ai-suggestions { display: flex; flex-wrap: wrap; gap: 6px; }
.ai-suggestions button { padding: 8px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #d8d8dc; background: rgba(255,255,255,.06); font-size: 9px; }
.ai-guide-form { padding: 12px; display: grid; grid-template-columns: 1fr 42px; gap: 7px; border-top: 1px solid rgba(255,255,255,.1); }
.ai-guide-form input { min-width: 0; height: 43px; padding: 0 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; outline: 0; color: #fff; background: rgba(255,255,255,.07); font-size: 11px; }
.ai-guide-form input:focus { border-color: #8d75ff; box-shadow: 0 0 0 3px rgba(93,60,255,.22); }
.ai-guide-form button { border-radius: 13px; color: #141416; background: #fff; font-size: 17px; }
@keyframes ai-pop { from { opacity: 0; transform: translateY(15px) scale(.97); } }
@media (max-width: 640px) { .ai-guide-launcher { left: 17px; right: auto; bottom: 22px; width: 54px; height: 54px; } .ai-guide-panel { right: 10px; bottom: 92px; width: calc(100% - 20px); max-height: calc(100svh - 112px); border-radius: 21px; } .ai-message { max-width: 94%; } .ai-guide-head { padding: 15px; } .ai-guide-messages { padding: 14px; } }
@media (max-width: 640px) { body.hide-mobile-floats .ai-guide-launcher, body.hide-mobile-floats .whatsapp-float { opacity: 0; pointer-events: none; transform: translateY(12px) scale(.94); } body.hide-mobile-floats .ai-guide-panel { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .ai-guide-panel.is-open { animation: none; } }