#bob-bubble{
    position:fixed;
    bottom:20px;
    left:20px;
    width:65px;
    height:65px;
    z-index:999999999;
    cursor:pointer;
}

#bob-bubble img{width:100%;}

.bob-notif{
    position:absolute;
    top:-8px;
    right:-8px;
    background:#e60023;
    color:#fff;
    border-radius:50%;
    padding:4px 6px;
    font-size:10px;
    animation:blink 1s infinite;
}

@keyframes blink{
    0%{opacity:1;}
    50%{opacity:0.3;}
    100%{opacity:1;}
}

#bob-chat{
    position:fixed;
    bottom:100px;
    left:20px;
    width:320px;
    height:420px;
    background:#111;
    color:#fff;
    border-radius:12px;
    display:none;
    flex-direction:column;
    overflow:hidden;
    z-index:999999999;
}

.header{
    background:#e60023;
    padding:8px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
}

.header .logo{
    width:28px;
}

#msgs{
    flex:1;
    overflow-y:auto;
    padding:10px;
    font-size:13px;
}

.msg-user{
    background:#e60023;
    margin:5px;
    padding:8px;
    text-align:right;
    border-radius:8px;
    word-break:break-word;
}

.msg-bot{
    background:#2a2a2a;
    margin:5px;
    padding:8px;
    border-radius:8px;
    word-break:break-word;
}

#input{
    width:100%;
    padding:12px;
    border:none;
    box-sizing:border-box;
    background:#fff;
    color:#000;
}