body { font-family: Arial, sans-serif; }

  #chat-icon {
    position: fixed;
    right: 40px;
    bottom: 10px;
    background: #F44336;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    z-index: 9999; /* Garante que fique na frente de qualquer outro elemento */
}

#chat-box {
    position: fixed;
    right: 40px;
    bottom: 70px;
    width: 300px;
    height: 400px;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    overflow: hidden;
    z-index: 9998; /* Um nível abaixo do ícone do chat */
}

  #message { height: 336px; overflow-y: auto; padding: 10px; border-bottom: 1px solid #ccc; }
        #messages { height: 310px; overflow-y: auto; padding: 10px; border: 1px solid #ccc;  line-height: 1.5; }
        #input-box { display: flex; padding: 7px; }
        #message-input { flex: 1; padding: 5px; border: 1px solid #ccc; border-radius: 5px; }
        #send-btn { background: #e20b51; color: white; padding: 8px 10px; border: none; cursor: pointer; border-radius: 7px; }