#chat-popup{
    width:350px;
    height:500px;
    position:fixed;
    bottom:80px;
    right:20px;
    background:white;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
    overflow:hidden;
}

/* tela inicial */

#chat-start{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:100%;
    text-align:center;
    padding:20px;
}

#chat-start h3{
    margin-bottom:10px;
}

#chat-start button{
    padding:10px 20px;
    border:none;
    border-radius:6px;
    background:#007bff;
    color:white;
    cursor:pointer;
}

/* chat escondido */

#chat-container{
    display:none;
    height:100%;
    flex-direction:column;
}

/* mensagens */

#messages{
    list-style:none;
    flex:1;
    overflow-y:auto;
    padding:10px;
}

/* form */

#external-message-form{
    display:flex;
    padding:10px;
    border-top:1px solid #eee;
}

#external-message{
    flex:1;
    padding:8px;
}