.ai-launcher{
position:fixed;
right:22px;
bottom:22px;
min-width:156px;
height:56px;
padding:0 18px;
border:0;
border-radius:999px;
background:linear-gradient(135deg,#d946ef,#10b981);
color:#fff;
font-size:16px;
font-weight:900;
letter-spacing:.2px;
box-shadow:0 16px 42px rgba(16,185,129,.36),0 0 0 4px rgba(255,255,255,.08);
cursor:pointer;
z-index:2147483647;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
animation:aiPulse 2.6s ease-in-out infinite;
}

.ai-launcher::before{
content:"?";
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:50%;
background:rgba(255,255,255,.2);
font-size:15px;
font-weight:900;
}

@keyframes aiPulse{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-4px);}
}

.ai-panel{
position:fixed;
right:22px;
bottom:92px;
width:min(390px,calc(100vw - 28px));
height:min(560px,calc(100vh - 120px));
display:none;
grid-template-rows:auto 1fr auto;
background:rgba(13,23,39,.98);
border:1px solid rgba(255,255,255,.12);
border-radius:18px;
box-shadow:0 22px 60px rgba(0,0,0,.45);
overflow:hidden;
z-index:2147483647;
}

.ai-panel.open{
display:grid;
}

.ai-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:16px;
background:#111c2d;
border-bottom:1px solid rgba(255,255,255,.08);
}

.ai-title{
font-size:18px;
font-weight:900;
color:#10b981;
}

.ai-status{
font-size:12px;
color:#cbd5e1;
margin-top:3px;
}

.ai-close{
width:34px;
height:34px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.08);
color:white;
font-size:22px;
cursor:pointer;
}

.ai-messages{
padding:16px;
overflow-y:auto;
display:flex;
flex-direction:column;
gap:12px;
}

.ai-message{
max-width:88%;
padding:12px 14px;
border-radius:14px;
line-height:1.55;
font-size:14px;
white-space:pre-line;
}

.ai-message.bot{
align-self:flex-start;
background:#162033;
color:#e2e8f0;
border:1px solid rgba(255,255,255,.08);
}

.ai-message.user{
align-self:flex-end;
background:linear-gradient(135deg,#d946ef,#a855f7);
color:white;
}

.ai-suggestions{
display:flex;
gap:8px;
flex-wrap:wrap;
padding:0 16px 12px;
}

.ai-suggestion{
border:1px solid rgba(16,185,129,.35);
background:rgba(16,185,129,.08);
color:#d1fae5;
border-radius:999px;
padding:8px 10px;
font-size:12px;
cursor:pointer;
}

.ai-form{
display:flex;
gap:8px;
padding:14px;
border-top:1px solid rgba(255,255,255,.08);
background:#0b0f19;
}

.ai-input{
flex:1;
min-width:0;
border:1px solid rgba(255,255,255,.1);
border-radius:12px;
background:#161f30;
color:white;
padding:12px;
font-size:14px;
outline:none;
}

.ai-send{
border:0;
border-radius:12px;
background:#10b981;
color:#062316;
font-weight:900;
padding:0 16px;
cursor:pointer;
}

@media(max-width:600px){
.ai-launcher{
right:16px;
bottom:16px;
min-width:138px;
height:52px;
font-size:14px;
}

.ai-panel{
right:14px;
bottom:84px;
}
}