#smart-ai-button{

position:fixed;

right:25px;

bottom:25px;

width:60px;

height:60px;

border-radius:50%;

background:#111;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

cursor:pointer;

z-index:999999;

box-shadow:0 10px 30px rgba(0,0,0,.2);

}

#smart-ai-chat{

display:none;

position:fixed;

right:25px;

bottom:100px;

width:360px;

height:520px;

background:#fff;

border-radius:15px;

overflow:hidden;

box-shadow:0 10px 40px rgba(0,0,0,.25);

z-index:999999;

}

#smart-ai-header{

background:#111;

color:#fff;

padding:15px;

font-size:18px;

font-weight:bold;

}

#smart-ai-messages{

height:390px;

overflow:auto;

padding:15px;

background:#f7f7f7;

}

.smart-ai-message{

background:#fff;

padding:10px;

border-radius:8px;

margin-bottom:10px;

}

#smart-ai-footer{

display:flex;

padding:10px;

gap:10px;

}

#smart-ai-input{

flex:1;

padding:10px;

}

#smart-ai-send{

padding:10px 18px;

cursor:pointer;

}
/* =========================================================
   SMART AI CHAT UX - SEND ICON + AUTO SCROLL
========================================================= */
#smart-ai-header{
    display:flex;
    align-items:center;
    gap:9px;
}

.smart-ai-brand-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

#smart-ai-send{
    width:52px;
    min-width:52px;
    height:44px;
    padding:0;
    border:0;
    border-radius:11px;
    background:#111;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:transform .16s ease, opacity .16s ease, box-shadow .16s ease;
    box-shadow:0 5px 14px rgba(0,0,0,.14);
}

#smart-ai-send:hover{
    transform:translateY(-1px);
    box-shadow:0 7px 18px rgba(0,0,0,.20);
}

#smart-ai-send:active{
    transform:translateY(1px) scale(.98);
}

#smart-ai-send:disabled{
    cursor:not-allowed;
    opacity:.65;
}

.smart-ai-send-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}

.smart-ai-send-icon svg{
    display:block;
    transform:rotate(0deg);
}

#smart-ai-messages{
    scroll-behavior:smooth;
    overscroll-behavior:contain;
}

.smart-ai-typing{
    opacity:.78;
}

.smart-ai-typing span{
    display:inline-block;
    margin-top:3px;
    animation:smart-ai-pulse 1.2s ease-in-out infinite;
}

@keyframes smart-ai-pulse{
    0%,100%{opacity:.45}
    50%{opacity:1}
}

@media (max-width:480px){
    #smart-ai-send{
        width:50px;
        min-width:50px;
    }
}

/* =========================================================
   STRUCTURED AI RESPONSE TYPOGRAPHY
========================================================= */
.smart-ai-message > div:last-child p{margin:0 0 10px;line-height:1.55;}
.smart-ai-message > div:last-child p:last-child{margin-bottom:0;}
.smart-ai-message > div:last-child h3,.smart-ai-message > div:last-child h4{margin:4px 0 10px;line-height:1.3;font-weight:700;}
.smart-ai-message > div:last-child h3{font-size:17px;}
.smart-ai-message > div:last-child h4{font-size:15px;}
.smart-ai-message > div:last-child ul,.smart-ai-message > div:last-child ol{margin:6px 0 12px;padding-left:24px;}
.smart-ai-message > div:last-child li{margin:5px 0;line-height:1.5;}
.smart-ai-message > div:last-child strong{font-weight:700;}
.smart-ai-message > div:last-child em{font-style:italic;}